Ein Warenkorb in Aftersell ist eine konfigurierbare Cart-Drawer-Experience. Du gestaltest ihn in zwei Zuständen, verteilst ihn über drei Bereiche und füllst diese Bereiche mit Blöcken.
Jeder Warenkorb hat zwei unabhängige Layouts. Du wechselst im Editor zwischen ihnen:
- Gefüllter Warenkorb: was Käufer sehen, wenn der Warenkorb Artikel enthält.
- Leerer Warenkorb: was Käufer sehen, wenn der Warenkorb keine Artikel enthält.
Manche Blöcke gehören nur in einen Zustand:
Andere Blöcke (Header, Banner, Rewards, Image, Custom code und mehr) können in beiden Zuständen leben. Neue Warenkörbe starten mit Header + Empty cart im leeren Zustand und Header → Banner → Cart items → Summary → Checkout button im gefüllten Zustand.
Der Zustand „leerer Warenkorb“ ist das gesamte leere Layout. Der Empty cart-Block ist ein Block innerhalb dieses Layouts, in der Regel die Nachricht und der Weiter-einkaufen-Button. Die Begriffe klingen ähnlich, aber der Zustand kann mehr als diesen einen Block enthalten.
- Header: am oberen Rand des Drawers fixiert; bleibt sichtbar, während der Body scrollt.
- Body: die scrollbare Mitte. Blöcke hier bewegen sich mit dem Inhalt. Gesperrter Block: Cart items.
- Footer: am unteren Rand des Drawers fixiert. Gesperrter Block: Checkout button.
Wenn du einen Block hinzufügst oder verschiebst, bestimmt sein Bereich sein Scroll-Verhalten. Nicht jeder Block ist in jedem Bereich verfügbar. Siehe Wie funktionieren Blöcke?
Ein Block ist ein konfigurierbares Teil des Drawers (die Produktliste, ein Upsell-Angebot, ein Checkout-Button und so weiter). Du stapelst sie in einem Bereich, ordnest sie neu an und stylst sie. Wie das Hinzufügen, Limits, Unterblöcke und Bedingungen funktionieren, erfährst du unter Wie funktionieren Blöcke?
