Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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?
Solved! Go to the solution
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
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
So easy! Much simpler than what I thought I would have to do, thanks for sharing.
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
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025