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

# Paramètres du panier

> Paramètres de comportement de l'Aftersell Cart — quand le tiroir s'ouvre et les sélecteurs de thème qui gardent votre boutique synchronisée.

Au-delà du [style](/fr/aftersell/cart/design-settings), le panier dispose de quelques paramètres de **comportement** qui contrôlent la façon dont il interagit avec votre boutique — quand le tiroir s'ouvre, et quels éléments du thème Aftersell garde synchronisés avec le panier.

<div id="where-to-find-these">
  ## Où les trouver
</div>

Dans l'éditeur de panier, ouvrez **Cart settings**. Les options ci-dessous sont regroupées sous **Behavior** et **Custom selector**.

<div id="open-the-cart-when-an-item-is-added">
  ## Ouvrir le panier lorsqu'un article est ajouté
</div>

**Open cart when an item is added** contrôle si le tiroir s'ouvre automatiquement chaque fois qu'un acheteur ajoute un produit. Il est activé par défaut. Désactivez-le si vous préférez que le panier reste fermé jusqu'à ce que l'acheteur l'ouvre lui-même.

<div id="theme-selectors">
  ## Sélecteurs de thème
</div>

Aftersell s'accroche à votre boutique via des sélecteurs CSS — par exemple, pour savoir quel élément ouvre le panier, ou quel compteur d'icône de panier garder synchronisé. La détection intégrée couvre les thèmes Shopify les plus populaires (Dawn, Sense, Crave, Debut, Impulse, Horizon et bien d'autres), donc **la plupart des boutiques n'ont jamais besoin d'y toucher**. N'ajustez un sélecteur que si quelque chose ne se connecte pas correctement sur votre thème.

<div id="selector-modes">
  ### Modes de sélecteur
</div>

Chaque sélecteur propose les trois mêmes modes :

| Mode                 | Ce qu'il fait                                                                                                                                                                                                |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Default**          | Utilise la détection intégrée d'Aftersell pour les thèmes pris en charge.                                                                                                                                    |
| **Default + custom** | Conserve la détection intégrée et ajoute votre propre sélecteur par-dessus — utilisez-le lorsque le mode par défaut fonctionne globalement mais manque un élément (par exemple, une icône mobile distincte). |
| **Custom only**      | Ignore la détection intégrée et utilise uniquement votre sélecteur — utilisez-le lorsque le mode par défaut cible le mauvais élément ou entre en conflit avec votre thème.                                   |

Le champ de sélecteur n'est activé que pour les modes **Default + custom** et **Custom only**.

<div id="the-three-selectors">
  ### Les trois sélecteurs
</div>

| Sélecteur                | Ce qu'il cible                                                                                                               | Exemple                     |
| ------------------------ | ---------------------------------------------------------------------------------------------------------------------------- | --------------------------- |
| **Open cart selector**   | Le ou les éléments qui doivent ouvrir le tiroir du panier.                                                                   | `.header__cart-toggle`      |
| **Add to cart selector** | Le ou les boutons d'ajout au panier auxquels Aftersell doit s'accrocher.                                                     | `.product-form__add-button` |
| **Cart count selector**  | L'élément de l'icône de panier de votre thème qui affiche le nombre d'articles, afin qu'il reste synchronisé avec le tiroir. | `.header__cart-count span`  |

<div id="how-to-find-a-selector">
  ### Comment trouver un sélecteur
</div>

1. Ouvrez votre boutique dans un navigateur (Chrome recommandé).
2. Faites un clic droit sur l'élément que vous souhaitez cibler — votre icône de panier, le nombre d'articles ou le bouton d'ajout au panier — et choisissez **Inspecter**.
3. Dans le panneau qui s'ouvre, trouvez l'élément qui le représente (le compteur est souvent un `span` à l'intérieur de l'icône de panier).
4. Notez sa classe (commence par `.`) ou son ID (commence par `#`) — par exemple `.header__cart-count span` ou `#CartCount`.
5. De retour dans **Cart settings**, réglez le sélecteur sur **Default + custom** ou **Custom only** et collez-le.
6. Enregistrez, puis testez sur ordinateur et sur mobile.

<Tip>
  Commencez par **Default** — il fonctionne pour la plupart des thèmes sans aucune configuration. Passez à **Default + custom** lorsqu'une seule icône parmi plusieurs se met à jour (par exemple, le bureau fonctionne mais pas le mobile), et à **Custom only** lorsque le mode par défaut cible le mauvais élément. Si vous ne savez pas quel sélecteur utiliser, votre développeur de thème peut vous l'indiquer — vous n'avez pas besoin d'écrire de code, juste de copier-coller.
</Tip>