Summary-block

Het Summary-block toont de shopper wat hij gaat betalen: een totaalregel met optionele besparingen, plus toegepaste kortings-tags. Het vat de totalen en besparingen van de winkelwagen samen vlak boven de checkout-knop, zodat shoppers het eindbedrag zien voordat ze zich vastleggen.

• Besparings-tokens klappen elegant in. Als een cel {{savings}} of {{pre_savings_price}} refereert maar de winkelwagen geen besparing heeft, valt die cel terug op alleen {{total_price}}, zodat shoppers nooit “$0.00 korting” of een doorgestreepte prijs gelijk aan het totaal zien. Combineer je {{cart_item_count}} en {{savings}} in dezelfde cel, dan wordt het aantal items in de fallback zonder besparingen ook verwijderd — zet ze in aparte cellen om dit te vermijden.
• Kortings-tags verschijnen alleen wanneer Show discount codes aan staat en de winkelwagen kortingen heeft om weer te geven. Dit omvat zowel code-gebaseerde als automatische kortingen.

De tekstcellen ondersteunen de tokens {{cart_item_count}}, {{total_price}}, {{pre_savings_price}} en {{savings}}.

• Regio: bottom.
• Maximum: 2 per winkelwagenstatus — de gevulde winkelwagen en de lege winkelwagen krijgen elk hun eigen ruimte.
• Status: zowel gevulde als lege winkelwagen.
• Standaard toegevoegd aan nieuwe winkelwagens. Niet vergrendeld, dus je kunt het verwijderen of verbergen.

Ondersteunt een custom template vanaf zijn Code-tabblad, dat de ingebouwde markup van dit block vervangt door jouw JSX. Dit zijn de props die het ontvangt. Style dit block met zijn Design-sectie in het instellingenpaneel. Dit zijn overrides per block die bovenop je globale design komen en erop terugvallen wanneer ze leeg zijn. Wat zijn design settings? Lees er hier meer over: Design settings.