Jump to content

Hide prices for one product page only

Go to solution Solved by paul2009,

Recommended Posts

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

Screenshot 2022-03-07 at 13.26.41.png

Screenshot 2022-03-07 at 13.26.21.png

Link to comment
  • Solution
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.

prices-only-hidden.thumb.png.527d42eb304a7575fc0c26a38b0b5fd9.png

I hope this helps.

Did this help? Please give feedback by clicking an icon below  ⬇️

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
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.

prices-only-hidden.thumb.png.527d42eb304a7575fc0c26a38b0b5fd9.png

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

Link to comment
7 minutes ago, Sam-Logie said:

where do I find the Collection ID

See How to apply CSS to one Squarespace page.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.