Visibility Control for WooCommerce
Hide HTML Elements, Menu Links, and Other Details For Specific Criterion
Free
Key Controls
Access to a Product
Show/hide specific HTML elements based on user's access to a product.
Log-in Status
Show/hide specific HTML elements based on user's logged-in or logged-out status.
User Role
Show/hide HTML elements to users having a certain role.
How to Use?
To show or hide, add a CSS class to your element div or span.
As explained here, if Product ID is 123
Add this CSS class: visible_to_product_123
Add this CSS class: hidden_to_product_123
Add this CSS class: visible_to_logged_in OR hidden_to_logged_out
add this CSS class: visible_to_logged_out OR hidden_to_logged_in
Add this CSS class: visible_to_role_administrator.
Add this CSS class: hidden_to_role_administrator
Note:
– To show an element to multiple specific roles only, you need to add the element multiple times, one for each role.
– To hide an element/menu from specific multiple roles only you can add the element once add multiple classes to the same element.
– Change administrator to subscriber or student or editor or any other WordPress/Custom roles.
Screenshots
Previous
Next