fbpx

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

  • 100 orders
  • or 14 days


  • Royal Mail integration

    This is the cost that we are being charged by the provider, to be able to connect your Royal Mail account.

  • Add £25/mo

Start trial
Starter

/m

  • 100 orders
  • 500 SKUs

per month

  • Royal Mail integration

    This is the cost that we are being charged by the provider, to be able to connect your Royal Mail account.

  • Add £25/mo

Start trial
Small

/m

  • 500 orders
  • 3,000 SKUs

per month

  • Royal Mail integration

    This is the cost that we are being charged by the provider, to be able to connect your Royal Mail account.

  • Add £25/mo

Start trial

Popular

Medium

/m

  • 2,500 orders
  • 15,000 SKUs

per month

  • Royal Mail integration

    This is the cost that we are being charged by the provider, to be able to connect your Royal Mail account.

  • Add £25/mo

Start trial
Large

/m

  • 10,000 orders
  • 50,000 SKUs

per month

  • Royal Mail integration

    This is the cost that we are being charged by the provider, to be able to connect your Royal Mail account.

  • Add £25/mo

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!