kpdesign Posted February 27, 2023 Posted February 27, 2023 Site: https://mackerel-accordion-jehg.squarespace.com/ Password: 30LS Hi, my client wants to sell product on their SquareSpace site, but they don't want the UX to be commerce forward. So I'm testing ways to tone down the commerce details. I've found how to remove the shopping cart from the header, and I see that if you 'Add to Cart' something, the shopping cart icon pops up in the lower right of the page. My problem is, when you navigate away from that page, especially to a non-commerce page (such as Advantage) on my site, the shopping cart icon/link goes away, and there is no way to access it again unless you add another product to cart. Is there a way to keep the shopping cart icon in the bottom right permanently once a customer has added something to their shopping cart?
tuanphan Posted March 5, 2023 Posted March 5, 2023 Add this to Design > Custom CSS to make cart icon always visible div#floatingCart { display: block !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
kpdesign Posted March 7, 2023 Author Posted March 7, 2023 Hi @tuanphan, thank you for responding - that code worked great. However, it would be ideal if the cart showed up permanently like that only if a visitor added something to their cart. So when they first visit, it would not be there (like it functions default on SquareSpace when not in the main nav), then if they added something to their cart it would show thereafter no matter what page they're on.
Solution tuanphan Posted March 8, 2023 Solution Posted March 8, 2023 12 hours ago, kpdesign said: Hi @tuanphan, thank you for responding - that code worked great. However, it would be ideal if the cart showed up permanently like that only if a visitor added something to their cart. So when they first visit, it would not be there (like it functions default on SquareSpace when not in the main nav), then if they added something to their cart it would show thereafter no matter what page they're on. Try this new CSS div#floatingCart { display: block !important; background: transparent !important; } a.icon[aria-label*="0 items"] { display: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
kpdesign Posted March 8, 2023 Author Posted March 8, 2023 Thank you @tuanphan! That gave me the exact functionality I wanted and I was able to pair it with some other customization code to get the design exactly as I'd like.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment