Jump to content

Hide shopping cart icon in header when cart is empty

Go to solution Solved by paul2009,

Recommended Posts

Site URL: https://www.woostersbakery.co.uk

Hi Folks

Does anyone know a working solution for Squarespace 7.1 to hide the shopping cart icon in the header when there's nothing in the cart? I've tried a few things suggested here in the forums and on the web but they all seem to only work with Squarespace 7.0. The template is Vance.

Many thanks.

Edited by Superhanss
Link to comment
  • Solution

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 2 months later...

@yeshidesigns This has stopped working because the ARIA labels are not appearing on the Squarespace 7.1 cart icon when it is empty. Accessible Rich Internet Applications (ARIA) labels are important attributes that make a website accessible to people with disabilities so I've asked Squarespace whether this is an intentional rollback, or a bug.

Edited by paul2009

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

They are investigating why the label isn't there when the cart is initially empty. I've updated the solution, so it will cope with or without the "0" label.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 1 month later...

You can turn the Shopping Cart off in the header in 7.1 by editing your site header:

1. Click Edit on any page on your site, then click Edit Site Header.

2. In the window that appears, click Elements.

3, Switch the Cart toggle off.

This will hide the Shopping Cart in the header until someone adds a product to it. It will then appear in the lower right corner of your site.

Link to comment
  • 4 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.