Skip to main content
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.

​
Winkelwagenstaten

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.

​
Secties

Elke staat is verdeeld in drie secties: Header, Body en Footer. Secties bepalen waar een blok staat en hoe het scrolt:
  • 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?.

​
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?.

​
Volgende stappen