Hide shopping cart icon in header when cart is empty

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.

6 hours ago, paul2009 said:

@Superhanss I published a solution here: How to hide the empty shopping cart on Squarespace 7.1.

This is perfect thank you so much! Such a simple and elegant method too

On 1/30/2020 at 8:50 AM, paul2009 said:

@Superhanss I published a solution here: How to hide the empty shopping cart on Squarespace 7.1.

I tried this and it's not working for me. I'm using Squarespace 7.1. Do you mind taking a look?
My site is yeshidesigns.squarespace.com
Password: yeshidesigns2020

@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.

@paul2009 Ah, okay, thanks for the explanation! Hopefully they fix that soon.

Do you know of any other way to hide the cart until an item is added?

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.

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.

On 1/31/2020 at 2:50 AM, paul2009 said:

@Superhanss I published a solution here: How to hide the empty shopping cart on Squarespace 7.1.

Thank You. Works a treat

Awesome - Thank you for the code snippit