How do I hide the cart on my site?

If you want to hide the e-commerce components on your site like the Cart icon, the Add to Cart buttons and the product variant options (i.e. quantity input) do the following steps:

1. Online Store -> Edit HTML/CSS

2. Locate assets/theme.scss.liquid

3. Append this code to the end of the file:

  • Hide the cart icon 
    • .site-header__cart-toggle {display: none !important;}
  • Hide the Add To Cart button 
    • #AddToCart {display: none !important;}
  • Hide the product variants options 
    • .variants-wrapper, .ajaxcart__qty {display: none !important;}
  • Hide the product price 
    • #ProductPrice, .price {display: none !important;}
  • Hide the cart subtotal price
    • .cart__subtotal price {display: none !important;}
  • Hide all of them
    • .site-header__cart-toggle, #AddToCart, .variants-wrapper, .ajaxcart__qty, #ProductPrice, .price, .cart__subtotal price {display: none !important;}