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

Поведение

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

Настройки

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

Размещение и ограничения

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

Пользовательский шаблон

Поддерживает пользовательский шаблон на вкладке Code, который заменяет встроенную разметку этого блока вашим JSX. Вот props, которые он получает.
Поскольку savings может быть либо деньгами, либо процентом, не стройте вокруг него собственное предложение, предполагающее что-то одно. {props.savings} сам по себе безопасен; You saved ${props.savings} — нет.

Дизайн

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