Jump to content

Showing the cart only on the shop pages

Recommended Posts

Hi all


Ok so I have a shop I am building and its looking good. I want the cart to display on the shopping pages but not anywhere else in the site. How do I do that?



Link to comment
  • Replies 6
  • Views 835
  • Created
  • Last Reply

It's difficult to understand why you might want to do this because you haven't provided a link to the site to give us any context, but I don't recommend selectively hiding the cart icon.

For a good user experience, it's a good idea to follow the principle of least surprise. The cart icon serves as an important identifier to check out or view cart items and its location should therefore be the same on all views. This ensures that users don’t have to think about how to navigate to make a purchase.

If you still really want to do this, please provide a link to a working link to the site (with a password if required) so that the community can help you further.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment

Hi Paul2009 and thanks os much for your reply.


I apologize, new here on the forum and squarespace so the etiquette and ways of doing things are a little new to me but hopefully I can learn quickly.

I would love to still have the cart only show in the shop. The reason why is that the site is operating kind of two-fold so theres a main page and then there will be two images with a hvoerover. One will go to the shop and the other to a different page showing info, they are sort of unreleated hence the need to show the cart only in one section. I also do not have a menu so all pages are unlinked and thats on purpose also.

OK so the site hasn't finished being built yet and is private but the url is https://goose-turbot-zsg4.squarespace.com/home and I have just made a password which is Testing

The page I want to keep the cart (which is presednt now) is https://goose-turbot-zsg4.squarespace.com/shop

The page I wish for it to be hiddne or taken away is https://goose-turbot-zsg4.squarespace.com/hdt


Any help with this very much appreciated.



Link to comment

Add the following to Design > Custom CSS.

/* hide cart icon on hdt page */

#collection-5fceee815c8977691e2fa2d2 .header-actions-action--cart {

  display: none;

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 4 weeks later...
On 1/16/2021 at 5:39 AM, TinaHamilton said:

@creedon I just tried your solution for displaying the Cart icon only in my shop, but it didn't work (likely user error!). Can you help me with my site? brightwayslearning.org/shop.

Thanks in advance!

Add to Design > Custom CSS

body:not(.collection-type-products) a.Cart {
    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!)

Link to comment


This topic is now archived and is closed to further replies.

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