how to remove price from SOME collections

Solved

how to remove price from SOME collections

Chantelrudden
Shopify Partner
107 1 19

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

Screenshot 2023-11-06 at 8.26.20 PM.png

Accepted Solution (1)

yavzius
Shopify Partner
5 2 6

This is an accepted solution.

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

 

.price {
  display: none;
}

 

Screenshot 2023-11-06 at 9.21.10 PM.png

 

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

yavzius_0-1699323932402.png

 

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

yavzius_1-1699323989371.png

 

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

yavzius_2-1699324097351.png

 

 

Hope this helps.

 

https://uyars.com

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
8550 1687 1695

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 %}

- Helpful? Like and Accept solution to let me know!>
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

yavzius
Shopify Partner
5 2 6

This is an accepted solution.

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

 

.price {
  display: none;
}

 

Screenshot 2023-11-06 at 9.21.10 PM.png

 

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

yavzius_0-1699323932402.png

 

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

yavzius_1-1699323989371.png

 

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

yavzius_2-1699324097351.png

 

 

Hope this helps.

 

https://uyars.com