Füge jeder Produktkarte in Kategorie-Grids einen Quick-Add-Button hinzu. Legt per AJAX in den Warenkorb, öffnet den Cart Drawer.
Want more control? See the expanded prompt ›
Füge auf jeder Produktkarte im Kategorie-Grid einen 'Quick Add'-Button hinzu, der die erste verfügbare Variante per AJAX in den Warenkorb legt und den Cart Drawer öffnet. Deaktivieren, wenn ausverkauft.
- Quick-Add-Button auf jeder Produktkarte; ~30 Zeilen Liquid + ~40 Zeilen JS.
- Funktioniert mit jedem Cart Drawer — Dawn-Style, Custom oder per App.
- Deaktiviert sich automatisch bei ausverkauften Varianten mit dem Label 'Ausverkauft'.
- Sendet
add_to_cartan GA4 und Meta Ads, damit das Tracking intakt bleibt.
Was du erreichen willst
Für Shops mit einfachen Varianten-Strukturen oder Katalogen mit vielen Bestsellern ist die PDP ein Reibungspunkt. Quick-Add verwandelt eine Kategorie-Seite in einen One-Tap-Weg in den Warenkorb — der Unterschied zwischen drei Klicks und einem Klick, angewandt auf jedes Produkt im Grid.
Worauf du achten solltest
- Varianten — bei Produkten mit zwingenden Varianten (Größe, Farbe) kann Fudge standardmäßig die erste verfügbare Variante nehmen oder einen kleinen Variant Picker öffnen — du entscheidest.
- Ausverkauft — Fudge kümmert sich darum: Buttons werden automatisch deaktiviert und zeigen 'Ausverkauft' an.
- Cart Drawer Hook — funktioniert mit jedem Cart Drawer; Fudge erkennt die bestehende Implementierung und klinkt sich ein.
- Tracking — Fudge kümmert sich darum: sendet ein
add_to_cart-Event, damit GA4 und Meta Ads Pixel die Aktion erfassen.
Wie Fudge das macht
Fudge dupliziert dein Live-Theme in einen Entwurf, baut die Section als bearbeitbare Shopify-Section mit der von dir gewünschten Platzierung und dem Verhalten deines Prompts, und verknüpft sie mit deinen echten Produktdaten und deinem Marken-Styling. Alles beginnt als 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 unangetastet.
Warum Quick-Add-Buttons auf Kategorie-Karten den AOV steigern
Für Käufer, die wissen, was sie wollen, überspringt ein Quick-Add-Button auf der Produktkarte den Umweg über die PDP komplett. Der AJAX-Add öffnet den Cart Drawer, der Käufer sieht das hinzugefügte Produkt und kann entweder zur Kasse gehen oder weiterstöbern. Höherer AOV, schnellerer Funnel.
Wann sich die Umsetzung lohnt
Nutze Quick-Add für Kategorie-Grids in Katalogen mit einfachen Varianten-Strukturen. Lass es lieber bei Produkten, die detaillierte Konfigurationen (Größenauswahl, Personalisierung) erfordern.
Was einen guten Button ausmacht
- Logik für die erste verfügbare Variante — wählt bei Produkten mit mehreren Varianten die erste aus, die auf Lager ist.
- AJAX-Add, kein Page Reload — öffnet sofort den Cart Drawer.
- Deaktivierter Zustand, wenn ausverkauft — sauberes Error Handling.
- Wird auf allen Kategorie-Grids angewendet — konsistente UX.
Kombiniere dies mit einem Produkt-Quick-View-Modal und der Cart Drawer Free Shipping Bar.