Jump to content

Hide some of the 'Purchase' buttons in the store but not all

Recommended Posts

Hi, 

I need to hide specific Purchase/add-to-cart buttons but cannot find a way how? Normal practise would be to find the element by ID then hide it using CSS. However, as you can see by the code below, this does not work?

#yui_3_17_2_1_1650019970053_117 {
  display: none !important;
  visibility: hidden !important;
}
#yui_3_17_2_1_1669412012986_119 {
  display: none !important;
  visibility: hidden !important;
}

Website examples:

https://www.labyrinthrecords.net/store/p/lab007-luke-garcia-marcos-french-craving-ep

https://www.labyrinthrecords.net/store/p/lab006-boys-be-kko-monnaka-ep

Link to comment

I would suggest that you use the page item ID's to select which pages to hide the purchase button and then the product class to hide the button, like this:

#item-63812c1e4fb1dc65735121ab, #item-62e81e0d478d051ba3ace744 {
  .product-details .sqs-add-to-cart-button-wrapper {
    display:none;
  }
}

Separate the item IDs with commas.

Let me know if that helps! Give me a thumbs up if it does!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

@CiCisKnots
The item #IDs are not the same as the SKU for the item. Follow this guide for how to get #IDs for your pages: 
https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71

Edited by Ziggy

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

You can add an email link to a button, click on the button and the link settings and add an email option.

Alternatively you can do it manually, add this to the link with your email added:

mailto:you@youremail.com

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

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.