Skip to main content
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.

États du panier

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

Sections

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

Blocs

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

Prochaines étapes