Hide product prices

Caution

Vintage themes aren't available in the Theme Store. Vintage themes don't have the features included in Shopify's Online Store 2.0 themes, and Shopify free vintage themes don't receive updates except security fixes.

Note

If you use a free theme from Shopify, then you can contact Shopify Support for help with this tutorial. It requires 15 minutes of design time. Learn more about the Shopify Design Policy.

Note

This customization is for vintage Shopify themes, and doesn't apply to Online Store 2.0 themes.

• Find out your theme's architecture version
• Explore Online Store 2.0 theme customizations

You can hide all of your product prices and reveal them again in the future by editing your currency formats.

Tip

If you want to prevent customers from purchasing your products temporarily, then you can also disable your cart.

Steps:

Desktop

1. From your Shopify admin, go to Settings.
2. Click General.
3. In the Store defaults section, click … > Change formatting.
4. Wrap the first two formats in a span element with a class set to hidden. Don't use quotes. For example, below is the HTML with currency format for a store that uses USD as its currency:

<span class=hidden>${{ amount }} USD</span>

Below is the HTML without currency format:

<span class=hidden>${{ amount }}</span>

Caution

Don't place <span class=hidden>${{ amount }}</span> into the Email with Currency and Email without Currency fields.

Don't add quotes to your money formats, because doing so might interfere with the functionality of your theme's JavaScript.

This should hide all the prices on your storefront. If prices are still showing, then you need to add some code to the bottom of your theme's stylesheet. Continue to follow the next steps.

Desktop

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
3. In the Assets directory, click to open your theme.scss.liquid file. The name of the stylesheet can vary theme to theme, so if you cannot find theme.scss.liquid, look for one of the following:
   • style.scss.liquid
   • styles.scss.liquid
   • theme.css.liquid
   • timber.scss.liquid
4. At the very bottom of the file, add the following code:

.hidden {
  display: none;
}

1. Click Save.

When you are ready to show your prices again, change your shop's currency to any other one, then change it back to your own currency. This reverts your settings to the default money formats for your shop's currency and shows the prices in your storefront again.