Hide price only for products priced at $0 (not just sold out).

Store Design
,

Topic summary

A user seeks CSS code to hide product prices when set to $0 (not just sold out items) across their Shopify store using the Dawn theme.

Solution Provided:
A contributor (@Taknify) shares a working approach:

  • Navigate to price.liquid file in Dawn theme
  • Add conditional logic {% if product.price > 0 %} around the price display div
  • Close with {% endif %} to hide $0 prices
  • Includes screenshots demonstrating the implementation and results

Additional Requests:

  • One user asks about also removing “Add to Cart” button and replacing with custom link for $0 products
  • Another requests guidance for the Focal theme (paid theme, requires code access)

Implementation Issues:
Several users report the solution isn’t working for them despite following instructions. One user eventually succeeds after clarifying the exact code placement, sharing their working version with color-coded annotations showing where to insert {% if product.price > 0 %} and {% endif %} tags around the price span elements.

Status: Partially resolved—works for some users but requires precise code placement that newcomers find challenging to replicate.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
2

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.

Taknify_1-1688688367269.png
Taknify_1-1688688367269.png848×304 38 KB

Results:
My Tuxedo doesn’t show price because the price is $0.

Taknify_2-1688688411403.png
Taknify_2-1688688411403.png2544×860 242 KB

Let me know if you have further questions or need help on anything else.

1 Like