Shopify themes, liquid, logos, and UX
Is there a way to hide the price on a product card when the price is set to $0? Across the entire site?
I found this question/answer to hide the price if the quantity is zero (sold out) and it worked:
Is there a way to modify that code snip for the theme.liquid page to be "if product price is 0", not "sold out"?
<style> .price.price--sold-out { display: none; } </style>
Solved! Go to the solution
This is an accepted solution.
Go to price.liquid assuming you are on dawn theme.
Then,
Add a condition on price__regular div.
You can add whatever logic you want on it.
Results:
My Tuxedo doesn't show price because the price is $0.
Let me know if you have further questions or need help on anything else.
This is an accepted solution.
Go to price.liquid assuming you are on dawn theme.
Then,
Add a condition on price__regular div.
You can add whatever logic you want on it.
Results:
My Tuxedo doesn't show price because the price is $0.
Let me know if you have further questions or need help on anything else.
Wonderful, this worked perfectly! I wasn't sure what to write (or where to put it).
You were correct - Dawn theme. I was able to easily locate the price.liquid file and add the code you highlighted + endif section at the end. Thank you so much!
I'm glad that was what you wanted. Again, don't hesitate to reach out to me if you have further issues down the road.
Taknify
Tweek your store
Hey @Taknify Can you help me with a different solution approach for the same code you shared ?
1, hide the price of the product when it is "zero" from both the product card and product details page , Also remove the add to cart button and show a different button with a custom link ? Can you help me for this ?
I'm trying to do the same. Will let you know if I come up with a solution.
Hi, can you specifically paste what to write if I don’t want to display a product price set at $0? I copied exactly what you wrote here and it’s not working. I have the dawn theme
Do you mind sending me a message with your store name so I can take a look?
Thanks,
Taknify
Hi,
I've tried adding the code to the price.liquid as well, but unfortunately this isn't working for me either.
So I have collections where some products will have no price (price = £0), but others will have a price. The ones with price = £0 will need a "request code" button instead of "add to cart".
we work with the theme Dawn.
Thanks
I finally figured it out!!!
Green = New Code
Blue = Existing Code
{% if product.price > 0 %}
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.regular_price' | t }}</span>
<span class="price-item price-item--regular">
{{ money_price }}
{% endif %}
</span>
Is there someone who knows where to add it in the Focal theme?
Hello,
Since this is a paid theme, I am not able to view the code to make changes. If you can provide the code or something so I can check, I can likely help you further on it.
nothing changes ... tried for 2 days (your code seems cut off or incomplete anyway)
bare in mind most people here are complete newbies ... so i cut and copy your code and nothing happens
<div class="price__regular">
{% if product.price > 0 %}
<span class="visually-hidden visually-hidden--inline"></span>
<span class="price-item price-item--regular">
{{ money_price }}
</span>
{% endif %}
{%- if product.quantity_price_breaks_configured? -%}
{%- if show_compare_at_price and compare_at_price -%}
{%- unless product.price_varies == false and product.compare_at_price_varies %}
<span class="visually-hidden visually-hidden--inline">
{{- 'products.product.price.regular_price' | t -}}
</span>
<span>
<s class="price-item price-item--regular variant-item__old-price">
{% if settings.currency_code_enabled %}
{{ compare_at_price | money_with_currency }}
{% else %}
{{ compare_at_price | money }}
{% endif %}
</s>
</span>
{%- endunless -%}
{%- endif -%}
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.regular_price' | t }}</span>
<span class="price-item price-item--regular">
{{- 'products.product.volume_pricing.price_range' | t: minimum: money_price_min, maximum: money_price_max -}}
</span>
{%- else -%}
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.regular_price' | t }}</span>
<span class="price-item price-item--regular">
{{ money_price }}
</span>
{%- endif -%}
</div>
<div class="price__sale">
{%- unless product.price_varies == false and product.compare_at_price_varies %}
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.regular_price' | t }}</span>
<span>
<s class="price-item price-item--regular">
{% if settings.currency_code_enabled %}
{{ compare_at_price | money_with_currency }}
{% else %}
{{ compare_at_price | money }}
{% endif %}
</s>
</span>
{%- endunless -%}
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.sale_price' | t }}</span>
<span class="price-item price-item--sale price-item--last">
{{ money_price }}
</span>
</div>
<small class="unit-price caption{% if product.selected_or_first_available_variant.unit_price_measurement == nil %} hidden{% endif %}">
<span class="visually-hidden">{{ 'products.product.price.unit_price' | t }}</span>
<span class="price-item price-item--last">
<span>{{- product.selected_or_first_available_variant.unit_price | money -}}</span>
<span aria-hidden="true">/</span>
<span class="visually-hidden"> {{ 'accessibility.unit_price_separator' | t }} </span>
<span>
{%- if product.selected_or_first_available_variant.unit_price_measurement.reference_value != 1 -%}
{{- product.selected_or_first_available_variant.unit_price_measurement.reference_value -}}
{%- endif -%}
{{ product.selected_or_first_available_variant.unit_price_measurement.reference_unit }}
</span>
</span>
</small>
</div>
( https://www.cre8-health.co.uk/ )
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025