How Can I Remove Cart from Individual Pages?

Site URL: https://www.springerdesign.biz/

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! -Jesse

2 hours ago, creedon said:

Add the following to Design > Custom CSS.

/* hide cart on all pages */

.Cart {

  display : none;
  
  }

/* show cart on some pages */

.collection-type-products .Cart, /* products page */
#cart .Cart /* cart page */

  {
  
    display : block;
    
    }

This is for v7.0 using the Brine template family.

Let us know how it goes.

Hi creedon, that worked brilliantly, thank you!

-Jesse 

Hi Creedon - thanks for the code - I need your help with it as I'm new to this. I also want to hide the cart icon on specific store pages on my site. How do I apply your code (besides copying it to my custom CSS)? A newbie here... what needs to be replaced with that? TIA

On 9/2/2023 at 6:41 PM, VeredBrett said:

Hi Creedon - thanks for the code - I need your help with it as I'm new to this. I also want to hide the cart icon on specific store pages on my site. How do I apply your code (besides copying it to my custom CSS)? A newbie here... what needs to be replaced with that? TIA

Add it to Store Page Settings > Advanced > Code Injection Header

<style>
.Cart {

  display : none;
  
  }
</style>