Aftersell 中的购物车是一个可配置的购物车抽屉体验。你在两个状态中设计它,在三个部分中布局它,并用区块填充这些部分。
每个购物车有两个独立的布局。你在编辑器中切换它们:
- 已装满购物车:购物车有商品时购物者看到的内容。
- 空购物车:购物车没有商品时购物者看到的内容。
有些区块只属于一个状态:
其他区块(Header、Banner、Rewards、Image、Custom code 等)可以在任一状态中使用。新购物车在空状态中初始为 Header + Empty cart,在已装满状态中初始为 Header → Banner → Cart items → Summary → Checkout button。
空购物车状态是整个空布局。Empty cart 区块是该布局中的一个区块,通常是消息和继续购物按钮。两者听起来相似,但该状态可以容纳的不止这一个区块。
每个状态分为三个部分:Header、Body 和 Footer。部分决定区块的位置及其滚动方式:
- Header:固定在抽屉顶部;主体滚动时保持可见。
- Body:可滚动的中间部分。这里的区块随内容移动。锁定区块:Cart items。
- Footer:固定在抽屉底部。锁定区块:Checkout button。
添加或移动区块时,它所在的部分决定其滚动行为。并非每个区块在每个部分都可用。参阅区块如何工作?。
区块是抽屉中一个可配置的组成部分(商品列表、upsell 优惠、结账按钮等等)。你可以在一个部分中堆叠它们、重新排序并设置样式。关于添加方式、数量限制、子区块和条件的工作原理,参阅区块如何工作?。