Skip to main content
Il blocco Summary mostra all’acquirente quanto pagherà: una riga del totale con risparmi opzionali, più i tag sconto applicati. Riassume i totali e i risparmi del carrello appena sopra il pulsante di checkout, così gli acquirenti vedono la cifra finale prima di impegnarsi.
Blocco Summary che mostra subtotale, risparmi e sconti applicati prima del checkout

Comportamento

  • I token dei risparmi collassano con grazia. Se una cella fa riferimento a {{savings}} o {{pre_savings_price}} ma il carrello non ha risparmi, quella cella ricade su solo {{total_price}}, così gli acquirenti non vedono mai “$0.00 di sconto” o un prezzo barrato uguale al totale. Se combini {{cart_item_count}} e {{savings}} nella stessa cella, anche il conteggio degli articoli viene rimosso nel fallback senza risparmi — mettili in celle separate per evitarlo.
  • I tag sconto appaiono solo quando Show discount codes è attivo e il carrello ha sconti da elencare. Questo include sia gli sconti basati su codice sia quelli automatici.

Impostazioni

Le celle di testo supportano i token {{cart_item_count}}, {{total_price}}, {{pre_savings_price}} e {{savings}}.

Posizionamento e limiti

  • Regione: bottom.
  • Massimo: 2 per stato del carrello — il carrello pieno e il carrello vuoto hanno ciascuno la propria quota.
  • Stato: sia carrello pieno che vuoto.
  • Aggiunto ai nuovi carrelli di default. Non bloccato, quindi puoi rimuoverlo o nasconderlo.

Template personalizzato

Supporta un template personalizzato dalla sua scheda Code, che sostituisce il markup integrato di questo blocco con il tuo JSX. Queste sono le props che riceve.
Poiché savings può essere denaro o una percentuale, non costruirci attorno una tua frase che presuppone uno dei due. {props.savings} da solo è sicuro; You saved ${props.savings} non lo è.

Design

Definisci lo stile di questo blocco con la sua sezione Design nel pannello delle impostazioni. Si tratta di override per singolo blocco che si sovrappongono al tuo design globale e ricadono su di esso quando sono vuoti. Cosa sono le impostazioni di design? Scopri di più qui: Impostazioni di design.