Comment to 'How to change the membership level ID?'
Comment to How to change the membership level ID?

  • Hi dear @LeonidS

    I've found a solution to my own question asked in this discussion. I've managed to change the table rows order on the acl page moving a membership level row from one position to another using jQuery. It work. I have used the following code:

    <script>
$(document).ready(function()
{
  $('#bx_acl_view_row_5').insertAfter($('#bx_acl_view_row_3'));
});
script>

    I still have another challenge.

    I am trying to hide a specifc membership level's price on the acl page and replace its suscribe button with a 'Contact us' or 'Contact Sales' button that will point to the contact page. For that specific level, I don't want to disclose the price. I would like members to contact us first so that we can understand and discuss their need.

    I have tried the following css code, display: none; but it didin't work:

     > td:bx-def-padding-sec-bottom.bx-def-padding-sec-top {
display: none;
}

    But when I use: td:nth-of-type(3) like in the css code below, it kinda works but it removes the entire price td, destroying the table columns:

     > td:nth-of-type(3) {
display: none;
}

    Please do you have an idea on how to hide the content of the Price cell, without removing the cell, just hide its content (the price)?

    Also any idea on how to replace its suscribe button with a 'Contact us' or 'Contact Sales' button that will point to the contact page?

    Thanks

    • Well, if you use the JQUery then you may replace the price with the approx following code (you may insert it after the prices table):

      $("#bx_acl_view_row_6 > td:bx-def-padding-sec-bottom.bx-def-padding-sec-top").text(Contact us code)

      • Thanks for your reply. It didn't work. For whatever reason, I couldn't get the class: td:bx-def-padding-sec-bottom.bx-def-padding-sec-top to work. Maybe because it is used by all the tds in the same table row.

        Instead, I used the css class: td:nth-of-type(3) to apply the code to the third cell (td) of the row and it worked. Also I used the .html() element instead of the .text() element. Here is the final code:

        <script>
$(document).ready(function() {
  $('#bx_acl_view_row_6 > td:nth-of-type(3)').html('<a href="./contact">Contact us</a>');  
});
</script>  

        I could have used the .replaceWith() or .text() element, It would have worked as well. eg:

        $('#bx_acl_view_row_6 > td:nth-of-type(3)').text('Contact us');

        Thanks