How can I hide the shopping cart icon on a new site?

Topic summary

A user needed to hide the shopping cart icon on a Shopify site using the Studio theme while the store wasn’t ready for products.

Solution provided:

  • Navigate to Online Store > Themes > Actions > Edit code
  • Open Sections > header.liquid
  • Locate the cart icon code by right-clicking the icon on the storefront and selecting “Inspect Element”
  • Delete or comment out the relevant code section

Theme-specific locations shared:

  • Studio theme: Code shown in screenshot (lines varied)
  • Craft theme: Similar approach confirmed working
  • Ride theme: Lines 722-739 in header.liquid
  • Refresh theme: Successfully implemented
  • Impact 2.0: User requested additional guidance

Alternative workaround: Match the cart icon color to the background color to make it invisible without code changes.

Several users confirmed the solution worked for their themes. One user struggled to locate the correct code in header.liquid and requested step-by-step help. The thread remains a resource for hiding cart icons across different Shopify themes.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

@chcsep Thank you, that worked. I wasn’t sure what to do with but I found the necessary code in “header.liquid” and deleted it.

For anyone wanting to do the same thing using the same theme (and if you’ve not already altered the code), the code I deleted was this:

16 Likes