Skip to main content
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 优惠、结账按钮等等）。你可以在一个部分中堆叠它们、重新排序并设置样式。关于添加方式、数量限制、子区块和条件的工作原理，参阅区块如何工作？。

​
后续步骤