Skip to main content
Summary-blokken viser kunden, hvad de skal betale: en totalrække med valgfrie besparelser, plus anvendte rabat-tags. Den opsummerer kurvens totaler og besparelser lige over checkout-knappen, så kunder ser bundlinjen, før de committer.
Summary-blok, der viser subtotal, besparelser og anvendte rabatter før checkout

​
Adfærd

  • Besparelses-tokens kollapser elegant. Hvis en celle refererer til {{savings}} eller {{pre_savings_price}}, men kurven ingen besparelse har, falder den celle tilbage til blot {{total_price}}, så kunder aldrig ser “$0.00 off” eller en gennemstreget pris lig med totalen. Hvis du kombinerer {{cart_item_count}} og {{savings}} i samme celle, fjernes vareantallet også i fallbacken uden besparelser — placér dem i separate celler for at undgå dette.
  • Rabat-tags vises kun, når Show discount codes er slået til, og kurven har rabatter at vise. Dette omfatter både kodebaserede og automatiske rabatter.

​
Indstillinger

Tekstcellerne understøtter tokens {{cart_item_count}}, {{total_price}}, {{pre_savings_price}} og {{savings}}.

​
Placering og grænser

  • Region: bund.
  • Maksimum: 2 pr. kurvtilstand — den fyldte kurv og den tomme kurv får hver deres egen kvote.
  • Tilstand: både fyldt og tom kurv.
  • Tilføjes til nye kurve som standard. Ikke låst, så du kan fjerne eller skjule den.

​
Custom template

Understøtter en custom template fra sin Code-fane, som erstatter denne bloks indbyggede markup med din JSX. Dette er de props, den modtager.
Fordi savings kan være enten penge eller en procentdel, skal du ikke bygge din egen sætning omkring den, der antager det ene. {props.savings} alene er sikkert; You saved ${props.savings} er det ikke.

​
Design

Stil denne blok med dens Design-sektion i indstillingspanelet. Det er per-blok-overstyringer, der lægges oven på dit globale design og falder tilbage til det, når de er tomme. Hvad er designindstillinger? Lær mere her: Designindstillinger.