I want to hide product prices on all pages

I turned on the Catalog mode in the theme settings, but found that the prices of the products are still displayed. I want to know how to set up the settings to hide the price display on all pages.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.price {
    display: none !important;
}

Best Regards

After I entered this CSS code, I found that the price can still be viewed on the shopping cart and checkout pages. How can I set the price to be hidden on all pages of the store?

Hello,

Can you please share the product page URL so I will check and give you a possible solution?

Best Regards

Below is a test website I made. I did not close the shopping cart and checkout functions. Although I do not see the price on the product display now, I can see the price in the shopping cart and checkout function.

Hello,

I visited your site and noticed that the Add to Cart button was already hidden due to Catalog Mode. Since new users cannot add products to the cart, the cart and checkout pages are not accessible to them.

Best Regards

But if I want the website to be able to display the variable attribute Size of the product, how should I set it?

Hello,

The catalog mode is used to disable the ability to buy a product from the website and it also hides the variations from the variable products.

You will need to hide the price and add to the cart button with custom CSS, please let us know if you need our help.

Best Regards

My current idea is to retain the add to cart and checkout functions, but not display the price on any interface. How can I do this? In addition, I found a problem. When adding products to the checkout page, I found that a short description will be displayed in the product display. How can I hide it?

[Author]

Posts