Jump to content

Commerce cart hidden from other pages except store pages

Recommended Posts

Hi there,

I have a commerce page on my site that is sort of separate from the purpose of the rest of the site. I would like to keep my commerce page going, but remove the cart icon from all of the other pages of my site. Can someone help me figure out how to do that?

Thanks! 

Justin

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

@justinjamesclack Hi, You can add this code snippet under Custom CSS panel:

#collection-64d665e6c5445115f316d01c .header-actions .header-actions-action--cart {
  display: none !important;
}

Replace collection-id (#collection-64d665e6c5445115f316d01c) in the code with the collection-id of the page where you want to hide the cart icon.

Each page has its own unique collection-id. So, for every page, you'll need to insert the code with the specific collection-id for that page. You can easily find the collection-id of a page using this handy Chrome extension: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

If you run into any issues while adding or editing the code, let me know. Thanks!

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment

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.