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

# Summary-blok

> Aftersell Cart Summary-blokken: totaler, besparelser og anvendte rabatkoder.

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

<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="Summary-blok, der viser subtotal, besparelser og anvendte rabatter før checkout" width="1368" height="250" data-path="images/aftersell/cart-summary-block-subtotal-savings-applied-discounts.png" />
</Frame>

<div id="behavior">
  ## Adfærd
</div>

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

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

| Indstilling             | Hvad den styrer                                                                                            | Standard                                   |
| ----------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------ |
| **Left text**           | Den venstre celle i totalrækken. Rich text med tokens. Eksempel: `Subtotal ({{cart_item_count}} items)`.   | `Subtotal`                                 |
| **Right text**          | Den højre celle. Rich text med tokens (total, gennemstreget pris før besparelser, besparelser, vareantal). | Total med gennemstreget besparelses-markup |
| **Savings format**      | Vis besparelser som en hel `percent` eller et `absolute` beløb.                                            | `percent`                                  |
| **Show discount codes** | Om anvendte rabat-tags vises. Dette omfatter både kodebaserede og automatiske rabatter.                    | Til                                        |

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

<div id="placement-and-limits">
  ## Placering og grænser
</div>

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

<div id="custom-template">
  ## Custom template
</div>

Understøtter en [custom template](/da/aftersell/cart/custom-templates) fra sin Code-fane, som erstatter denne bloks indbyggede markup med din JSX. Dette er de props, den modtager.

| Prop                | Type       | Hvad den bruges til                                                                                                            |
| ------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------ |
| `leftHtml`          | `string`   | Den venstre celle som saniteret HTML, med tokens opløst.                                                                       |
| `rightHtml`         | `string`   | Den højre celle som saniteret HTML, med tokens opløst.                                                                         |
| `discountCodes`     | `string[]` | Rabattitler anvendt på kurven (kodebaserede og automatiske). `[]` når ingen.                                                   |
| `showDiscountCodes` | `boolean`  | Om forhandleren vil have rabat-tags listet, **og** kurven har rabatter at vise.                                                |
| `hasSavings`        | `boolean`  | `true` når kurven har en besparelse. Brug den til at skjule din egen besparelsesrække.                                         |
| `totalPrice`        | `string`   | Kurvtotal, allerede formateret.                                                                                                |
| `preSavingsPrice`   | `string`   | Total før besparelser, allerede formateret.                                                                                    |
| `savings`           | `string`   | Sparet beløb. Allerede formateret, **eller en procentdel** som `15%`, afhængigt af forhandlerens savings-format-indstilling.   |
| `itemCount`         | `number`   | Samlede enheder i kurven — synlige linjeantal summeret, eksklusive shipping protection-linjen.                                 |
| `isLoading`         | `boolean`  | Altid `false` her: blokken renderer sin indbyggede skeleton under indlæsning og kalder først din template, når kurven er klar. |

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

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

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