How to remove product pricing from a specific collection template?

Solved

How to remove product pricing from a specific collection template?

VicSchulte
Shopify Partner
6 0 0

I need to figure out how to hide the product pricing from showing on this specific collection page:

 

https://shootportraitsnotpeople.com/collections/sculptures

 

I have played around with some different snippets based on some other people's seemingly similar needs in the past, but to no avail. My developer is currently offline so hoping to solve this myself, as I believe it's just a quick snippet addition.

 

Any ideas?

Accepted Solution (1)

StephensWorld
Shopify Partner
1400 174 385

This is an accepted solution.

Create a custom 'collection page template' (https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates) and then assign it to that specific collection. 

 

Then go into your theme editor, navigate to that collection within the editor, and in the "custom CSS" section for the product block/grid, put in some coding that looks like this:

 

.price {display: none;}

 

You might need to change "price" from the above coding to something else, depending on which theme you're using. I tried going to the link you shared above, but it brings me to a page that says, "There was a problem loading this website" ... so I can't give you the actual code it should be. 

 

You can find the code though by right-clicking the page and then going "inspect" and finding the label when you hover over the price. 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

View solution in original post

Replies 3 (3)

StephensWorld
Shopify Partner
1400 174 385

This is an accepted solution.

Create a custom 'collection page template' (https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates) and then assign it to that specific collection. 

 

Then go into your theme editor, navigate to that collection within the editor, and in the "custom CSS" section for the product block/grid, put in some coding that looks like this:

 

.price {display: none;}

 

You might need to change "price" from the above coding to something else, depending on which theme you're using. I tried going to the link you shared above, but it brings me to a page that says, "There was a problem loading this website" ... so I can't give you the actual code it should be. 

 

You can find the code though by right-clicking the page and then going "inspect" and finding the label when you hover over the price. 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

VicSchulte
Shopify Partner
6 0 0

So easy! Much simpler than what I thought I would have to do, thanks for sharing. 

StephensWorld
Shopify Partner
1400 174 385

No problem! Glad I could point you in the right direction! 🙂

 

Also -- it would be very similar steps for hiding the price on actual product pages if you wanted to do that too. Just make a new product page template, assign it to the products, and then you can hide the price, as well as the buy/cart buttons via the theme editor (and that shouldn't even require coding -- it'll just be the 'hide' icons next to those options, on the left-hand side). 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca