visibility control for woocommerce

Visibility Control for WooCommerce

Hide HTML Elements, Menu Links, and Other Details For Specific Criterion

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: 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


– 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.

Shopping Cart
Scroll to Top
We are making major changes on payment options & license management. Please, click here to report any issues you face during the purchase.