Squarespace is a versatile website builder, offering powerful eCommerce tools. However, not every website requires a shopping cart. If you’re using a Squarespace template with built-in store features but don’t plan to sell products, you might want to remove the shopping cart for a cleaner design and improved user experience.
This guide will show you how to remove the shopping cart on Squarespace, whether you want to disable the store completely, hide the cart icon, or simply turn off checkout functionality. By following these steps, you can customize your website to suit your needs while keeping its design professional and clutter-free.
Disabling eCommerce features in Squarespace
If you don’t need eCommerce on your website, the simplest solution is to disable store functionality. This prevents customers from making purchases while keeping the design of your website intact.
To do this, go to your Squarespace dashboard and navigate to Pages. Locate the Store page in the list of active pages. Here, you have two options: delete the store page permanently, which removes all store functionality, or hide it, keeping the settings intact but making it invisible to visitors.
Deleting the store page is a good choice if you’re certain you will never need eCommerce functionality again. However, if there’s a possibility that you might relaunch a store in the future, hiding the store page is the safer option. This allows you to restore it quickly without having to reconfigure product listings and settings.
Removing the cart icon from the header
Even after removing the store page, you might still see the cart icon in your website’s header navigation. To remove it, follow these steps:
- Click Edit in the top-left corner of your website.
- Hover over the header and click Edit Header.
- Look for the "Elements" section.
- Find the "Cart" option and toggle it off.
- Click Save.
Adjusting commerce settings to disable shopping cart
| Setting | Action |
|---|---|
| Checkout settings | Disable all payment methods to prevent customers from making purchases. |
| Shipping profiles | Remove all shipping settings to ensure no product delivery options appear. |
| Tax settings | Turn off tax calculations to ensure your website doesn’t display tax information. |
Adjusting these settings ensures that no checkout-related features remain active on your website.
Removing store elements from a Squarespace template
Identify and delete store-related content
Some Squarespace templates automatically include store-related elements, such as shopping buttons, product blocks, and quick-view overlays. To ensure a fully non-eCommerce experience, manually remove these elements.
Modify product pages
Even if you've removed the store page, product pages may still exist in your template. Navigate through your website editor to locate and delete these pages manually.
Hiding the cart button without deleting products (Custom CSS)
If you want to keep your products in the store but hide the cart button, you’ll need to apply custom CSS.
CSS to hide the cart icon
.header-actions-action--cart {
display: none;
}
Adding this code in the Custom CSS section of Squarespace will remove the cart button while keeping the store page intact.
Removing the checkout button on Squarespace
If you want to keep your product listings but disable purchases, removing the checkout button is essential.
CSS to remove the checkout button
.sqs-add-to-cart-button-wrapper {
display: none;
}
This ensures that even if someone visits a product page, they won’t be able to proceed to checkout.
How to make a Squarespace website non-eCommerce
To fully remove shopping cart functionality and make your website non-eCommerce, follow these key steps:
- Remove or hide the store page.
- Disable the cart icon in the header.
- Adjust commerce settings to turn off checkout and payment processing.
- Manually delete store-related elements from your pages.
- Use custom CSS to hide buttons or cart elements as needed.
By following these steps, you can transform your website into a clean, non-eCommerce site while keeping its professional appearance.
Troubleshooting: What to do if the cart icon persists
Clear browser cache
Sometimes, after removing the cart icon, it may still appear due to cached website data. Try clearing your browser cache and refreshing your website.
Check for template restrictions
Some Squarespace templates require additional CSS tweaks to fully remove store-related elements. If the cart icon persists, check if your template has built-in store layouts that need customization.
Verify commerce settings
Double-check that all eCommerce settings, including payment and checkout options, are turned off to ensure the cart icon is not being generated dynamically.
Useful Links
Shopping Cart Icon Display – This official guide explains how to style or hide your store's shopping cart icon, providing steps to customize its appearance or remove it if not needed.
Hide Shopping Cart Icon in Header When Cart is Empty – A community discussion on methods to hide the shopping cart icon in the header when it's empty, including user-submitted solutions and code snippets.
Remove or Disable the Add to Cart Button on Product Pages – Forum thread discussing how to remove or disable the 'Add to Cart' button on product pages, with insights into custom code implementations.
Your Squarespace Website Can Do Even Better!
Elfsight created dozens of useful plugins to make your website more attractive and boost its performance in so many ways. Try these no-code solutions for free on Squarespace!
Conclusion
By following these steps, you can successfully remove shopping cart functionality from your Squarespace website. Whether you want to hide the cart icon, disable checkout, or fully remove store features, this guide provides all the tools necessary to customize your website to match your needs.
With proper customization, you can focus on your content and create a clean, distraction-free experience for your visitors.