How to Hide a Product from the Store Page in Squarespace 7.1

In Squarespace 7.1, you can hide a product from your Store page without deleting it or turning off checkout. The platform uses Visibility settings to control whether a product appears in product grids, categories, and Store pages, while still allowing direct access when needed. This is especially useful for private products, client-only purchases, custom services, or scheduled launches.

Recommended Method: Visibility → Hidden

Use this option when you want the product hidden from the Store page but still accessible via a direct link.

Steps

  1. Go to Products & Services → Products

  2. Open the product you want to hide

  3. Locate Visibility

  4. Select Hidden

  5. Save

Result

  • The product does not appear on the Store page or product grids

  • The product page is accessible via its direct URL

  • The product remains purchasable

Other Visibility Options

Public

  • Product is visible on the Store page

  • Product is purchasable

Schedule

  • Product stays hidden until the scheduled publish date

  • Product automatically becomes Public at the selected time

Method 2: Hide Products Using Custom CSS (Quick Manual Method)

When you need to hide specific products visually without setting up filters, CSS works great.

How to Do It:

  • Add the CSS Code

Paste the following into Pages → Custom code → Custom CSS

Copied!
/**** Hide Specific Product from Store Page ****/
/* Place the product number of the product you want to hide inside nth-child().*/
.product-list .product-list-item:nth-child(2) {
  display: none !important;
}

The product is hidden from the store page
The product URL remains functional and can be shared or promoted

Best Use Cases

  • Exclusive VIP offers

  • Influencer-only product pages

  • Seasonal or limited-time hidden products

  • Pre-launch product testing

  • Email-only private sales

Final Thoughts

Squarespace does not natively have a "hide product" button; however, there are some good workarounds! For the vast majority of us, category blocking is a clean and future-proof proposition. For one-off case scenarios, the custom CSS is quick and easy.


Frequently Asked Questions

  • Yes! Squarespace does not have a “hide” toggle, but you can hide products using category filtering (suggested) or custom CSS. Either way, you get to keep the product live and for purchase via a direct link.

  • Yes. Disabling a product from the storefront will not make it invisible to search engines. “If you want something to be private from even Google, utilize SEO settings (like noindex) or a password,” he said.


  • Use category filtering. Tag each product with a category such as “Hidden.” You can filter your Store Section to only show products that are not in that category. It is scalable and manageable.


  • Absolutely. They are a product with a functional product page that can be added to the cart, jump to a direct link, and can be checked out like any other product, as long as they have direct access to this page.

  • Yes — for fast, one-time disappearing acts. But it’s manual and not great for ongoing maintenance of long lists of products. Plus, invisibles may show up momentarily as the page loads when the CSS hasn’t yet rendered.

Walid Hasan

I'm a Professional Web developer and Certified Squarespace Expert. I have designed 1500+ Squarespace websites in the last 10 years for my clients all over the world with 100% satisfaction. I'm able to develop websites and custom modules with a high level of complexity.

If you need a website for your business, just reach out to me. We'll schedule a call to discuss this further :)

https://www.squareko.com/
Previous
Previous

How to Add a Clean, Minimal Google Translate Widget in Squarespace

Next
Next

How to Change Portfolio Gallery Settings Across Pages in Squarespace 7.1