> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Blocco Summary

> Il blocco Summary dell'Aftersell Cart: totali, risparmi e codici sconto applicati.

> 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.

<Frame>
  <img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/cart-summary-block-subtotal-savings-applied-discounts.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=455f22040697c41fd1e02a870e9cccf8" alt="Blocco Summary che mostra subtotale, risparmi e sconti applicati prima del checkout" width="1368" height="250" data-path="images/aftersell/cart-summary-block-subtotal-savings-applied-discounts.png" />
</Frame>

<div id="behavior">
  ## Comportamento
</div>

* **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.

<div id="settings">
  ## Impostazioni
</div>

| Impostazione            | Cosa controlla                                                                                                 | Default                                |
| ----------------------- | -------------------------------------------------------------------------------------------------------------- | -------------------------------------- |
| **Left text**           | La cella sinistra della riga del totale. Rich text con token. Esempio: `Subtotal ({{cart_item_count}} items)`. | `Subtotal`                             |
| **Right text**          | La cella destra. Rich text con token (totale, prezzo pre-risparmi barrato, risparmi, conteggio articoli).      | Totale con markup dei risparmi barrato |
| **Savings format**      | Mostra i risparmi come `percent` intero o come importo `absolute`.                                             | `percent`                              |
| **Show discount codes** | Se i tag sconto applicati appaiono. Questo include sia gli sconti basati su codice sia quelli automatici.      | Attivo                                 |

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

<div id="placement-and-limits">
  ## Posizionamento e limiti
</div>

* **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.

<div id="custom-template">
  ## Template personalizzato
</div>

Supporta un [template personalizzato](/it/aftersell/cart/custom-templates) dalla sua scheda Code, che sostituisce il markup integrato di questo blocco con il tuo JSX. Queste sono le props che riceve.

| Prop                | Tipo       | A cosa serve                                                                                                                                         |
| ------------------- | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| `leftHtml`          | `string`   | La cella sinistra come HTML sanificato, con i token risolti.                                                                                         |
| `rightHtml`         | `string`   | La cella destra come HTML sanificato, con i token risolti.                                                                                           |
| `discountCodes`     | `string[]` | Titoli degli sconti applicati al carrello (basati su codice e automatici). `[]` quando non ce ne sono.                                               |
| `showDiscountCodes` | `boolean`  | Se il merchant vuole che i tag sconto siano elencati **e** il carrello ha sconti da elencare.                                                        |
| `hasSavings`        | `boolean`  | `true` quando il carrello ha un risparmio. Usalo per nascondere la tua riga dei risparmi.                                                            |
| `totalPrice`        | `string`   | Totale del carrello, già formattato.                                                                                                                 |
| `preSavingsPrice`   | `string`   | Totale prima dei risparmi, già formattato.                                                                                                           |
| `savings`           | `string`   | Importo risparmiato. Già formattato, **oppure una percentuale** come `15%`, a seconda dell'impostazione del formato dei risparmi del merchant.       |
| `itemCount`         | `number`   | Unità totali nel carrello — somma delle quantità delle righe visibili, esclusa la riga della protezione della spedizione.                            |
| `isLoading`         | `boolean`  | Sempre `false` qui: il blocco renderizza il suo skeleton integrato durante il caricamento e chiama il tuo template solo quando il carrello è pronto. |

<Warning>
  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 è.
</Warning>

<div id="design">
  ## Design
</div>

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](/it/aftersell/cart/design-settings).