How To Hide Product Prices On Shopify

Published

October 19, 2018

Author

Goda Jurgaityte

Share this post

How To Hide Product Prices On Shopify Multiorders

A common interest among shopkeepers is to use their online store as a catalogue, and not as a storefront for purchases. It is possible to hide product prices on Shopify which helps you achieve that. Additionally, you can hide the Add to Cart button as well and you can reveal it again when needed.

 

There are two parts to hiding product prices on Shopify. It’s a series of easy to follow steps though. The first part of the changes is made in your Settings section of your admin page. You have to edit some HTML codes to hide product prices on Shopify. After that, you have to open the liquid file for the theme you are using and add some more coding to inform your theme to hide product prices as well.

 

Hide Product Prices On Shopify

Hide product prices on Shopify

 

  • First, navigate to Settings from your Shopify admin page.

 

  • Then go to the General Section.

 

  • Scroll down till you find the Standards and Format section.

 

  • Near currency, at the top left corner, click on more Change formatting to reveal additional formatting options.

 

  • To hide product prices on Shopify, find the HTML with currency and HTML without currency part of the form.

 

  • Add the tags <Span class =hidden> and </span> at the start and end of the data in the form. So it would look something like this:

 

${{amount}}USD will look like this <span class=hidden>${{amount}}USD</span>

 

And

 

${{amount}} will look like this <span class=hidden>${{amount}}</span>

 

  • Then, go to Shopify admin → Online store → Themes.

 

  • Select the theme you are using, then select Actions → Edit code.

 

  • Find the Assets folder. Find one of the following files which varies based on what type of theme you are using:
    • theme.scss.liquid
    • styles.scss.liquid
    • style.scss.liquid
    • Timber.scss.liquid

 

  • At the end of the file, add this code:

.hidden{

display: none;

   }

 

  • Finally, save your changes to apply them to your webpage.

Related

Plans for everybody

Trial

FREE
FREE

  • 100 orders
  • or 14 days

per month

Start trial
Small

/m
/m

  • 500 orders
  • 3,000 SKU's

per month

Start trial

Popular

Medium

/m
/m

  • 2,500 orders
  • 15,000 SKU's

per month

Start trial
Large

/m
/m

  • 10,000 orders
  • 50,000 SKU's

per month

Start trial
Pro

CUSTOM
CUSTOM

  • Unlimited orders
  • Unlimited SKU's

per month

Start trial

Get Started today

The peak of multichannel e-commerce management is just a few clicks away and you don’t even need a credit card to get started!