Skip to content
All Answers
Commerce

How do I hide the quantity selector on Squarespace product pages?

The quantity selector on product pages uses the .product-quantity-input wrapper. Hide it when you're selling services, digital products, or items where quantity selection doesn't make sense.

Hiding the selector means customers add one at a time — they can still adjust quantity in the cart if needed.

/* Hide quantity selector on product pages */
.product-quantity-input {
  display: none !important;
}

/* Also hide the quantity label if visible */
.product-quantity-label {
  display: none !important;
}
Customize product page elements with our Products V2 StylerTry it free →

Related Questions

Commerce

How do I change the Add to Cart button style in Squarespace?

Commerce

How do I style the product price in Squarespace?

Commerce

How do I style the product variant dropdown in Squarespace?

Commerce

How do I change the shopping cart icon color in Squarespace?

A little over your head?

No shame — this stuff is hard. Let the pros handle it.

Long Drive MarketingTalk to Long Drive Marketing →