Einrichtung des Cart Drawer Widget

Viele Shopify Themes verwenden einen seitlich einfahrenden Cart Drawer anstelle einer separaten Cart Page. Das Cart Drawer Widget von Scrollengine integriert sich in diesen Drawer, damit Kunden ihre Lieferpräferenzen auswählen können, ohne die Seite zu verlassen.

Widget zum Cart Drawer hinzufügen

1. Gehen Sie zu Widgets im Scrollengine Dashboard
2. Klicken Sie auf Install Widget
3. Wählen Sie Cart Drawer
4. Folgen Sie den Theme-spezifischen Anweisungen

Theme-Kompatibilität

Die meisten modernen Shopify Themes unterstützen App Blocks im Cart Drawer. Falls Ihr Theme dies nicht unterstützt:

1. Gehen Sie zu Shopify Admin > Online Store > Themes > Customize
2. Öffnen Sie den Cart Drawer-Bereich
3. Suchen Sie nach einer „App Block"-Option und fügen Sie Scrollengine hinzu
4. Falls keine App Block-Option vorhanden ist, müssen Sie möglicherweise ein Code-Snippet einfügen — Scrollengine stellt das Snippet im Dashboard unter Widgets > Manual Setup bereit

Unterschiede zum Cart Page Widget

Das Cart Drawer Widget ist funktional identisch, jedoch für das kleinere Drawer-Layout optimiert:

• Kompakte Ansicht — Liefermethoden werden vertikal gestapelt
• Scrollbarer Kalender — Der Kalender passt sich der Drawer-Breite an
• Inline-Zeitfenster — Zeitfenster erscheinen unterhalb des Kalenders, ohne den Drawer übermäßig zu vergrößern

Konfiguration

Das Cart Drawer Widget teilt die Einstellungen mit dem Cart Page Widget. Änderungen an Liefermethoden, Regeln, Zeitfenstern und Textanpassungen gelten für beide Widgets.

Um das Layout des Drawer Widget speziell anzupassen, siehe Widget Layout-Anpassung.

Testen

1. Öffnen Sie Ihren Storefront
2. Legen Sie ein Produkt in den Warenkorb — der Cart Drawer sollte sich öffnen
3. Überprüfen Sie, ob das Scrollengine Widget im Drawer angezeigt wird
4. Testen Sie die Auswahl der Liefermethode, die Adresseingabe und die Zeitfenster-Auswahl
5. Fahren Sie mit dem Checkout fort und bestätigen Sie, dass die Lieferpräferenzen übernommen werden