Skip to main content
Le bloc Summary montre au client ce qu’il paiera : une ligne de total avec économies optionnelles, plus les étiquettes de réduction appliquées. Il récapitule les totaux et économies du panier juste au-dessus du bouton de paiement, afin que les clients voient le montant final avant de s’engager.
Bloc Summary affichant le sous-total, les économies et les réductions appliquées avant le paiement

Comportement

  • Les jetons d’économies se replient élégamment. Si une cellule référence {{savings}} ou {{pre_savings_price}} mais que le panier n’a aucune économie, cette cellule retombe sur {{total_price}} seul, afin que les clients ne voient jamais « $0.00 off » ni un prix barré égal au total. Si vous combinez {{cart_item_count}} et {{savings}} dans la même cellule, le nombre d’articles est lui aussi supprimé dans le repli sans économies — placez-les dans des cellules séparées pour éviter cela.
  • Les étiquettes de réduction n’apparaissent que lorsque Show discount codes est activé et que le panier a des réductions à lister. Cela inclut à la fois les réductions basées sur un code et les réductions automatiques.

Réglages

Les cellules de texte prennent en charge les jetons {{cart_item_count}}, {{total_price}}, {{pre_savings_price}} et {{savings}}.

Placement et limites

  • Région : bas.
  • Maximum : 2 par état de panier. Le panier rempli et le panier vide ont chacun leur propre quota.
  • État : panier rempli et panier vide.
  • Ajouté aux nouveaux paniers par défaut. Non verrouillé, vous pouvez donc le retirer ou le masquer.

Modèle personnalisé

Prend en charge un modèle personnalisé depuis son onglet Code, qui remplace le balisage intégré de ce bloc par votre JSX. Voici les props qu’il reçoit.
Comme savings peut être soit un montant soit un pourcentage, ne construisez pas votre propre phrase autour d’elle en supposant l’un des deux. {props.savings} seul est sûr ; You saved ${props.savings} ne l’est pas.

Design

Stylisez ce bloc via sa section Design dans le panneau de réglages. Ce sont des surcharges par bloc qui se superposent à votre design global et y retombent lorsqu’elles sont vides. Que sont les réglages de design ? Apprenez-en plus ici : Réglages de design.