Guest Posted December 18, 2019 Share Posted December 18, 2019 Hey I am trying to remove or disable the Add to Cart button on my product pages. I don’t want people purchasing through the Cart but I would like the convenience of being able to add and remove items through the product page. I tried using a custom css code but it doesn’t seem like it did anything. Wondering what others have done. thanks Link to comment
tuanphan Posted December 18, 2019 Share Posted December 18, 2019 Difficult to help without site url. Can you share link to product page on your site? @Ns94 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted December 18, 2019 Share Posted December 18, 2019 (edited) On 12/17/2019 at 6:53 PM, tuanphan said: Difficult to help without site url. Can you share link to product page on your site? @Ns94 Also this is the code I tried to use: .sqs-add-to-cart-button-wrapper { display: none; } Edited December 19, 2019 by Ns94 Link to comment
Solution tuanphan Posted December 18, 2019 Solution Share Posted December 18, 2019 5 hours ago, Ns94 said: https://guppy-dory-xd76.squarespace.com/config/pages/5df40391b29aca197b88fd9c Here is the link password = site Also this is the code I tried to use: .sqs-add-to-cart-button-wrapper { display: none; } /config/ is url for web owner. Please remove it when sharing link in the next time. Add to Home > Design > Custom CSS .sqs-add-to-cart-button-wrapper { display: none !important; } Amy123457098, shwagon, junecz and 1 other 1 3 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted December 19, 2019 Share Posted December 19, 2019 18 hours ago, tuanphan said: This worked. Thank you! .sqs-add-to-cart-button-wrapper { display: none !important; } Link to comment
Odessy Posted December 14, 2020 Share Posted December 14, 2020 Hey do you either of you know how to also remove the Quantity label? Link to comment
tuanphan Posted December 15, 2020 Share Posted December 15, 2020 1 hour ago, Odessy said: Hey do you either of you know how to also remove the Quantity label? Can you share link to a product? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
LindaS Posted January 20, 2021 Share Posted January 20, 2021 Is it possible to hide the Add to cart button on selected products? Or all products in one shop folder, but not all products in the entire online store? 🤔 Link to comment
tuanphan Posted January 22, 2021 Share Posted January 22, 2021 On 1/20/2021 at 5:50 PM, LindaS said: Is it possible to hide the Add to cart button on selected products? Or all products in one shop folder, but not all products in the entire online store? 🤔 Yes. Possible. Can you share link to a product? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ievareinholde Posted February 5, 2021 Share Posted February 5, 2021 @tuanphan, could You please help me, too? I need to remove Add To Cart button un 4 selected products on my page. How to do it ? Link to comment
tuanphan Posted February 6, 2021 Share Posted February 6, 2021 23 hours ago, ievareinholde said: @tuanphan, could You please help me, too? I need to remove Add To Cart button un 4 selected products on my page. How to do it ? If you share link to a product, we can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Pacenz98 Posted February 8, 2021 Share Posted February 8, 2021 Hi guys, I have to remove the add to cart button and the price of all products, what can I do? Link to comment
PhilB Posted February 8, 2021 Share Posted February 8, 2021 You could check out this piece of CSS https://sf.digital/squarespace-solutions/how-can-i-make-some-prices-poa-on-squarespace-71 If you want to hide the 'add to cart' button on individual products amend the code so that the description after the .tag- is something like hidecart and then tag whatever product you want to remove 'add to cart' with 'hidecart'. You can change this wording to whatever you like but always keep the .tag- part. For example: /* Hide the add-to-cart button */ .tag-hidecart .ProductItem-summary .ProductItem-details { .sqs-add-to-cart-button-wrapper, .product-quantity-input { display: none; } } Hopefully my amendment should work. Thanks to SF Digital for the original code. Amy123457098 1 Link to comment
Pacenz98 Posted February 8, 2021 Share Posted February 8, 2021 5 ore fa, PhilB ha detto: Potresti osare un'occhiata a questo pezzo di CSS https://sf.digital/squarespace-solutions/how-can-i-make-some-prices-poa-on-squarespace-71 Se desideri nascondere il pulsante "aggiungi al carrello" sui singoli prodotti, modifica il codice in modo che la descrizione dopo il. Tag sia qualcosa come hidecart e quindi contrassegna qualsiasi prodotto che desideri rimuovere "aggiungi al carrello" con "hidecart". Puoi cambiare questa dicitura come preferisci, ma mantieni sempre la parte .tag. Per esempio: / * Nascondi il pulsante aggiungi al carrello * / .tag-hidecart .ProductItem-summary .ProductItem-details { .sqs-add-to-cart-button-wrapper, .product-quantity-input { display: none; } } Spero che il mio emendamento funzioni. Grazie a SF Digital per il codice originale. I can't ... I paste the code but nothing Link to comment
PhilB Posted February 9, 2021 Share Posted February 9, 2021 8 hours ago, Pacenz98 said: I can't ... I paste the code but nothing Hi, it should work. I am using the same code but I've used the .tag-onhold on mine instead of .tag-hidecart, as I use it for products that are on hold. Be sure to use the tag 'hidecart' on each product you want this to affect. Link to comment
creedon Posted February 9, 2021 Share Posted February 9, 2021 @Pacenz98 Please post the URL for your site. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
SACLYN Posted March 1, 2021 Share Posted March 1, 2021 where did you insert the code? Link to comment
tuanphan Posted March 11, 2021 Share Posted March 11, 2021 On 3/2/2021 at 4:01 AM, SACLYN said: where did you insert the code? Add to Design > Custom CSS Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Amy13579 Posted June 3, 2021 Share Posted June 3, 2021 On 2/9/2021 at 12:23 AM, PhilB said: Hi, it should work. I am using the same code but I've used the .tag-onhold on mine instead of .tag-hidecart, as I use it for products that are on hold. Be sure to use the tag 'hidecart' on each product you want this to affect. Having the same problem...I think I'm doing it right but the button isn't being hid. Happy to share my website link if someone can help! TIA Link to comment
Amy13579 Posted June 3, 2021 Share Posted June 3, 2021 On 2/9/2021 at 12:31 AM, creedon said: @Pacenz98 Please post the URL for your site. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue. If I share my site, could you take a look by chance? ❤️ Link to comment
Amy13579 Posted June 3, 2021 Share Posted June 3, 2021 On 1/22/2021 at 4:30 PM, tuanphan said: Yes. Possible. Can you share link to a product? We can help easier Needing the same thing...would love to hide the "add to cart" option so people can view the item but not actually purchase anything online. One product I'm messing with is: https://muddymocoffee.com/drinkmenu/latte Link to comment
creedon Posted June 4, 2021 Share Posted June 4, 2021 @Amy13579 Url is not valid. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
TrueRad Posted July 26, 2021 Share Posted July 26, 2021 Hi! I am looking for help on the same issue. I have large paintings that I would like a user to inquire about instead of "add to cart". I have created a test product on my site, can someone help me remove the "add to cart" button on just this product? I am not sure where to place code and what to use. https://www.trueraddesigns.com/shop/p/test-painting Link to comment
creedon Posted July 26, 2021 Share Posted July 26, 2021 1 hour ago, TrueRad said: can someone help me remove the "add to cart" button on just this product? Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. <style> #item-60fe0ecc22c5ce2ebdb12244 .ProductItem-details .sqs-add-to-cart-button-wrapper { display : none; } </style> This for v7.1 and specific to the poster's need. Let us know how it goes. CreationsbyS 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
TrueRad Posted July 26, 2021 Share Posted July 26, 2021 Thank you that worked! If I wanted to add another product and remove the button would I just have to replace the item # in the code? If so where would I find that info. Thanks 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