Jump to content

Remove Size/Quantity/Add to Cart Buttons from all product pages

Go to solution Solved by creedon,

Recommended Posts



I'd like to know how to remove the size, quantity and add to cart buttons from all my products page in order to replace it with a third party button on these 4 url's:







I'd also like the custom button to be added under my product's descritption so that it looks cleart and doesn't affect conversion, if possible.


My knowledge of coding is quite basic so please let me know exactly where to go in order to input the code injection.


Thank you in advance



Forum SS.png

Link to comment
  • Solution

Ah ha! I totally blew it on that one. I gave you code for v7.1 but your are on v7.0 using the Brine template family.

Here is what you need to do.

Go to a product detail page.

Then navigate to Home > Design > Site Styles.

Click on the Quantity field. It will get a blue outline and the tweaks on the left panel will change. Uncheck Show Quantity.



You can do the same for the Add To Cart button.

Click Save.

For the variants you need the following.


  .tweak-product-item-details-show-variants .ProductItem-details .product-variants {
    display : none;

Replace my useless v7.1 code with the above.

Let us know how it goes.

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

Thank you, it worked perfectly. I'll save this thread for future reference as well.


I am now embedding a third party extension ADD TO CART button and it automatically goes to the top of the page when I'm trying to have it under the product description. Let me know if that is something you can help with. 

Thank you again Creedon!

(Same url, same password)

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.