Your Shopify Add to Cart button may be working perfectly, but the cart drawer doesn't open after the customer adds a product.

This can be frustrating because the product may actually be added to the cart while the customer sees no cart drawer, no confirmation, or no updated cart count.

The problem is commonly related to theme JavaScript, AJAX cart functionality, cart drawer sections, app conflicts, or custom theme code.

Need help fixing your Shopify cart or theme?

I troubleshoot Shopify Liquid, JavaScript, cart, theme and app-related issues.

Get Shopify bug-fixing help on Fiverr →

Let's look at the most common fixes.

First: Check What Is Actually Broken

Before changing code, determine what happens after clicking Add to Cart.

Case 1: Product is added but drawer doesn't open

The Add to Cart request may be working, while the cart drawer JavaScript is failing.

Case 2: Product isn't added at all

The problem may be with the product form, variant, AJAX request or JavaScript.

If you're also dealing with a broken Add to Cart button, see:

Shopify Add to Cart Button Not Working? 9 Fixes That Actually Work

Replace this URL with the exact URL of your published article if your blog structure is different.

Case 3: Cart drawer opens but doesn't update

This is usually an AJAX/cart refresh or section-rendering problem.

1. Check Your Browser Console

One of the fastest ways to find a Shopify cart drawer problem is to inspect the browser console.

Open:

Chrome → Right Click → Inspect → Console

Then add a product to the cart.

Look for errors such as:

Uncaught TypeError
Cannot read properties of undefined
ReferenceError
Failed to fetch

A JavaScript error can stop the cart drawer code from running.

For example, if another script fails before the cart drawer event executes, clicking Add to Cart may successfully add the product but never open the drawer.

What to do

Don't immediately replace the cart drawer code.

First identify:

Which script is failing?

Then determine whether that script belongs to:

Your Shopify theme
A custom section
A third-party app
A tracking script
A recently added customization

JavaScript error causing your Shopify cart to stop working?

Get help troubleshooting Shopify theme JavaScript on Fiverr →

2. Check If the Product Is Actually Being Added

This is an important test.

Click Add to Cart, then manually open:

/cart

If the product is already there, your Add to Cart request probably succeeded.

The problem is likely with:

Cart drawer
Cart refresh
AJAX response
Theme JavaScript
Cart section rendering

If the cart is empty, investigate the Add to Cart request itself.

This simple test prevents you from debugging the wrong part of the store.

3. Check Your Cart Drawer JavaScript

Most modern Shopify themes use JavaScript to control the cart drawer.

The code may handle:

Opening the drawer
Closing the drawer
Updating cart contents
Updating item quantity
Updating the cart count
Rendering cart sections

If that JavaScript is broken, the drawer may never open.

This can happen after:

Theme customization
Theme update
JavaScript changes
Copying code from another theme
Removing an app
Installing another cart app

Check the theme files responsible for cart functionality and look for recent changes.

Don't copy random cart code from another Shopify theme.

Different themes can use different structures and custom elements.

4. Check for App Conflicts

Third-party Shopify apps are another common source of cart problems.

Apps that can interact with the cart include:

Upsell apps
Bundle apps
Subscription apps
Sticky Add to Cart apps
Free shipping bars
Product options
Discount apps
Cart drawer apps
Post-purchase tools

Two different scripts may try to control the same cart functionality.

For example:

Add to Cart → App script → Theme cart script → Cart drawer

If one script interrupts the process, the drawer may fail to open.

How to test

If the issue started after installing an app:

Duplicate your theme.
Open the duplicate theme.
Disable the relevant app embed if appropriate.
Test Add to Cart again.
Compare the result.

Shopify's theme troubleshooting guidance also recommends isolating theme/app-related problems rather than making random changes to a live store.

5. Check Your AJAX Cart Request

Many Shopify themes use AJAX requests to add products without refreshing the entire page.

A common request is made to:

/cart/add.js

You can inspect this through:

Inspect → Network → Fetch/XHR

Then click Add to Cart.

Look for the cart request.

You want to determine:

Was the request sent?
Did it return successfully?
Was the correct variant added?
Did the response contain an error?
Did the cart drawer update afterward?

This is much more useful than repeatedly clicking the button and guessing.

If the request succeeds but the drawer doesn't open, your investigation should move toward the cart drawer JavaScript/UI rather than the product itself.

6. Check Mobile Separately

A cart drawer can work perfectly on desktop and fail on mobile.

Test:

Desktop Chrome
Mobile Chrome
iPhone/Safari if available

Look for:

Drawer not opening
Drawer opening behind another element
Overlay covering the drawer
Body scroll locked incorrectly
Close button not working
Cart drawer extending outside the screen
Mobile JavaScript errors
Sticky Add to Cart conflicts

CSS can also make the drawer appear broken even when the JavaScript is working.

For example, incorrect:

z-index
position
overflow
transform

can cause the drawer or overlay to appear behind another element.

7. Test With a Duplicate Theme

If you've tried the basic checks and still can't find the problem, create a duplicate theme.

Go to:

Shopify Admin → Online Store → Themes → Duplicate

Then test the cart drawer inside the duplicate.

This helps determine whether the problem is caused by:

Current theme → Custom code → App → Store/product configuration

rather than assuming the entire Shopify store is broken.

A useful comparison is:

Current theme: Cart drawer doesn't work

Clean/older theme: Cart drawer works

If that happens, your current theme or one of its customizations deserves closer investigation.

Recent Shopify troubleshooting discussions also show theme-development issues involving cart, JavaScript, CSS and app interactions, so isolating the failing layer is more reliable than blindly changing files.

Shopify Cart Drawer Troubleshooting Checklist

Before hiring a developer, quickly check:

CheckWhat to look forAdd to CartIs the product actually added?/cartDoes the product appear there?ConsoleAny JavaScript errors?NetworkDoes /cart/add.js succeed?Cart drawerIs the drawer JavaScript running?AppsDid the problem start after an app installation?ThemeWas the theme recently updated?Custom codeWas Liquid/JS recently changed?MobileDoes it work on mobile?Duplicate themeDoes the problem exist in another theme?

Why Does My Shopify Cart Drawer Not Open?

The most common causes are:

JavaScript error

A theme or app script crashes before the cart drawer can open.

AJAX cart problem

The Add to Cart request or response isn't being handled correctly.

Theme customization

Custom code has changed the normal cart behavior.

App conflict

Multiple apps are trying to control the cart.

CSS issue

The drawer opens but is hidden behind another element.

Theme update

New theme code may conflict with existing customizations.

Mobile-specific bug

Desktop functionality works but mobile JavaScript or CSS fails.

Need Help Fixing Your Shopify Cart?

If you've already checked the basic settings and your cart drawer still isn't working, the issue may require theme-level debugging.

I can help troubleshoot:

Shopify Cart Drawer
AJAX Cart
Add to Cart
JavaScript Errors
Liquid Issues
Theme Bugs
App Conflicts
Mobile Shopify Issues
Custom Theme Code

Get Shopify bug-fixing help on Fiverr →

Final Thoughts

A Shopify cart drawer that doesn't open doesn't necessarily mean the entire cart system is broken.

First determine whether the product is actually being added.

Then check the browser console, Network requests, theme JavaScript, app conflicts and mobile behavior.

The goal is simple:

Reproduce → Identify → Isolate → Fix → Test

Don't randomly replace theme files or paste code from another Shopify theme. That can create additional problems.

If you've tried these fixes and your Shopify cart is still not working correctly:

Get professional Shopify bug-fixing help on Fiverr →

FAQ

Why isn't my Shopify cart drawer opening?

The most common causes are JavaScript errors, AJAX cart problems, app conflicts, theme customizations or CSS issues.

Why does Add to Cart work but my cart drawer doesn't open?

The product may already be successfully added to the cart. In that case, the problem is likely related to the cart drawer's JavaScript or UI refresh.

How do I check if Shopify actually added the product?

After clicking Add to Cart, manually visit /cart. If the product appears there, the Add to Cart request probably succeeded.

Can a Shopify app break my cart drawer?

Yes. Apps that modify carts, upsells, bundles, subscriptions or Add to Cart functionality can conflict with your theme's existing cart code.

Why does my cart drawer work on desktop but not mobile?

Mobile-specific JavaScript, CSS, overlays, sticky cart features or responsive theme code can cause the problem.

Should I edit my live Shopify theme?

It's safer to duplicate your theme and test changes there before modifying the published theme.