Jump to content

How to Hide Price - Quantity - Add to Cart from product pages?

Recommended Posts

I've already gone through detail of prior related postsTheir advice offered doesn't work.

I am looking for help / css code to hide the quantity box, price and add to cart button from a product page collection.

The following has been attempted, but does not work. Can someone offer advice / code correction? Thanks

Test 1 - Css Code - Failed (note: collection id used was correct):

collection-891398374390817 {

.product-price, .product-variants, .product-quantity-input, .sqs-add-to-cart-button-wrapper { display: none !important; } }

Test 2 - Product Page - Header Code Injection - Failed:

.product-price, .product-quantity-input, .sqs-add-to-cart-button-wrapper { display: none; }

Link to comment
  • Replies 7
  • Views 3.7k
  • Created
  • Last Reply
  • 2 weeks later...
  • 2 months later...
  • 6 months later...

Hey, not sure if this applies to all the templates, but on Brine and Heights this worked for me:

 visibility: hidden;

Hope this helps!

Link to comment
  • 4 months later...
  • 2 weeks later...


This topic is now archived and is closed to further replies.

  • 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.