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;}
#AddToCart {display: none !important;}
.variants-wrapper, .ajaxcart__qty {display: none !important;}
#ProductPrice, .price {display: none !important;}
.cart__subtotal price {display: none !important;}
.site-header__cart-toggle, #AddToCart, .variants-wrapper, .ajaxcart__qty, #ProductPrice, .price, .cart__subtotal price {display: none !important;}