Tom_Labyrinth Posted November 28, 2022 Share Posted November 28, 2022 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
Ziggy Posted November 28, 2022 Share Posted November 28, 2022 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! Tom_Labyrinth 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Tom_Labyrinth Posted November 28, 2022 Author Share Posted November 28, 2022 @Ziggy Thanks! That worked perfectly! Ziggy 1 Link to comment
CiCisKnots Posted December 2, 2022 Share Posted December 2, 2022 I am trying to do something similar. Where do you enter this code in? And is the Item # the same as the SKU? Link to comment
CiCisKnots Posted December 2, 2022 Share Posted December 2, 2022 I am trying to do something similar. Where do you enter this code in? And is the Item # the same as the SKU? What does your whole code look like that you put in? Link to comment
Ziggy Posted December 2, 2022 Share Posted December 2, 2022 (edited) @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 December 2, 2022 by Ziggy CiCisKnots 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
CiCisKnots Posted December 2, 2022 Share Posted December 2, 2022 @Ziggy Thank you!! That worked perfectly!! 🙂 So If I want there to be a button there that says EMAIL ME instead and link to emailing me, do you know how I would do that? Link to comment
Ziggy Posted December 2, 2022 Share Posted December 2, 2022 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 Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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