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