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

# Comment fonctionnent les paniers ?

> Comment un panier Aftersell est structuré : états rempli et vide, sections Header/Body/Footer, et comment les blocs s'intègrent dans chacune.

Un **panier** dans Aftersell est une expérience de tiroir de panier configurable. Vous le concevez dans deux **états**, vous le disposez sur trois **sections**, et vous remplissez ces sections avec des **blocs**.

<div id="cart-states">
  ## États du panier
</div>

Chaque panier possède deux mises en page indépendantes. Vous basculez entre elles dans l'éditeur :

* **Panier rempli** : ce que les acheteurs voient lorsque le panier contient des articles.
* **Panier vide** : ce que les acheteurs voient lorsque le panier ne contient aucun article.

Certains blocs n'appartiennent qu'à un seul état :

* Le bloc [**Empty cart**](/fr/aftersell/cart/empty-cart-block) n'apparaît que dans l'état **vide**.
* [**Cart items**](/fr/aftersell/cart/cart-items-block), [**Checkout button**](/fr/aftersell/cart/checkout-button-block), [**Notes**](/fr/aftersell/cart/notes-block), [**Express payments**](/fr/aftersell/cart/express-payments-block) et [**Shipping protection**](/fr/aftersell/cart/shipping-protection-block) n'apparaissent que dans l'état **rempli**.

D'autres blocs (Header, Banner, Rewards, Image, Custom code, et plus) peuvent vivre dans l'un ou l'autre état. Les nouveaux paniers démarrent avec **Header + Empty cart** dans l'état vide, et **Header → Banner → Cart items → Summary → Checkout button** dans l'état rempli.

<Info>
  L'**état de panier vide** est l'ensemble de la mise en page vide. Le **bloc Empty cart** est un bloc à l'intérieur de cette mise en page, généralement le message et le bouton pour continuer les achats. Les noms se ressemblent, mais l'état peut contenir plus que ce seul bloc.
</Info>

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

Chaque état est divisé en trois sections : **Header**, **Body** et **Footer**. Les sections contrôlent l'emplacement d'un bloc et son comportement de défilement :

* **Header** : épinglé en haut du tiroir ; reste visible pendant que le corps défile.
* **Body** : la partie centrale défilante. Les blocs qui s'y trouvent se déplacent avec le contenu. Bloc verrouillé : **Cart items**.
* **Footer** : épinglé en bas du tiroir. Bloc verrouillé : **Checkout button**.

Lorsque vous ajoutez ou déplacez un bloc, sa section détermine son comportement de défilement. Tous les blocs ne sont pas disponibles dans toutes les sections. Consultez [Comment fonctionnent les blocs ?](/fr/aftersell/cart/blocks-overview#blocks-available-in-each-section).

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

Un **bloc** est un élément configurable du tiroir (la liste des produits, une offre d'upsell, un bouton de paiement, etc.). Vous les empilez dans une section, les réordonnez et les stylisez. Pour le fonctionnement de l'ajout, des limites, des sous-blocs et des conditions, consultez [Comment fonctionnent les blocs ?](/fr/aftersell/cart/blocks-overview).

<div id="next-steps">
  ## Prochaines étapes
</div>

* [Créer un panier](/fr/aftersell/cart/creating-carts)
* [Prévisualiser un panier](/fr/aftersell/cart/previewing-carts)
* [Gérer plusieurs paniers](/fr/aftersell/cart/having-multiple-carts)