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.

Hi @thrilly ,

Please share your store URL and if your store is password protected then please provide password too.
You can take a picture of the place you want to edit.

So that we can help you.

1 Like