Hide price for sold out products on Shopify’s Debut Theme
Going out of stock is not the most pleasant experience we merchants can have but it happens to the best of us.
Additionally, depending on your ecom's strategy, you may want to hide the price for your sold out products. Here is how you can do it.
Locating the file and adding the code
- In your Shopify admin, go to Online Store > Themes > Actions > Edit Code.
- Find the theme.css file in your theme. Keep in mind that depending on your theme's version this file can also be named theme.scss.liquid, theme.css or theme.scss.
- At the very bottom of the file paste the following code:
- Save the file.
Hide the price on the product page too
You can also hide the price for sold out products on the product page if you wish, it's fairly simple.
- In your Shopify admin, go to Online Store > Themes > Actions > Edit Code.
- Find the theme.css file in your theme. Keep in mind that depending on your theme's version this file can also be named theme.scss.liquid or theme.scss.
- At the very bottom of the file paste the following code:
- Save the file.
That is it! Now the price won't be showing up on your product page either.
You may also like
Here are some other tutorials you may be interested in:
– Add arrows & swiping to Debut product pages
– Debut “click to zoom” lightbox tutorial: mobile friendly images, slider & arrows
– Improve your website's safety: block right click, image copying and more
Was this article helpful?