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

# Prévisualiser les paniers

> Prévisualisez votre panier Aftersell avant publication — dans le canevas de l'éditeur et sur le thème de votre boutique en ligne.

Vous pouvez prévisualiser un panier de deux façons : en direct dans l'éditeur pendant que vous le construisez, et sur le thème de votre boutique avant sa mise en ligne.

<div id="the-editor-canvas">
  ## Le canevas de l'éditeur
</div>

Le centre de l'éditeur de panier est un aperçu en direct qui affiche le vrai panier. Il montre **les deux états du panier côte à côte** — une carte **Filled cart** et une carte **Empty cart** — pour que vous puissiez voir les deux pendant que vous travaillez.

* **Choisissez l'état que vous éditez** avec l'interrupteur **Filled / Empty** dans la barre latérale, ou en cliquant sur le **titre au-dessus** d'une carte. Cliquer *à l'intérieur* d'une carte ne change pas d'état : cela sélectionne le bloc sous votre curseur. La carte active est encadrée, et le bloc que vous éditez reçoit sa propre mise en évidence.
* **Zoomez** avec la pastille de zoom sur le canevas lui-même (25 %–200 %) : `+` et `−` avancent par paliers de 10 %, et cliquer sur le pourcentage réinitialise à 75 %. Ctrl/Cmd + molette zoome autour de votre curseur, la molette seule et le glissement servent à se déplacer.
* L'aperçu reflète vos [paramètres de design](/fr/aftersell/cart/design-settings) et votre [CSS personnalisé](/fr/aftersell/cart/custom-css) en direct au fur et à mesure de vos modifications.

<div id="preview-on-your-storefront">
  ## Aperçu sur votre boutique
</div>

Utilisez **Preview** sur un panier pour le voir sur un vrai thème dans un nouvel onglet, sans le rendre public :

* **Les paniers en ligne** ouvrent directement votre boutique — le panier en ligne est déjà ce que voient les acheteurs.
* **Les paniers brouillons** ouvrent un **aperçu de thème**. Vous choisissez sur quel thème prévisualiser (votre thème principal est le choix par défaut), et Aftersell met en place le panier brouillon sur ce thème uniquement pour votre session d'aperçu, sans toucher à votre panier en ligne. L'app embed doit être activé sur le thème choisi.

<Note>
  Les aperçus de brouillons peuvent ne pas refléter entièrement le comportement du panier en ligne — considérez-les comme une approximation fidèle, et effectuez une vérification finale après publication.
</Note>

Enregistrez vos modifications avant de prévisualiser — l'éditeur vous invite à enregistrer afin que l'aperçu reflète votre travail le plus récent.

<div id="empty-vs-filled-states">
  ## États vide vs rempli
</div>

Les deux états sont toujours disponibles dans le canevas de l'éditeur (les deux cartes), vous pouvez donc concevoir et vérifier le panier vide et le panier rempli indépendamment. Sur la boutique, les acheteurs voient l'état qui correspond à leur panier.

<div id="sample-data-scenarios">
  ## Scénarios de données d'exemple
</div>

Le panneau de paramètres du [bloc Cart items](/fr/aftersell/cart/cart-items-block) comporte une section **Preview** avec un sélecteur **Sample data**, vous permettant de basculer l'aperçu de l'éditeur entre différents scénarios de lignes d'articles, afin de vérifier l'apparence de chacun sans construire un panier correspondant :

| Scénario              | Ce qu'il montre                                                                                    |
| --------------------- | -------------------------------------------------------------------------------------------------- |
| **Standard product**  | Un seul produit avec une réduction appliquée.                                                      |
| **Long product name** | Un produit avec un titre très long, pour vérifier le retour à la ligne et le débordement du texte. |
| **Bundle**            | Une ligne d'ancrage de bundle avec ses articles enfants.                                           |
| **Subscription**      | Une ligne d'abonnement avec son libellé de plan de vente.                                          |
| **All item types**    | Le nom de produit long, les lignes d'abonnement et de bundle réunis dans un même panier.           |

Votre choix n'affecte que l'aperçu de l'éditeur. Il n'est jamais enregistré dans le panier, et il se réinitialise lorsque vous rechargez l'éditeur.
