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

> Блок Summary корзины Aftersell: итоговые суммы, экономия и применённые промокоды.

> Блок **Summary** показывает покупателю, сколько он заплатит: строку с итоговой суммой с необязательной экономией, плюс применённые теги скидок. Он подводит итог суммам и экономии корзины прямо над кнопкой оформления заказа, чтобы покупатели видели итоговую цифру перед принятием решения.

<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, отображающий промежуточную сумму, экономию и применённые скидки перед оформлением заказа" width="1368" height="250" data-path="images/aftersell/cart-summary-block-subtotal-savings-applied-discounts.png" />
</Frame>

<div id="behavior">
  ## Поведение
</div>

* **Токены экономии корректно сворачиваются.** Если ячейка ссылается на `{{savings}}` или `{{pre_savings_price}}`, но в корзине нет экономии, эта ячейка откатывается к простому `{{total_price}}`, поэтому покупатели никогда не увидят «скидка \$0.00» или зачёркнутую цену, равную итоговой. Если вы объединяете `{{cart_item_count}}` и `{{savings}}` в одной ячейке, счётчик товаров тоже удаляется в резервном варианте без экономии — размещайте их в разных ячейках, чтобы избежать этого.
* Теги скидок появляются только когда включено **Show discount codes** *и* в корзине есть скидки для отображения. Это включает как скидки по промокодам, так и автоматические скидки.

<div id="settings">
  ## Настройки
</div>

| Настройка               | Что она контролирует                                                                                                | По умолчанию                          |
| ----------------------- | ------------------------------------------------------------------------------------------------------------------- | ------------------------------------- |
| **Left text**           | Левая ячейка строки итога. Форматированный текст с токенами. Пример: `Subtotal ({{cart_item_count}} items)`.        | `Subtotal`                            |
| **Right text**          | Правая ячейка. Форматированный текст с токенами (итог, зачёркнутая цена до экономии, экономия, количество товаров). | Итог с зачёркнутой разметкой экономии |
| **Savings format**      | Показывать экономию как целый `percent` или `absolute` сумму.                                                       | `percent`                             |
| **Show discount codes** | Отображаются ли теги применённых скидок. Это включает как скидки по промокодам, так и автоматические скидки.        | Вкл.                                  |

Текстовые ячейки поддерживают токены `{{cart_item_count}}`, `{{total_price}}`, `{{pre_savings_price}}` и `{{savings}}`.

<div id="placement-and-limits">
  ## Размещение и ограничения
</div>

* **Область:** bottom.
* **Максимум:** 2 на состояние корзины — заполненная и пустая корзина получают каждая свой лимит.
* **Состояние:** как заполненная, так и пустая корзина.
* Добавляется в новые корзины по умолчанию. Не заблокирован, поэтому вы можете удалить или скрыть его.

<div id="custom-template">
  ## Пользовательский шаблон
</div>

Поддерживает [пользовательский шаблон](/ru/aftersell/cart/custom-templates) на вкладке Code, который заменяет встроенную разметку этого блока вашим JSX. Вот props, которые он получает.

| Prop                | Тип        | Для чего он                                                                                                                    |
| ------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------ |
| `leftHtml`          | `string`   | Левая ячейка в виде санитизированного HTML с разрешёнными токенами.                                                            |
| `rightHtml`         | `string`   | Правая ячейка в виде санитизированного HTML с разрешёнными токенами.                                                           |
| `discountCodes`     | `string[]` | Названия скидок, применённых к корзине (по промокодам и автоматических). `[]`, если их нет.                                    |
| `showDiscountCodes` | `boolean`  | Хочет ли мерчант отображать теги скидок **и** есть ли в корзине скидки для отображения.                                        |
| `hasSavings`        | `boolean`  | `true`, когда в корзине есть экономия. Используйте его, чтобы скрыть собственную строку экономии.                              |
| `totalPrice`        | `string`   | Итог корзины, уже отформатированный.                                                                                           |
| `preSavingsPrice`   | `string`   | Итог до экономии, уже отформатированный.                                                                                       |
| `savings`           | `string`   | Сэкономленная сумма. Уже отформатированная **или процент** вроде `15%`, в зависимости от настройки формата экономии мерчанта.  |
| `itemCount`         | `number`   | Общее количество единиц в корзине — сумма количеств видимых строк, исключая строку защиты доставки.                            |
| `isLoading`         | `boolean`  | Здесь всегда `false`: блок отображает встроенный скелетон во время загрузки и вызывает ваш шаблон только когда корзина готова. |

<Warning>
  Поскольку `savings` может быть либо деньгами, либо процентом, не стройте вокруг него собственное предложение, предполагающее что-то одно. `{props.savings}` сам по себе безопасен; `You saved ${props.savings}` — нет.
</Warning>

<div id="design">
  ## Дизайн
</div>

Стилизуйте этот блок в разделе **Design** его панели настроек. Это переопределения на уровне блока, которые накладываются поверх глобального дизайна и возвращаются к нему, когда не заполнены.

Что такое настройки дизайна? Подробнее здесь: [Настройки дизайна](/ru/aftersell/cart/design-settings).