Hiding the product quantity

1 May

Want to hide the product quantity box on a Squarespace site?

You can hide it from product pages by adding this to Design > Custom CSS:

  
    // Hide quantity input box (sf.digital)
.product-quantity-input {
  display: none!important;
}

This will hide the quantity box on product pages and product blocks.

Hiding the quantity on the Squarespace cart

You can also choose to hide the quantity column on the cart page by adding this to Design > Custom CSS:

  
    // Hide Qty Column on Cart (sf.digital)
.cart-row-qty

This CSS will work on all Squarespace 7.1 websites as well as many Squarespace 7.0 templates.

CSSQuantityCode