Hide product prices
You can hide all of your product prices and reveal them again in the future by editing your currency formats.
Steps:
Desktop
- From your Shopify admin, go to Settings.
- Click General.
- In the Store defaults section, click … > Change formatting.
- Wrap the first two formats in a
span
element with a class set tohidden
. Don't use quotes. For example, below is the HTML with currency format for a store that uses USD as its currency:
Below is the HTML without currency format:
iPhone
From the Shopify app, tap the … button.
Tap Settings.
In the Store settings section, tap General.
In the Store defaults section, tap … > Change formatting.
Wrap the first two formats in a
span
element with a class set tohidden
. Don't use quotes. For example, below is the HTML with currency format for a store that uses USD as its currency:
Below is the HTML without currency format:
Android
From the Shopify app, tap the ☰ button.
Tap Settings.
In the Store settings section, tap General.
In the Store defaults section, tap … > Change formatting.
Wrap the first two formats in a
span
element with a class set tohidden
. Don't use quotes. For example, below is the HTML with currency format for a store that uses USD as its currency:
Below is the HTML without currency format:
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
- From your Shopify admin, go to Online Store > Themes.
- Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
- 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 findtheme.scss.liquid
, look for one of the following:-
style.scss.liquid
-
styles.scss.liquid
-
theme.css.liquid
-
timber.scss.liquid
-
- At the very bottom of the file, add the following code:
- Click Save.
iPhone
- From the Shopify app, tap the … button.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
- 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 findtheme.scss.liquid
, look for one of the following:-
style.scss.liquid
-
styles.scss.liquid
-
theme.css.liquid
-
timber.scss.liquid
-
- At the very bottom of the file, add the following code:
- Click Save.
Android
- From the Shopify app, tap the … button.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
- 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 findtheme.scss.liquid
, look for one of the following:-
style.scss.liquid
-
styles.scss.liquid
-
theme.css.liquid
-
timber.scss.liquid
-
- At the very bottom of the file, add the following code:
- 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.