In this tutorial, you'll learn to hide the shopping cart icon when it's empty, streamlining your website's design and enhancing the user experience. This will work for Squarespace 7.1.
When a visitor is on your website and their shopping cart happens to be empty, Squarespace will exhibit the shopping cart icon alongside a zero. However, you might prefer this display to only appear once items have been added to their cart.
Complexity: Easy
Step 1
Copy the code below and from the Squarespace dashboard navigate to Pages > Custom Code > Custom CSS and paste the code.
/* Hide Cart When Empty */
.cart-quantity-zero {
display: none !important;
}
Step 2
The shopping cart disappears when there are no items in the cart and only appears when an item is added.
If you have any questions or need any help with your Squarespace website design, you can book a 1:1 consultation.
Artificial intelligence has changed the way websites can be designed. Today, AI can generate website layouts, write content, create images, suggest colour palettes and even produce HTML, CSS and JavaScript.
AI has made it possible to create impressive website designs and working website code without having to be an experienced web developer.
Squarespace has recently improved its Product Pages, giving website owners and designers much more flexibility when creating online stores.
Learn how to create collapsible form sections in Squarespace 7.1 using CSS and JavaScript to organise long forms and improve the user experience.
By default, folder titles in Squarespace 7.1 are not clickable. Instead, they simply expand to reveal the pages inside the folder.
The Squarespace 7.1 Accordion block is a great way to organise content such as FAQs, services, features, and product information.
If you're using categories on your Squarespace 7.1 Shop page, you've probably noticed that the first filter tab is always labelled "All."
If you regularly share CSS, JavaScript, HTML, or code snippets on your Squarespace website, you've probably noticed the Monospace text option in the text editor.
Squarespace 7.1 Auto Layouts (List Sections) are great for structured content, but they quickly run into a common limitation: long descriptions make layouts feel crowded and harder to scan.
If you're publishing on Substack and running a website on Squarespace, you've probably wished you could display your latest posts directly on your site without copying and pasting them manually every time.
All work in this guide is provided ‘as-is’. Other than as provided in this agreement, this guide makes no other warranties, expressed or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.
If you require professional advice, we recommend that you purchase the services of a developer.
