The above code/solution does work. I just want to note that, depending on your theme, “.price” may not be a recognized item. On my site, it ended up being “.product-grid–price”
Topic summary
A user wants to hide product prices on specific collection pages, not all of them, on their Shopify store.
Two main solutions were provided:
1. Liquid code approach:
- Add conditional code to the theme.liquid file before the
</head>tag - Uses
{% if collection.handle == "landscape" %}to target specific collections - Can be extended with
orstatements to hide prices on multiple collections - Targets
.thumbnail .pricewithdisplay: none !important
2. Template-based approach:
- Create a custom collection template in the theme editor (e.g., “no-prices”)
- Add CSS code
.price { display: none; }to the product grid in that template - Apply the template to specific collections through the collection settings
- More scalable for managing multiple collections without editing code repeatedly
Important note: The CSS selector may vary by theme—one user found .product-grid--price worked instead of .price on their site. Users should verify the correct selector for their specific theme.