How to Hide the Add to Cart Button on Available Products in Squarespace 7.1

If you're running a Squarespace store but don't want customers buying directly from the product grid, hiding the Add to Cart button is a clean solution. This is useful for made-to-order businesses, studios selling by enquiry, photographers selling prints through a consultation process, or anyone who wants visitors to click through to the full product page before committing to a purchase.

By default, Squarespace shows an Add to Cart button on hover in the product grid. There's no native toggle to disable this per-product or globally without removing the store functionality entirely. A small CSS snippet solves this without touching your store settings.

The CSS

/* Hide Add to Cart buttons on available products */
.product-list-item:not(.sold-out) .product-list-item-add-to-cart {
  display: none !important;
}

How to add it

Go to Design → Custom CSS in your Squarespace editor and paste the snippet in. Save, and the button will disappear from the product grid immediately.

How it works

The selector .product-list-item:not(.sold-out) targets every product in the grid that isn't already marked as sold out. The .product-list-item-add-to-cart part then targets the button element specifically. Using display: none removes it from the layout entirely — it won't just be invisible, it won't take up space either.

The :not(.sold-out) part is intentional. If you're using any sold-out styling elsewhere on your site (hiding prices, disabling clicks, etc.) this snippet won't conflict with it, because it only acts on products that are still available.

What this doesn't do

This hides the button visually — customers can still add to cart from the individual product page. If you want to remove that too, you'd need a separate snippet targeting .product-form .sqs-add-to-cart-button. This snippet also only affects the product list view, not product blocks placed inside regular pages.

When to use it

  • You sell high-consideration items and want customers to read the full product description first

  • Your store is a portfolio or lookbook and purchasing is handled offline

  • You want a cleaner, more editorial grid without buttons cluttering the layout

Dave Hawkins // Made by Dave

As a top tier Squarespace Expert and founder of Made by Dave, I bring over 10 years of Squarespace experience and 600+ bespoke website launches. Our process combines consultancy, design, project management and development for a collaborative and efficient experience with clients like you. Whether you need a new website or updates for your existing site, we'll help you get up and running.

https://madebydave.org
Next
Next

How Fast Is Your Squarespace Site? A Real Performance Audit