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

# Jak działają koszyki?

> Jak zbudowany jest koszyk Aftersell Cart: stany wypełniony i pusty, sekcje Header/Body/Footer oraz jak bloki pasują do każdej z nich.

**Koszyk** w Aftersell to konfigurowalne doświadczenie cart drawera. Projektujesz go w dwóch **stanach**, rozmieszczasz w trzech **sekcjach** i wypełniasz te sekcje **blokami**.

<div id="cart-states">
  ## Stany koszyka
</div>

Każdy koszyk ma dwa niezależne układy. Przełączasz się między nimi w edytorze:

* **Wypełniony koszyk**: to, co klienci widzą, gdy koszyk zawiera produkty.
* **Pusty koszyk**: to, co klienci widzą, gdy koszyk nie zawiera produktów.

Niektóre bloki należą tylko do jednego stanu:

* Blok [**Empty cart**](/pl/aftersell/cart/empty-cart-block) pojawia się tylko w stanie **pustym**.
* [**Cart items**](/pl/aftersell/cart/cart-items-block), [**Checkout button**](/pl/aftersell/cart/checkout-button-block), [**Notes**](/pl/aftersell/cart/notes-block), [**Express payments**](/pl/aftersell/cart/express-payments-block) i [**Shipping protection**](/pl/aftersell/cart/shipping-protection-block) pojawiają się tylko w stanie **wypełnionym**.

Inne bloki (Header, Banner, Rewards, Image, Custom code i więcej) mogą występować w obu stanach. Nowe koszyki zaczynają od **Header + Empty cart** w stanie pustym oraz **Header → Banner → Cart items → Summary → Checkout button** w stanie wypełnionym.

<Info>
  **Stan pustego koszyka** to cały pusty układ. **Blok Empty cart** to jeden blok wewnątrz tego układu, zwykle komunikat i przycisk kontynuowania zakupów. Nazwy brzmią podobnie, ale stan może zawierać więcej niż ten jeden blok.
</Info>

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

Każdy stan jest podzielony na trzy sekcje: **Header**, **Body** i **Footer**. Sekcje kontrolują, gdzie znajduje się blok i jak się przewija:

* **Header**: przypięty do górnej części drawera; pozostaje widoczny podczas przewijania korpusu.
* **Body**: przewijalny środek. Bloki tutaj poruszają się razem z treścią. Zablokowany blok: **Cart items**.
* **Footer**: przypięty do dolnej części drawera. Zablokowany blok: **Checkout button**.

Gdy dodajesz lub przenosisz blok, jego sekcja decyduje o zachowaniu przy przewijaniu. Nie każdy blok jest dostępny w każdej sekcji. Zobacz [Jak działają bloki?](/pl/aftersell/cart/blocks-overview#blocks-available-in-each-section).

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

**Blok** to konfigurowalny element drawera (lista produktów, oferta upsellu, przycisk checkoutu itd.). Układasz je w sekcji, zmieniasz ich kolejność i stylizujesz. O tym, jak działa dodawanie, limity, sub-bloki i warunki, przeczytasz w [Jak działają bloki?](/pl/aftersell/cart/blocks-overview).

<div id="next-steps">
  ## Kolejne kroki
</div>

* [Utwórz koszyk](/pl/aftersell/cart/creating-carts)
* [Podejrzyj koszyk](/pl/aftersell/cart/previewing-carts)
* [Zarządzaj wieloma koszykami](/pl/aftersell/cart/having-multiple-carts)