Disable built-in drawer cart

Store Design
, ,

Topic summary

A user is experiencing a conflict between a custom cart popup and their theme’s built-in AJAX drawer cart, both triggering simultaneously when adding products to cart. The theme lacks a native option to disable the default cart.

Proposed Solutions:

  • JavaScript Override: Insert custom code in theme.liquid before the closing </body> tag to intercept and prevent the default drawer cart behavior
  • Manual Code Removal: Locate and comment out drawer-triggering code in files like cart-drawer.liquid, cart.js, or similar JavaScript files that handle fetch('/cart/add.js') callbacks

Key Technical Points:

  • Look for functions like this.cartDrawer.open() or document.dispatchEvent(new CustomEvent('cart:updated')) and disable them
  • Avoid using data-cart-trigger attributes to prevent conflicts
  • Check theme files: global.js, product-form.js, or cart.js

Current Status: The issue remains unresolved, with the wrong cart still appearing when products are added.

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

Hi!

I have a custom cart that pops up after pressing add to cart, but the themes own cart also comes up, which I do not want. I know some themes have the “disable ajax cart” option, but my current theme doesn’t show that option when I click on the buy button.

store: CARNOSPORT

Is there any code I can use that would disable the themes default cart from showing up?

1 Like
2

Hello @Rixxrd

Yes, you can disable the built-in AJAX drawer cart in your Shopify theme with a bit of custom code. Since your theme doesn’t offer a native toggle for the AJAX cart, you’ll need to prevent the default cart drawer behavior from running when the product is added to the cart.

Here’s how to do it:

Option 1: Prevent AJAX drawer cart with JavaScript override
You can intercept the default behavior by overriding the Shopify.addItem event or disabling the drawer code from executing.

  1. Open your theme.liquid or the main layout file.
    Just before the closing tag, insert this script:

Option 2: Remove or comment out drawer cart code (if possible)
If your theme has a section or snippet like cart-drawer.liquid, you can:

  1. Go to Online Store > Themes > Edit code.

  2. Look for files like:

. cart-drawer.liquid

. cart.js

. or JavaScript that listens for fetch(‘/cart/add.js’) and triggers the drawer

  1. Comment out or remove the function that triggers the drawer popup (often inside a callback to fetch or XMLHttpRequest on add-to-cart).

Pro Tip
To avoid conflicts:

. Make sure you’re not using the data-cart-trigger attribute anywhere.

. Look in the theme’s global.js, product-form.js, or cart.js for any lines like:

this.cartDrawer.open();

or

document.dispatchEvent(new CustomEvent('cart:updated', ...));

and remove or comment out those calls.

try this

Thank you :blush:

3

@Rixxrd only this cart came up, is it correct?

suyash1_0-1746947700190.png
suyash1_0-1746947700190.png1366×768 120 KB

4

Hey! No, that’s not the one. The problem is that both carts are conflicting, and the one that shows up in the screenshot is the wrong one.

5

@Rixxrd - I did not get any other, is that pop up disabled?