Use Cart Drawer for Adding to Cart but Pressing Cart Icon goes to Cart Page

Topic summary

Goal: Keep the cart drawer for add-to-cart, but make the header cart icon go to /cart.

Key findings:

  • Editing the header.liquid anchor didn’t work because theme JS overrides the click.
  • In cart-drawer.js, the function setHeaderCartIconAccessibility() prevents the default link and opens the drawer instead.

Solution implemented:

  • Comment out the call in cart-drawer.js:
    // this.setHeaderCartIconAccessibility();
  • This restores the default link behavior so the header cart icon navigates to /cart, while the drawer still opens on add-to-cart.

Outcomes:

  • Multiple users confirm the fix works and is simple to apply.

Related updates:

  • Users are customizing the “Continue Shopping” link (default: /collections/all) to point to the home page or Featured Products.
  • Styling tweaks to Classic Account pages via custom CSS; theme designer workflow is inconvenient due to frequent sign-in prompts.

Status:

  • Primary issue resolved (header cart icon now goes to /cart).
  • Additional customizations ongoing per store preference.
Summarized with AI on December 17. AI used: gpt-5.

thanks. I feel like if we just find the correct spot we can just add an href . just can’t find the right section to do it. thanks. lmk if you have any luck