Hide some product price on collection page

Topic summary

  • Goal: Hide $0 prices on collection pages (e.g., phone cases) without affecting product pages.

  • Approaches proposed:

    • App-based: Use a hide-price/request-quote app; back up the theme before changes.
    • CSS fix: Initial selector hid the entire product card; a revised selector targeted only the price element when it matched a $0 indicator (money element with bucks-init=“0.00”). The store owner confirmed this worked. For the Dawn theme, edits should be made in base.css (not theme.css). The equivalent CSS file for the Enterprise theme was asked about but not answered.
    • Liquid alternative: In the collection product card template (e.g., card-product.liquid), conditionally render the price only if product.price > 0, which hides $0 prices on collection cards while leaving product pages unaffected.
  • Notes: Code snippets are central to the solution; screenshots were shared but not essential to the final fix.

  • Outcome: The issue was resolved for the requester via CSS. The Liquid method was offered as a clean alternative. One open question remains about the correct stylesheet file in the Enterprise theme.

Summarized with AI on December 11. AI used: gpt-5.

Hi, @Digital_Imran

Greetings, and thanks for posting!

While I can’t provide a specific code to hide the product prices, you are able to use an app such a as Request Quote + Hide Price to hide some of your products prices.

Additionally, there is a thread here that provides code instructions. This may or may not work for your theme, so it’s important to save your theme before making any code adjustments.

I hope that helps! Lastly, feel free to share a link to your store as there may be additional feedback we can provide.