Add a slide-out cart drawer with a free shipping progress bar and [N]-item upsell carousel.
Want more control? See the expanded prompt ›
Replace the current cart with a slide-out cart drawer. Add a 'free shipping at $75' progress bar at the top, AJAX quantity selectors, and a 3-item upsell carousel underneath.
- Slide-out cart drawer with a live free-shipping progress bar.
- AJAX quantity updates — no page reloads when shoppers change items.
- Threshold auto-tuned to your AOV, or set a specific number.
- 3-product upsell carousel hooked into Shopify's recommendation API.
What you're trying to do
A cart drawer keeps shoppers on the product page when they add items — no full-page reload that breaks the browsing flow. The free-shipping progress bar gives them a concrete reason to add one more product, and AJAX quantity updates make the cart feel instant.
Things to watch out for
- Threshold tuning — Fudge picks the threshold based on your AOV unless you specify one.
- Theme cart conflicts — Fudge fully replaces the cart template so there's no double-rendering.
- International shipping — Fudge handles this: the threshold can be configured per market so EU customers see €75 and US customers see $75.
- Upsell relevance — Fudge handles this: the upsells use Shopify's product recommendation API by default, but can be hardcoded to specific SKUs.
How Fudge does it
Fudge duplicates your live theme into a draft, edits the relevant template (product, cart, or checkout) with the changes your prompt requires, and tests against your real product data. Everything starts in draft — preview on any product or in the cart, tweak any detail, and publish when you're ready. Your live store stays untouched.
Why the cart drawer is your highest-leverage AOV surface
The cart drawer — slide-out cart with free shipping progress bar and upsell carousel — is where the AOV-lift action lives. Shoppers committed to buying are most open to adding one more item right before checkout.
When this is worth building
Build the cart drawer if you’re still on Shopify’s default page-level cart. The drawer pattern outperforms the page cart on every metric.
What makes one great
- Free shipping progress bar at the top — calculates from your store settings.
- AJAX quantity selectors — no page reload for changes.
- 3-item upsell carousel — complementary products based on cart contents.
- Sticky checkout CTA — always visible.
- International threshold support — different markets, different thresholds.
Pair this with cart upsells and cart cross-sells.