Sam-Logie Posted March 7, 2022 Share Posted March 7, 2022 Site URL: https://www.swpermanentcosmetics.com Hi Everyone Could anyone help me turn off the prices for one product page only please. I have a set of products that I would like to display but am not allowed to show prices. When toggling 'hide prices' on the design for the page, it hides prices for all product pages, which I don't want. (I have managed to find some code to turn off prices when clicking each individual product) Screen shots for reference. I would like to see prices for Medik8 product page but turn them off for AlumierMD product page. Thanks in advance Sam Link to comment
Solution paul2009 Posted March 7, 2022 Solution Share Posted March 7, 2022 28 minutes ago, Sam-Logie said: I have a set of products that I would like to display but am not allowed to show prices. I would like to see prices for Medik8 product page but turn them off for AlumierMD product page. Your AlumierMD store page has the unique collection ID of 622345efb4b7b5114a370d5d so you'll be able to hide the prices for this store page by using the following CSS: .collection-622345efb4b7b5114a370d5d .product-price { display: none!important; } This will affect the Product List Page (PLP) and the Product Details Page (PDP), but only on this specific store page on this specific site. Bear in mind that code will hide the prices, not remove them. The prices will still be 'published' and available on the page to anyone who opens the source view in their browser. You may therefore want to check the terms of your agreement. I hope this helps. Did this help? Please give feedback by clicking an icon below ⬇️ Sam-Logie 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Sam-Logie Posted March 7, 2022 Author Share Posted March 7, 2022 17 minutes ago, paul2009 said: Your AlumierMD store page has the unique collection ID of 622345efb4b7b5114a370d5d so you'll be able to hide the prices for this store page by using the following CSS: .collection-622345efb4b7b5114a370d5d .product-price { display: none!important; } This will affect the Product List Page (PLP) and the Product Details Page (PDP), but only on this specific store page on this specific site. Bear in mind that code will hide the prices, not remove them. The prices will still be 'published' and available on the page to anyone who opens the source view in their browser. You may therefore want to check the terms of your agreement. I hope this helps. Did this help? Please give feedback by clicking an icon below ⬇️ Thank you so much, this is super helpful and I appreciate your response. For future reference, where do I find the Collection ID of the Store page? Thank you! Have a great day! Sam paul2009 1 Link to comment
paul2009 Posted March 7, 2022 Share Posted March 7, 2022 7 minutes ago, Sam-Logie said: where do I find the Collection ID See How to apply CSS to one Squarespace page. Sam-Logie 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Sam-Logie Posted February 23 Author Share Posted February 23 On 3/7/2022 at 2:32 PM, paul2009 said: See How to apply CSS to one Squarespace page. Hi Paul You kindly helped me with some code to hide the prices from one of my store pages. I now need to do this with another store page. I am using the same code but changing the collection ID accordingly as suggested above. Unfortunately this doesn't seem to be working (i'm sure it's user error!) , If you get a minute, i wonder if you could give me a hand with this please. The store page I would like to hide prices for is https://samanthawade.co.uk/dmk Thanks in advance for your help Sam Link to comment
paul2009 Posted February 23 Share Posted February 23 45 minutes ago, Sam-Logie said: I am using the same code but changing the collection ID accordingly as suggested above. Unfortunately this doesn't seem to be working Can you post the CSS that you tried? I can then check it. About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Sam-Logie Posted February 24 Author Share Posted February 24 18 hours ago, paul2009 said: Can you post the CSS that you tried? I can then check it. Hi Paul, thanks for getting back to me. The code i have used is .collection-63f79d519121557e225dff2b.product-price { display: none!important; } Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment