Skip to main content
Der Summary-Block zeigt Käufern, was sie zahlen werden: eine Summenzeile mit optionalen Ersparnissen plus angewendeten Rabatt-Tags. Er fasst die Summen und Ersparnisse des Warenkorbs direkt über dem Checkout-Button zusammen, sodass Käufer das Endergebnis sehen, bevor sie sich entscheiden.
Summary-Block mit Zwischensumme, Ersparnissen und angewendeten Rabatten vor dem Checkout

Verhalten

  • Ersparnis-Tokens brechen sauber zusammen. Wenn eine Zelle {{savings}} oder {{pre_savings_price}} referenziert, der Warenkorb aber keine Ersparnis hat, fällt diese Zelle auf nur {{total_price}} zurück — Käufer sehen also nie „$0.00 Rabatt“ oder einen durchgestrichenen Preis, der der Summe entspricht. Kombinierst du {{cart_item_count}} und {{savings}} in derselben Zelle, wird im Fallback ohne Ersparnis auch die Artikelanzahl entfernt — platziere sie in separaten Zellen, um das zu vermeiden.
  • Rabatt-Tags erscheinen nur, wenn Show discount codes aktiviert ist und der Warenkorb Rabatte zum Auflisten hat. Das umfasst sowohl code-basierte als auch automatische Rabatte.

Einstellungen

Die Textzellen unterstützen die Tokens {{cart_item_count}}, {{total_price}}, {{pre_savings_price}} und {{savings}}.

Platzierung und Limits

  • Bereich: unten.
  • Maximum: 2 pro Warenkorbzustand — der gefüllte und der leere Warenkorb erhalten jeweils ihr eigenes Kontingent.
  • Zustand: sowohl gefüllter als auch leerer Warenkorb.
  • Wird neuen Warenkörben standardmäßig hinzugefügt. Nicht gesperrt, du kannst ihn also entfernen oder ausblenden.

Custom Template

Unterstützt ein Custom Template über seinen Code-Tab, das das integrierte Markup dieses Blocks durch dein JSX ersetzt. Diese Props erhält es.
Da savings entweder ein Geldbetrag oder ein Prozentsatz sein kann, baue keinen eigenen Satz darum herum, der eines von beidem voraussetzt. {props.savings} allein ist sicher; You saved ${props.savings} nicht.

Design

Gestalte diesen Block über seinen Design-Abschnitt im Einstellungs-Panel. Das sind Überschreibungen pro Block, die auf deinem globalen Design aufsetzen und auf dieses zurückfallen, wenn sie leer sind. Was sind Design settings? Erfahre hier mehr: Design settings.