How can I hide the product price?

Shopify doesn't provides a solution to hide a price per product unfortunately, so it requires a bit of work to get this working. The following technique works for any theme but it requires a bit of searching. If you need any assistance, don't hesitate to reach out.

Go to Online Store -> Themes and choose Edit code for the theme that you are using:



Now you will need to look for liquid files that contain the price information of your product. This is different per product, but a common example is to use price.liquid. If you take a look at a section of this file, you can find an outer <div> that looks like this:

<div class="
    price
    {%- if price_class %} {{ price_class }}{% endif -%}
    {%- if available == false %} price--sold-out {% endif -%}
    {%- if compare_at_price > price %} price--on-sale {% endif -%}
    {%- if product.price_varies == false and product.compare_at_price_varies %} price--no-compare{% endif -%}
    {%- if show_badges %} price--show-badge{% endif -%}
  ">

To hide the price, we need to add our own class (quotify-hide-price-{{ product.id }}), the end result would be:

<div class="
    price
    quotify-hide-price-{{ product.id }}
    {%- if price_class %} {{ price_class }}{% endif -%}
    {%- if available == false %} price--sold-out {% endif -%}
    {%- if compare_at_price > price %} price--on-sale {% endif -%}
    {%- if product.price_varies == false and product.compare_at_price_varies %} price--no-compare{% endif -%}
    {%- if show_badges %} price--show-badge{% endif -%}
  ">

And that's it. The price will now be hidden (based on your Quotify settings)

Updated on: 23/01/2024