how to remove price from SOME collections

[Chantelrudden]

Hi I want to remove prices off of some of my collectio pages- not all of them. IS there a CSS i can add to each collection section ?

url: https://www.sarahhoodstudio.com/collections/landscape

password: sarahhoodjewelry

[Dan-From-Ryviu]

Hi @Chantelrudden 

You can do that by adding this code in theme.liquid file, before </head> tag 

{% if collection.handle == "landscape" %}
.thumbnail .price { display: none !important }
{% endif %}

If you want to hide price for another collection, please add code like this 

{% if collection.handle == "landscape" or collection.handle =="your collection handle" %}
.thumbnail .price { display: none !important }
{% endif %}

[yavzius · Accepted solution]

Here is the CSS code you can use to hide the prices:

.price {
  display: none;
}

Adding this will hide the prices on all collections if you do not use templates.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates

If you do not use templates here is how you can create one and apply to collections. 

1. While on the theme editor. Click Default Collection > Collections > Create Template

2. write your template name. I used no-prices and create

3. Add the CSS Code aboove to the product grid

4. Edit the collection that you want to hide the prices on. Under Products on the left menu

5. Change the Theme Template to no-prices (or whatever you created) and Save

Hope this helps.

[dledbet]

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"