Add a quick-add button to every product card in collection grids. Adds via AJAX, opens cart drawer.
Want more control? See the expanded prompt ›
On every product card in the collection grid, add a 'Quick add' button that adds the first available variant to the cart via AJAX and opens the cart drawer. Disable when sold out.
- Quick-add button on every product card; ~30 lines of Liquid + ~40 lines of JS.
- Works with any cart drawer — Dawn-style, custom, or app-based.
- Auto-disables on sold-out variants with a 'Sold out' label.
- Fires
add_to_cartto GA4 and Meta Ads so tracking stays intact.
What you're trying to do
For stores with simple variant structures or bestseller-heavy catalogs, the PDP is a friction step. Quick-add turns a collection page into a one-tap path to cart — the difference between three taps and one tap, repeated across every product in the grid.
Things to watch out for
- Variants — for products with required variants (size, color), Fudge can default to the first available or open a small variant picker — your call.
- Sold-out — Fudge handles this: buttons auto-disable and show 'Sold out' text.
- Cart drawer hook — works with any cart drawer; Fudge detects the existing implementation and hooks into it.
- Tracking — Fudge handles this: fires an
add_to_cartevent so GA4 and Meta Ads pixels capture the action.
How Fudge does it
Fudge duplicates your live theme into a draft, builds the section as an editable Shopify section with the placement and behavior your prompt requires, and wires it to your real product data and brand styling. Everything starts in draft — preview on your store, tweak via the Theme Editor, and publish only when you're ready. Your live store stays untouched.
Why quick-add buttons on collection cards lift AOV
For shoppers who know what they want, a Quick Add button on the product card removes the PDP step entirely. The AJAX add fires the cart drawer open, the shopper sees their addition, and they can either checkout or continue browsing. Higher AOV, faster funnel.
When this is worth building
Build Quick Add for collection grids on catalogs with simple variant structures. Skip for products requiring detailed configuration (size selection, customization).
What makes one great
- First available variant logic — for products with multiple variants, picks the first in stock.
- AJAX add, no page reload — fires cart drawer immediately.
- Disabled state when sold out — graceful failure.
- Applied across all collection grids — consistent UX.
Pair this with product quick-view modal and cart drawer free shipping bar.