Skip to main content
Aftersell におけるカートとは、設定可能なカートドロワー体験です。2 つの状態でデザインし、3 つのセクションにレイアウトを配置し、それらのセクションをブロックで埋めていきます。

カートの状態

すべてのカートには 2 つの独立したレイアウトがあり、エディタで切り替えられます:
  • 商品が入ったカート: カートにアイテムがあるときに買い物客が見るもの。
  • 空のカート: カートにアイテムがないときに買い物客が見るもの。
一部のブロックは片方の状態にのみ属します: その他のブロック(Header、Banner、Rewards、Image、Custom code など)はどちらの状態にも配置できます。新しいカートは、空の状態では Header + Empty cart、商品が入った状態では Header → Banner → Cart items → Summary → Checkout button から始まります。
空のカート状態とは、空のレイアウト全体のことです。Empty cart ブロックは、そのレイアウト内の 1 つのブロックで、通常はメッセージと「買い物を続ける」ボタンです。名前は似ていますが、状態にはそのブロック以外のものも配置できます。

セクション

各状態は HeaderBodyFooter の 3 つのセクションに分かれています。セクションは、ブロックの位置とスクロールの仕方を制御します:
  • Header: ドロワーの上部に固定。ボディがスクロールしても表示され続けます。
  • Body: スクロール可能な中央部。ここのブロックはコンテンツと一緒に動きます。ロックされたブロック: Cart items
  • Footer: ドロワーの下部に固定。ロックされたブロック: Checkout button
ブロックを追加または移動すると、そのセクションがスクロール動作を決めます。すべてのブロックがすべてのセクションで利用できるわけではありません。ブロックはどのように機能しますか?を参照してください。

ブロック

ブロックとは、ドロワーを構成する設定可能なパーツ(商品リスト、アップセルオファー、チェックアウトボタンなど)です。セクション内に積み重ね、並べ替え、スタイルを当てられます。追加方法、制限、サブブロック、条件の仕組みについては、ブロックはどのように機能しますか?を参照してください。

次のステップ