Website Building » Squarespace » How Do I Remove Add to Cart on Squarespace?

How Do I Remove Add to Cart on Squarespace?

Last updated on December 25, 2022 @ 2:14 pm

As a Squarespace user, you may have noticed that there is no way to remove the “Add to Cart” button on your pages. This can be frustrating if you want to use Squarespace for a non-commerce site, or if you want to sell products through a different platform. Fortunately, there is a workaround that will allow you to remove the “Add to Cart” button from your pages.

In order to remove the “Add to Cart” button from your pages, you will need to add some code to your CSS file. The code you need to add is as follows:

PRO TIP: If you are considering removing the “Add to Cart” button on your Squarespace site, be aware that this may have negative consequences for your business. Without the “Add to Cart” button, customers will not be able to purchase your products or services online, which could lead to lost sales. Additionally, removing the “Add to Cart” button could make your site less user-friendly and may confuse customers. If you do decide to remove the “Add to Cart” button, be sure to provide clear instructions on how customers can purchase your products or services.

#collection-item-add-to-cart {
display: none;
}

This code will hide the "Add to Cart" button on all of your pages. If you only want to hide it on certain pages, you can add this code to the CSS file for those specific pages.

Once you have added this code, save your CSS file and refresh your page. The "Add to Cart" button should now be hidden.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.