How Do I Hide the Price, Cart Icon, or Checkout button?

If you need to temporarily disable the 'cart' features of your shop, you can edit styles.css.liquid (under Assets) from the code editor by adding some CSS to the very bottom of the file.

Hide All Prices

.price, .current_price, .modal_price {display: none !important;}

Hide All Add-To-Cart Buttons

#add-to-cart, .add_to_cart {display: none !important;}

Hide the Cart, Checkout Links, and Icons

.cart, .checkout, .cart-button, .cart_button, .icon-cart {display: none !important;}

Hide Cart Icon with Turbo

.mini_cart  {display: none !important;}

Hide Prices in Turbo Mini-Cart

.cart_content span.money, .cart_content .cart_subtotal {display: none !important;}

Hide Cart Icon with Flex

.header-cart {display: none !important;}

Hide the cart icon with Retina

.header-controls__cart, .header-controls__cart-count {display: none !important;}

Hide All Add-To-Cart Buttons with Flex

.purchase-details__buttons {display: none !important;}

When you're ready to re-enable the cart or show prices again, simply reopen styles.scss.liquid and delete the line or lines you added.