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

# Come funzionano i carrelli?

> Com'è strutturato un Aftersell Cart: stati pieno e vuoto, sezioni Header/Body/Footer e come i blocchi si inseriscono in ciascuna.

Un **carrello** in Aftersell è un'esperienza di cart drawer configurabile. Lo progetti in due **stati**, lo disponi su tre **sezioni** e riempi quelle sezioni con dei **blocchi**.

<div id="cart-states">
  ## Stati del carrello
</div>

Ogni carrello ha due layout indipendenti. Passi dall'uno all'altro nell'editor:

* **Carrello pieno**: ciò che gli acquirenti vedono quando il carrello contiene articoli.
* **Carrello vuoto**: ciò che gli acquirenti vedono quando il carrello non contiene articoli.

Alcuni blocchi appartengono a un solo stato:

* Il blocco [**Empty cart**](/it/aftersell/cart/empty-cart-block) appare solo nello stato **vuoto**.
* [**Cart items**](/it/aftersell/cart/cart-items-block), [**Checkout button**](/it/aftersell/cart/checkout-button-block), [**Notes**](/it/aftersell/cart/notes-block), [**Express payments**](/it/aftersell/cart/express-payments-block) e [**Shipping protection**](/it/aftersell/cart/shipping-protection-block) appaiono solo nello stato **pieno**.

Altri blocchi (Header, Banner, Rewards, Image, Custom code e altri) possono vivere in entrambi gli stati. I nuovi carrelli partono con **Header + Empty cart** nello stato vuoto, e **Header → Banner → Cart items → Summary → Checkout button** nello stato pieno.

<Info>
  Lo **stato di carrello vuoto** è l'intero layout vuoto. Il **blocco Empty cart** è un blocco all'interno di quel layout, di solito il messaggio e il pulsante per continuare lo shopping. Suonano simili, ma lo stato può contenere più di quel solo blocco.
</Info>

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

Ogni stato è diviso in tre sezioni: **Header**, **Body** e **Footer**. Le sezioni controllano dove si trova un blocco e come scorre:

* **Header**: fissato in cima al drawer; resta visibile mentre il body scorre.
* **Body**: la parte centrale scorrevole. I blocchi qui si muovono con il contenuto. Blocco bloccato: **Cart items**.
* **Footer**: fissato in fondo al drawer. Blocco bloccato: **Checkout button**.

Quando aggiungi o sposti un blocco, la sua sezione ne decide il comportamento di scorrimento. Non tutti i blocchi sono disponibili in ogni sezione. Vedi [Come funzionano i blocchi?](/it/aftersell/cart/blocks-overview#blocks-available-in-each-section).

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

Un **blocco** è una parte configurabile del drawer (l'elenco dei prodotti, un'offerta di upsell, un pulsante di checkout e così via). Li impili in una sezione, li riordini e ne personalizzi lo stile. Per come funzionano l'aggiunta, i limiti, i sub-blocchi e le condizioni, vedi [Come funzionano i blocchi?](/it/aftersell/cart/blocks-overview).

<div id="next-steps">
  ## Prossimi passi
</div>

* [Crea un carrello](/it/aftersell/cart/creating-carts)
* [Visualizza in anteprima un carrello](/it/aftersell/cart/previewing-carts)
* [Gestisci più carrelli](/it/aftersell/cart/having-multiple-carts)