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.
5

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 ?

1 Like