Hiding prices from customers who are not logged in

Last updated

You can hide prices from visitors who are not logged in. Your catalog will be available to all visitors, but only registered customers can see prices and shop. This is particularly helpful if you want to keep wholesale pricing private.

See below the CSS codes for hiding the prices and Add to Bag and Buy Now buttons.

Before you get started, familiarize yourself with how to add the CSS codes to your store theme.

Here are the codes to hide prices and buttons from the customers who are not logged in.


/*Hide price in the catalog page*/
html#ecwid_html body#ecwid_body.ecwid-customer-loggedOut 
.ec-size .ec-store .grid__products--appearance-frame 
.grid-product__price { 
     display: none; 
} 


/*Hide Buy Now buttons in the catalog page*/
body.ecwid-customer-loggedOut 
.grid-product__button.grid-product__buy-now {
    display: none;
}

/*Hide price in the product details page*/
body.ecwid-customer-loggedOut .ecwid-productBrowser-price {
    display: none;
} 

/*Hide Add to Bag in the product details page*/ 
body.ecwid-customer-loggedOut .ecwid-btn.ecwid-btn--primary.ecwid-btn--addToBag {
    display: none;
} 
If you want to give discounts to customers from different groups, you can add them to groups and provide discounts using our article Store Memberships.
Back to top
Has the article answered your question?

Please send us that question. We will be happy to help by email.

Send a message