Een winkelwagen in Aftersell is een configureerbare cart-drawer-ervaring. Je ontwerpt hem in twee staten, deelt hem in over drie secties, en vult die secties met blokken.
Elke winkelwagen heeft twee onafhankelijke lay-outs. Je wisselt ertussen in de editor:
- Gevulde winkelwagen: wat shoppers zien wanneer de winkelwagen artikelen bevat.
- Lege winkelwagen: wat shoppers zien wanneer de winkelwagen geen artikelen bevat.
Sommige blokken horen maar in één staat thuis:
Andere blokken (Header, Banner, Rewards, Image, Custom code en meer) kunnen in beide staten staan. Nieuwe winkelwagens starten met Header + Empty cart in de lege staat, en Header → Banner → Cart items → Summary → Checkout button in de gevulde staat.
De lege winkelwagenstaat is de hele lege lay-out. Het Empty cart-blok is één blok binnen die lay-out, meestal het bericht en de knop om verder te winkelen. Ze klinken hetzelfde, maar de staat kan meer bevatten dan dat ene blok.
- Header: vastgezet bovenaan de drawer; blijft zichtbaar terwijl de body scrolt.
- Body: het scrollbare middengedeelte. Blokken hier bewegen mee met de content. Vergrendeld blok: Cart items.
- Footer: vastgezet onderaan de drawer. Vergrendeld blok: Checkout button.
Wanneer je een blok toevoegt of verplaatst, bepaalt de sectie het scrollgedrag ervan. Niet elk blok is in elke sectie beschikbaar. Zie Hoe werken blokken?.
Een blok is een configureerbaar onderdeel van de drawer (de productlijst, een upsell-aanbieding, een checkout-knop, enzovoort). Je stapelt ze in een sectie, herschikt ze en stylet ze. Voor hoe toevoegen, limieten, sub-blokken en condities werken, zie Hoe werken blokken?.
