Skip to main content
Корзина в Aftersell — это настраиваемый интерфейс drawer-корзины. Вы проектируете её в двух состояниях, размещаете элементы в трёх секциях и заполняете эти секции блоками.

​
Состояния корзины

У каждой корзины два независимых макета. Вы переключаетесь между ними в редакторе:
  • Заполненная корзина: то, что видят покупатели, когда в корзине есть товары.
  • Пустая корзина: то, что видят покупатели, когда в корзине нет товаров.
Некоторые блоки принадлежат только одному состоянию: Другие блоки (Header, Banner, Rewards, Image, Custom code и другие) могут находиться в любом состоянии. Новые корзины начинаются с Header + Empty cart в пустом состоянии и Header → Banner → Cart items → Summary → Checkout button в заполненном состоянии.
Состояние пустой корзины — это весь пустой макет. Блок Empty cart — это один блок внутри этого макета, обычно сообщение и кнопка «продолжить покупки». Названия похожи, но состояние может содержать больше, чем только этот один блок.

​
Секции

Каждое состояние разделено на три секции: Header, Body и Footer. Секции определяют, где находится блок и как он прокручивается:
  • Header: закреплён вверху drawer-корзины; остаётся видимым при прокрутке тела.
  • Body: прокручиваемая середина. Блоки здесь двигаются вместе с контентом. Заблокированный блок: Cart items.
  • Footer: закреплён внизу drawer-корзины. Заблокированный блок: Checkout button.
Когда вы добавляете или перемещаете блок, его секция определяет его поведение при прокрутке. Не каждый блок доступен в каждой секции. См. Как работают блоки?.

​
Блоки

Блок — это настраиваемая часть drawer-корзины (список товаров, upsell-предложение, кнопка оформления заказа и так далее). Вы складываете их в секции, меняете порядок и стилизуете. О том, как работают добавление, ограничения, вложенные блоки и условия, см. Как работают блоки?.

​
Дальнейшие шаги