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

# Blok Summary

> Blok Summary w Aftersell Cart: sumy, oszczędności i zastosowane kody rabatowe.

> Blok **Summary** pokazuje kupującemu, ile zapłaci: wiersz sumy z opcjonalnymi oszczędnościami oraz wszelkie zastosowane tagi rabatów. Podsumowuje sumy i oszczędności koszyka tuż nad przyciskiem checkoutu, dzięki czemu kupujący widzą ostateczną kwotę, zanim się zdecydują.

<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="Blok Summary wyświetlający sumę częściową, oszczędności i zastosowane rabaty przed checkoutem" width="1368" height="250" data-path="images/aftersell/cart-summary-block-subtotal-savings-applied-discounts.png" />
</Frame>

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

* **Tokeny oszczędności elegancko się zwijają.** Jeśli komórka odwołuje się do `{{savings}}` lub `{{pre_savings_price}}`, a koszyk nie ma oszczędności, ta komórka wraca do samego `{{total_price}}`, więc kupujący nigdy nie widzą „\$0.00 taniej” ani przekreślonej ceny równej sumie. Jeśli połączysz `{{cart_item_count}}` i `{{savings}}` w tej samej komórce, licznik produktów również jest usuwany w wariancie bez oszczędności — umieść je w osobnych komórkach, aby tego uniknąć.
* Tagi rabatów pojawiają się tylko wtedy, gdy **Show discount codes** jest włączone *i* koszyk ma rabaty do wyświetlenia. Obejmuje to zarówno rabaty oparte na kodach, jak i automatyczne.

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

| Ustawienie              | Co kontroluje                                                                                                         | Domyślnie                                 |
| ----------------------- | --------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- |
| **Left text**           | Lewa komórka wiersza sumy. Rich text z tokenami. Przykład: `Subtotal ({{cart_item_count}} items)`.                    | `Subtotal`                                |
| **Right text**          | Prawa komórka. Rich text z tokenami (suma, przekreślona cena przed oszczędnościami, oszczędności, licznik produktów). | Suma z przekreślonym zapisem oszczędności |
| **Savings format**      | Pokazuj oszczędności jako pełny `percent` lub kwotę `absolute`.                                                       | `percent`                                 |
| **Show discount codes** | Czy pojawiają się tagi zastosowanych rabatów. Obejmuje to zarówno rabaty oparte na kodach, jak i automatyczne.        | Włączone                                  |

Komórki tekstowe obsługują tokeny `{{cart_item_count}}`, `{{total_price}}`, `{{pre_savings_price}}` i `{{savings}}`.

<div id="placement-and-limits">
  ## Umieszczenie i limity
</div>

* **Region:** bottom.
* **Maksimum:** 2 na stan koszyka — wypełniony koszyk i pusty koszyk mają osobne limity.
* **Stan:** zarówno wypełniony, jak i pusty koszyk.
* Dodawany do nowych koszyków domyślnie. Niezablokowany, więc możesz go usunąć lub ukryć.

<div id="custom-template">
  ## Szablon niestandardowy
</div>

Obsługuje [szablon niestandardowy](/pl/aftersell/cart/custom-templates) z zakładki Code, który zastępuje wbudowane znaczniki tego bloku Twoim JSX. Oto propsy, które otrzymuje.

| Prop                | Typ        | Do czego służy                                                                                                                      |
| ------------------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------- |
| `leftHtml`          | `string`   | Lewa komórka jako zsanityzowany HTML, z rozwiązanymi tokenami.                                                                      |
| `rightHtml`         | `string`   | Prawa komórka jako zsanityzowany HTML, z rozwiązanymi tokenami.                                                                     |
| `discountCodes`     | `string[]` | Tytuły rabatów zastosowanych na koszyku (oparte na kodach i automatyczne). `[]`, gdy ich nie ma.                                    |
| `showDiscountCodes` | `boolean`  | Czy sprzedawca chce listy tagów rabatów **i** koszyk ma rabaty do wyświetlenia.                                                     |
| `hasSavings`        | `boolean`  | `true`, gdy koszyk ma oszczędność. Użyj tego, aby ukryć własny wiersz oszczędności.                                                 |
| `totalPrice`        | `string`   | Suma koszyka, już sformatowana.                                                                                                     |
| `preSavingsPrice`   | `string`   | Suma przed oszczędnościami, już sformatowana.                                                                                       |
| `savings`           | `string`   | Zaoszczędzona kwota. Już sformatowana **albo jako procent**, np. `15%`, w zależności od ustawienia formatu oszczędności sprzedawcy. |
| `itemCount`         | `number`   | Łączna liczba sztuk w koszyku — zsumowane widoczne ilości pozycji, z wyłączeniem pozycji ochrony przesyłki.                         |
| `isLoading`         | `boolean`  | Tutaj zawsze `false`: blok renderuje wbudowany szkielet podczas ładowania i wywołuje Twój szablon dopiero, gdy koszyk jest gotowy.  |

<Warning>
  Ponieważ `savings` może być albo kwotą, albo procentem, nie buduj wokół niego własnego zdania zakładającego jedno z nich. Samo `{props.savings}` jest bezpieczne; `You saved ${props.savings}` już nie.
</Warning>

<div id="design">
  ## Wygląd
</div>

Stylizuj ten blok w jego sekcji **Design** w panelu ustawień. To nadpisania per blok, które nakładają się na Twój globalny wygląd i wracają do niego, gdy są puste.

Czym są ustawienia wyglądu? Dowiedz się więcej tutaj: [Ustawienia wyglądu](/pl/aftersell/cart/design-settings).