> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Hoe werken winkelwagens?

> Hoe een Aftersell Cart is opgebouwd: gevulde en lege staten, Header/Body/Footer-secties, en hoe blokken in elke sectie passen.

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**.

<div id="cart-states">
  ## Winkelwagenstaten
</div>

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:

* Het [**Empty cart**](/nl/aftersell/cart/empty-cart-block)-blok verschijnt alleen in de **lege** staat.
* [**Cart items**](/nl/aftersell/cart/cart-items-block), [**Checkout button**](/nl/aftersell/cart/checkout-button-block), [**Notes**](/nl/aftersell/cart/notes-block), [**Express payments**](/nl/aftersell/cart/express-payments-block) en [**Shipping protection**](/nl/aftersell/cart/shipping-protection-block) verschijnen alleen in de **gevulde** staat.

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.

<Info>
  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.
</Info>

<div id="sections">
  ## Secties
</div>

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?](/nl/aftersell/cart/blocks-overview#blocks-available-in-each-section).

<div id="blocks">
  ## Blokken
</div>

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?](/nl/aftersell/cart/blocks-overview).

<div id="next-steps">
  ## Volgende stappen
</div>

* [Een winkelwagen maken](/nl/aftersell/cart/creating-carts)
* [Een winkelwagen previewen](/nl/aftersell/cart/previewing-carts)
* [Meerdere winkelwagens beheren](/nl/aftersell/cart/having-multiple-carts)