Liquid, JavaScript, themes, sales channels
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. ★
→ Hire me for your Shopify project @ stephens.world
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. ★
→ Hire me for your Shopify project @ stephens.world
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. ★
→ Hire me for your Shopify project @ stephens.world
User | RANK |
---|---|
38 | |
24 | |
13 | |
11 | |
8 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023