Add a quick-view modal to product cards on collection pages. Image, title, price, variants, add-to-cart — no page load.
Want more control? See the expanded prompt ›
On every collection page, add a 'Quick view' button to each product card. Clicking opens a modal with the product image gallery, title, price, variant picker, and Add to cart — no full page load.
- Opens product details inline without leaving the collection.
- Full image gallery and variant picker, not a stripped-down view.
- Add to cart works without page reload.
- Mobile gets a bottom-sheet variant instead of a modal.
What you're trying to do
Going to a PDP from a collection page is a commitment — most shoppers won't make it for products they're only mildly curious about. A quick-view modal lets them peek without committing, and the ones who like what they see add to cart in place.
Things to watch out for
- Variant handling — Fudge pulls live variant JSON so the picker stays in sync.
- Mobile UX — Fudge handles this: modal becomes a bottom sheet that respects the thumb zone.
- Image carousel — Fudge handles this: works with native scroll-snap, no library needed.
- Back button — Fudge handles this: escape closes the modal; back button doesn't navigate away.
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-view modals improve browsing
Instead of clicking through to the full PDP, a quick-view modal opens the product details — image gallery, title, price, variant picker, Add to cart — without leaving the collection page. Lifts add-to-cart rate for shoppers who would otherwise bounce back.
When this is worth building
Build quick-view for collection-heavy stores where shoppers browse multiple products before buying. Skip for stores where shoppers land on the PDP directly.
What makes one great
- Quick view button on each product card — easily accessible.
- Modal with product gallery + buy box — full PDP-equivalent functionality.
- No full-page load — fast.
- Mobile-friendly modal sizing — fills screen on mobile.
Pair this with one-click AJAX add-to-cart and hover-reveal collection.