> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Aftersell Cart の概要

> Aftersell Cart とは何か、誰のためのものか、そしてカスタムドロワー体験の構築を始める方法。

**Aftersell Cart** は、Shopify ストア向けの完全にカスタマイズ可能なカートドロワー体験です。デフォルトのカートを、ブロックごとに組み立てるスライド式のドロワーに置き換え、アップセル、リワード、アドオンを追加し、ブランドに合わせてスタイリングし、バリエーションの A/B テストを行い、JavaScript SDK で拡張できます。

<div id="what-it-is">
  ## Aftersell Cart とは
</div>

買い物客が商品を追加すると、Aftersell Cart がストアフロントの上にドロワーとして開きます。そのドロワーは、カートエディタで[ブロック](/ja/aftersell/cart/blocks-overview)のセット（商品リスト、チェックアウトボタン、アップセル、リワード、バナーなど）からデザインし、グローバルおよびブロックごとの[デザイン設定](/ja/aftersell/cart/design-settings)でスタイルを当てます。

<div id="requirements">
  ## 要件
</div>

* Aftersell アプリがインストールされた Shopify ストア。
* 公開されたカートがストアフロントにレンダリングされるよう、テーマで **Aftersell Cart の app embed** が有効になっていること。

<div id="key-concepts">
  ## 主要な概念
</div>

* **カート**: カートとは 1 つの完全なドロワー体験です。[カートの仕組み](/ja/aftersell/cart/how-carts-work)を参照してください。[ライブになるのは一度に 1 つだけ](/ja/aftersell/cart/having-multiple-carts)です。
* **ブロック**: カートを構成するパーツです。[ブロックの仕組み](/ja/aftersell/cart/blocks-overview)を参照してください。
* **デザイン設定**: グローバルおよびブロックごとの[スタイリング](/ja/aftersell/cart/design-settings)と、[カスタム CSS](/ja/aftersell/cart/custom-css)。
* **テスト**: カート同士を [A/B テスト](/ja/aftersell/cart/tests-overview)し、[アナリティクス](/ja/aftersell/cart/test-analytics)を確認します。
* **SDK**: [JavaScript](/ja/aftersell/cart/sdk-overview) でカートを拡張します。

<div id="getting-started">
  ## はじめに
</div>

1. [カートを作成します](/ja/aftersell/cart/creating-carts)。動作するデフォルトレイアウトから始まります。
2. [ブロックを追加して配置し](/ja/aftersell/cart/blocks-overview)、望む体験を組み立てます。
3. デザイン設定と、必要に応じてカスタム CSS で[見た目をカスタマイズします](/ja/aftersell/cart/design-settings)。
4. [プレビュー](/ja/aftersell/cart/previewing-carts)してから公開します。
5. 必要に応じて、バリエーションを[テスト](/ja/aftersell/cart/tests-overview)し、[SDK で拡張](/ja/aftersell/cart/sdk-overview)します。

<div id="how-these-docs-are-organized">
  ## このドキュメントの構成
</div>

* [**カートの管理**](/ja/aftersell/cart/how-carts-work): カートの構造と、1 つまたは複数のカートの作成、プレビュー、運用。
* [**カートのカスタマイズ**](/ja/aftersell/cart/design-settings): デザイン設定、動作設定、カスタム CSS、カスタムスクリプト。
* [**カートブロック**](/ja/aftersell/cart/blocks-overview): ブロックの仕組み、各ブロックのページ、さらにカスタムテンプレートとカスタムコード。
* [**カートテスト**](/ja/aftersell/cart/tests-overview): A/B テストの設定と結果の確認。
* [**アナリティクス**](/ja/aftersell/cart/analytics): 公開されたカートのパフォーマンス — 収益、コンバージョン、インプレッション、上位商品。
* [**Cart SDK**](/ja/aftersell/cart/sdk-overview): コードでカートを拡張するためのイベント、アクション、フック、ユースケース。