Skip to main content

Cart Drawer Integration

MOD Bundles automatically opens your theme's cart drawer after adding a bundle to cart. We've built dedicated integration for **over 90 themes** and **5+ third-party cart drawer apps**, so this works out of the box for the vast majority of stores.

Updated over a month ago

Need help? Before troubleshooting on your own, please reach out to our support team — we'd love to help you get it working.


Cart Behavior Options

Setting Location

  1. Go to Online Store → Themes → Edit theme

  2. Navigate to a page with your bundle

  3. Click on the bundle block (Mix & Match, Pack Builder, or Collection Bundle)

  4. Find Cart Options or Cart Settings section

Available Actions

Setting

Behavior

Open Cart Drawer (default)

Opens your theme's cart drawer

Redirect to Cart Page

Sends customer to /cart

Stay on Current Page

No action—customer stays on the bundle page


Supported Themes

Shopify Free Themes

  • Dawn (and Dawn-based themes), Sense, Craft, Refresh, Ride, Trade, Spotlight

Premium Themes (Verified)

Impulse, Prestige, Warehouse, Symmetry, Broadcast, Motion, Expanse, Fetch, Gem, Flex, Turbo, Beyond, Blockshop, Portland, Stockholm, Neat, Reformation, Horizon, Palo Alto, Concept, Enterprise

Other Supported Themes

Ascension, Alchemy, Atelier, Athens, Aurora, Baseline, Be Yours, Boost, Boundless, Canopy, Debutify, Distinctive, Dwell, Eclipse, Empire, Expression, Fabric, Fame, Focal, Foxpad, Genie, Habitat, Handmade, Heritage, Impact, King, Maker, Masonry, Master, Maya, Mode, Monochrome, Narrative, North, Noire, Pinnacle, Pipeline, Pitch, Plantco, Purely, Ritual, Savor, Shark, Shella, Showcase, Sleek, Starter, Starlite, Stiletto, Streamline, Strong, Supply, Testament, Tinker, Venue, Vessel, Vision, Wonder, Yuva, Zest

Third-Party Cart Drawer Apps

UpCart, Corner Cart, Dynamatic Cart, Unicorn / In Cart Upsell, Monster Cart Upsell

Don't see your theme or cart app? Contact our support team — we actively add new integrations.


When the Cart Drawer Doesn't Open

Recommended: Contact our support team and let us handle it. We resolve these issues regularly.

Solution 1: Custom Cart Events

You can tell MOD Bundles which JavaScript event(s) to dispatch. Set Custom Cart Events in the bundle block settings under Cart Options. Use comma-separated event names.

Example: cart:refresh,cart-drawer:open

Custom Cart Events setting

Common Events by Theme

Theme

Events to Try

Shopify 2.0 / Dawn-based

cart:refresh

Impulse / Streamline

ajaxProduct:added

Symmetry / Enterprise

dispatch:cart-drawer:open,dispatch:cart-drawer:refresh

Expanse / Motion / Fetch

cart:build,cart:open

Turbo

ajax:updateCart

Prestige / Warehouse

cart:refresh

Palo Alto

theme:cart:refresh

Baseline

baseline:modalcart:afteradditem

You can specify multiple events separated by commas — all will be dispatched.

Solution 2: Redirect to Cart Page

Change "After Adding to Cart" to Redirect to Cart Page in the block settings. This bypasses the cart drawer entirely.

Solution 3: Stay on Current Page

Change "After Adding to Cart" to Stay on Current Page. Useful if your theme has a cart icon that auto-updates.


Custom or Heavily Modified Themes

If automatic detection doesn't work, ask your developer to find what event your theme listens for and add it to Custom Cart Events.

Common patterns in theme JavaScript:

document.addEventListener('cart:refresh', ...)document.addEventListener('cart:updated', ...)window.addEventListener('updateCart', ...)

If your theme has no cart refresh event, a developer can add one:

document.addEventListener('cart:refresh', function(event) {  fetch('/cart.js')    .then(response => response.json())    .then(cart => {      document.querySelector('.cart-count').textContent = cart.item_count;      refreshCartDrawer(cart);      openCartDrawer();    });});

Then set cart:refresh as the Custom Cart Event.


Troubleshooting

Problem

Solution

Drawer opens but shows old contents

Add a refresh event before the open event: cart:refresh,cart:open

Drawer opens empty

Timing issue — check for JavaScript errors in the console

"Add to Cart" does nothing

Open Developer Tools (F12), check Console for errors. Try incognito mode

Cart count doesn't update

Most themes update this separately. Try adding a cart count event. Count updates on page refresh

Works on desktop but not mobile

Some themes have different mobile cart implementations. Try "Redirect to Cart Page"


Need Help? {#need-help}

This is our recommended first step! We've integrated with 90+ themes and have deep experience resolving cart drawer issues quickly.

Contact MOD Bundles support with:

  • Your theme name and version

  • Whether it's a custom or purchased theme

  • Screenshots of the issue

  • Any browser console errors (optional but helpful)

We typically respond quickly and can often resolve the issue for you directly. For custom themes, feel free to have your developer reach out as well — we can provide specific guidance tailored to your theme's cart implementation.


Related Articles

Did this answer your question?