Hiding prices

Tips on hiding prices from the product grid and product form

When setting up your store, you may want to initially hide prices from displaying on your store. Here are a few tips on hiding the prices in common areas of the theme:


The CSS code that was used in the video:

.product-item__price {
  display: none;

Where to add

Be sure to add this code snippet in the main Theme settings -> Custom CSS

Remember to remove that custom CSS code snippet when you want to show the prices again in the future.

Product pages

The price block can be toggled with the "eye" icon:

Last updated