Skip to main content
Le design du panier Aftersell fonctionne à deux niveaux : des paramètres globaux qui stylisent l’ensemble du panier, et des surcharges par bloc qui affinent un bloc individuel.

​
Paramètres de design globaux

Ouvrez Cart settings depuis la barre latérale de l’éditeur pour accéder au design global du panier. Les paramètres sont regroupés en Design, Buttons et Layout.

​
Design

​
Buttons

​
Layout

​
Surcharges de design par bloc

Chaque bloc, à l’exception de Custom code, possède ses propres surcharges de design par bloc en bas de son panneau de paramètres. Elles sont regroupées sous l’intitulé Design dans tous les blocs sauf Express payments, dont les surcharges se trouvent dans des sections Style et Spacing sans intitulé. (Custom code n’a aucun panneau de paramètres : le bloc est le code, il n’affiche donc qu’un onglet Code.) Elles contrôlent des éléments comme le style, l’espacement et d’autres paramètres de design propres au bloc. Ces paramètres de design par bloc, lorsqu’ils sont vides, reviennent au paramètre global pour cette propriété. De nombreux blocs incluent également une section Text dans leur panneau Design, où vous pouvez définir la typographie d’éléments de texte spécifiques à ce bloc — famille de police, taille, hauteur de ligne et espacement des lettres. Les blocs comportant plusieurs éléments de texte (comme Notes et Empty cart) affichent un sélecteur Text element pour vous permettre de styliser chacun d’eux indépendamment.
Aperçu animé du panneau des paramètres de design par bloc dans l'éditeur de panier

​
Polices et position du tiroir

  • Polices : le panier hérite de la police de votre thème par défaut. Vous pouvez définir une famille de police personnalisée pour certains éléments de texte (comme le titre du produit et le titre des upsells) depuis la section Text des paramètres Design de chaque bloc — consultez Bloc Cart items et Bloc Upsells pour plus de détails.
  • Position du tiroir : la largeur du tiroir est réglable (Desktop width, ci-dessus) ; il n’y a pas de paramètre de position gauche/droite.

​
Paramètres de comportement

Au-delà du style, Cart settings contient aussi des options de comportement — l’ouverture du tiroir à l’ajout au panier, et les sélecteurs de thème qui maintiennent votre boutique synchronisée. Consultez Paramètres du panier.

​
Quand utiliser plutôt du CSS personnalisé

Les paramètres intégrés couvrent les cas courants. Pour tout ce qui va au-delà — cibler un élément spécifique, un espacement personnalisé, des ajustements responsives — utilisez Custom CSS.