Füge ein Quick-View-Modal zu Product Cards auf Collection-Seiten hinzu. Bild, Titel, Preis, Varianten, Add-to-cart — kein Page Load.
Want more control? See the expanded prompt ›
Füge auf jeder Collection-Seite einen 'Quick view'-Button zu jeder Product Card hinzu. Beim Klicken öffnet sich ein Modal mit der Produkt-Bildergalerie, Titel, Preis, Variantenauswahl und Add to cart — ohne kompletten Page Load.
- Öffnet Produktdetails inline, ohne die Collection zu verlassen.
- Vollständige Bildergalerie und Variantenauswahl, keine reduzierte Ansicht.
- Add to cart funktioniert ohne Page Reload.
- Mobile erhält eine Bottom-Sheet-Variante anstelle eines Modals.
Was du erreichen willst
Der Wechsel von einer Collection-Seite zu einer PDP ist ein Commitment — die meisten Kunden machen das nicht bei Produkten, auf die sie nur ein bisschen neugierig sind. Ein Quick-View-Modal lässt sie einen Blick riskieren, ohne sich festzulegen, und diejenigen, denen gefällt, was sie sehen, nutzen direkt den Add to cart.
Worauf du achten solltest
- Varianten-Handling — Fudge zieht Live-Varianten-JSON, damit die Auswahl synchron bleibt.
- Mobile UX — Fudge kümmert sich darum: Das Modal wird zu einem Bottom Sheet, das die Daumenzone respektiert.
- Bilderkarussell — Fudge kümmert sich darum: funktioniert mit nativem Scroll-Snap, keine externe Library erforderlich.
- Zurück-Button — Fudge kümmert sich darum: Escape schließt das Modal; der Zurück-Button navigiert nicht von der Seite weg.
Wie Fudge das macht
Fudge dupliziert dein Live-Theme in einen Entwurf, baut die Section als bearbeitbare Shopify-Section mit der Platzierung und dem Verhalten, das dein Prompt erfordert, und verknüpft sie mit deinen echten Produktdaten und deinem Brand-Styling. Alles beginnt im Entwurf — schau dir die Vorschau in deinem Store an, nimm Anpassungen über den Theme-Editor vor und veröffentliche erst, wenn du bereit bist. Dein Live-Store bleibt völlig unberührt.
Warum Quick-View-Modals das Browsing verbessern
Anstatt sich zur vollständigen PDP durchzuklicken, öffnet ein Quick-View-Modal die Produktdetails — Bildergalerie, Titel, Preis, Variantenauswahl, Add to cart — ohne die Collection-Seite zu verlassen. Steigert die Add-to-cart-Rate für Kunden, die sonst abspringen würden.
Wann sich die Umsetzung lohnt
Baue Quick-Views für Stores mit großen Collections, in denen Kunden vor dem Kauf durch mehrere Produkte stöbern. Überspringe dies bei Stores, in denen Kunden direkt auf der PDP landen.
Was ein gutes Modal ausmacht
- Quick-View-Button auf jeder Product Card — leicht zugänglich.
- Modal mit Produktgalerie + Buy Box — volle PDP-äquivalente Funktionalität.
- Kein kompletter Page Load — schnell.
- Mobile-friendly Modal-Größe — füllt den Bildschirm auf Mobilgeräten.
Kombiniere dies mit One-Click AJAX Add-to-cart und Hover-Reveal Collection.