kpdesign Posted February 27 Share Posted February 27 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? Link to comment
tuanphan Posted March 5 Share Posted March 5 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
kpdesign Posted March 7 Author Share Posted March 7 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. Link to comment
Solution tuanphan Posted March 8 Solution Share Posted March 8 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
kpdesign Posted March 8 Author Share Posted March 8 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. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment