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.
- Reads the threshold from your shipping settings, or suggests one from your average order value.
- 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: Fudge reads it from your shipping settings, or suggests one from your average order value if you don't have one yet.
- Theme cart conflicts: Fudge fully replaces the cart template so there's no double-rendering.
- International shipping: the threshold can be set per market, so EU shoppers see €75 and US shoppers see $75.
- Upsell relevance: the upsells use Shopify's product recommendations by default, or specific products you choose.
How Fudge does it
Fudge duplicates your live theme into a draft, edits the relevant template (product page or cart) 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 matters for order value
The cart drawer, a slide-out cart with a free shipping progress bar and upsell carousel, is where shoppers decide whether to add one more item. Shoppers committed to buying are most open to it right before checkout.
When this is worth building
Build the cart drawer if you’re still on Shopify’s default page-level cart. For most stores, a drawer keeps shoppers browsing after they add to cart.
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. Fudge builds free-shipping bars as part of its bundles and discounts tools; for the manual route, see how to add a free shipping progress bar in Shopify.