Hype Cart

The theme's cart still opens

Updated Sep 10, 20263 min read

If Hype's drawer works but your theme's cart also appears — on the cart icon, after an add-to-cart, or sliding in behind Hype's panel — the cause is almost always one of three: a Behavior switch is off, your theme uses markup Hype does not recognize, or you are looking at a page that opted out of the takeover.

1. Check the Behavior switches

Open the cart and expand Behavior. Three switches are involved, all on by default:

  • Open on cart icon clicks — off means the cart icon does whatever your theme normally does.
  • Take over add-to-cart forms — off means a non-AJAX product form reloads the page instead of opening the drawer.
  • Hide the theme's own cart drawer — off means the theme's slide-out and cart notification are left visible.

Turn on the one that matches your symptom, click Save, and give Shopify's page cache a few minutes.

2. Your theme isn't recognized

Hype knows the cart icons and drawer markup of the common Shopify themes. A heavily customized or unusual theme may use neither.

Tell Hype what to look for in the editor's Advanced panel:

  • Extra cart trigger selectors — for a cart icon that navigates to /cart instead of opening the drawer.
  • Extra native drawer selectors — for a theme drawer or cart popup that still appears.

One CSS selector per line. Find it by right-clicking the element on your storefront and choosing Inspect. Full instructions in Theme compatibility.

For the native drawer, list the drawer's own container — not the cart icon and not the item count, or you will hide your header's cart badge along with it.

3. You're on an opted-out page

Any storefront URL carrying ?hype_cart=off skips the takeover for that page view: cart-icon clicks navigate normally, forms submit normally and the theme's drawer is not hidden. If you were testing with that parameter earlier, it may still be in the address bar. Remove it and reload.

Both carts open, one behind the other

This is Hide the theme's own cart drawer not matching your theme's markup. Add the theme drawer's selector under Advanced → Extra native drawer selectors.

If your theme's drawer is a modal dialog, an unhidden one can also leave the rest of the page unclickable behind Hype's panel. The same fix applies — once Hype can identify it, it closes it through the theme's own close routine rather than just hiding it.

The page reloads instead of opening the drawer

Your theme's product form is submitting normally. Turn Take over add-to-cart forms on. If it is already on and the page still reloads, your theme is claiming the submit for its own handler — in which case the add is happening through your theme, and the drawer should open on its own once the cart changes. If it does not, contact support with Debug logging enabled.

Nothing helps

Some themes cannot be fully taken over. If yours has its own cart drawer setting, turn that off in the theme editor and leave Hide the theme's own cart drawer off in Hype — the theme then has no drawer to show and Hype's is the only one.

Before contacting support, turn on Debug logging in the Behavior panel, reload your storefront and copy what the drawer logs to your browser console. Turn it off again afterwards.

Related articles

Still need help?

Start a chat and we'll pick it up right here.