Skip to main content
Au-delà du style, 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.

​
Où les trouver

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

​
Ouvrir le panier lorsqu’un article est ajouté

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.

​
Sélecteurs de thème

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.

​
Modes de sélecteur

Chaque sélecteur propose les trois mêmes modes : Le champ de sélecteur n’est activé que pour les modes Default + custom et Custom only.

​
Les trois sélecteurs

​
Comment trouver un sélecteur

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