Remove Quantity in Squarespace

Remove quantity from Product block

Add to Home > Design > Custom CSS

/* remove quantity product block */
.product-block .product-quantity-input {
    display: none !important;
}

Remove quantity from Product detail page

Add to Home > Design > Custom CSS

/* remove quantity */
.collection-type-products .product-quantity-input {
    display: none !important;
}

Remove quantity from certain products

Edit Product > Additional Info > Add Code Block > Paste this code

<style>
/* disable quantity */
.product-quantity-input {
    display: none !important;
}
</style>

Remove quantity from Products belong to a certain category/tag

Assume a category or tag called Travel Bike

To hide products belong this category/tag, add this code to Home > Design > Custom CSS

/* Hide products belong no-quantity tag */
.tag-travel-bike .product-quantity-input {
    display: none;
}
/* Hide products belong no-quantity category */
.category-travel-bike .product-quantity-input {
    display: none;
}

Remove quantity from Shop Cart Page

.item-quantity {
    display: none;
}

Share this post: