> ## 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 商店打造的完全可自定义的购物车抽屉体验。它用一个滑出式抽屉取代默认购物车，你可以逐个区块地构建它，添加 upsell、奖励和附加产品，将其样式设计得与你的品牌一致，对不同变体进行 A/B 测试，并用 JavaScript SDK 进行扩展。

<div id="what-it-is">
  ## 它是什么
</div>

当购物者添加产品时，Aftersell Cart 会以抽屉形式在你的店面上方打开。你在购物车编辑器中用一组[区块](/zh/aftersell/cart/blocks-overview)（商品列表、结账按钮、upsell、奖励、横幅等）设计这个抽屉，并用全局和按区块的[设计设置](/zh/aftersell/cart/design-settings)为其设置样式。

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

* 一个安装了 Aftersell 应用的 Shopify 商店。
* 在你的主题中启用 **Aftersell Cart app embed**，这样已发布的购物车才能在你的店面上渲染。

<div id="key-concepts">
  ## 核心概念
</div>

* **购物车**：一个购物车就是一套完整的抽屉体验。参阅[购物车如何工作](/zh/aftersell/cart/how-carts-work)，并且一次只有[一个处于上线状态](/zh/aftersell/cart/having-multiple-carts)。
* **区块**：购物车的构建单元。参阅[区块如何工作](/zh/aftersell/cart/blocks-overview)。
* **设计设置**：全局和按区块的[样式](/zh/aftersell/cart/design-settings)，外加[自定义 CSS](/zh/aftersell/cart/custom-css)。
* **测试**：对两个购物车进行 [A/B 测试](/zh/aftersell/cart/tests-overview)并查看[分析数据](/zh/aftersell/cart/test-analytics)。
* **SDK**：用 [JavaScript](/zh/aftersell/cart/sdk-overview) 扩展购物车。

<div id="getting-started">
  ## 快速上手
</div>

1. [创建购物车](/zh/aftersell/cart/creating-carts)。从一个可用的默认布局开始。
2. [添加和排列区块](/zh/aftersell/cart/blocks-overview)，构建你想要的体验。
3. 用设计设置[自定义外观](/zh/aftersell/cart/design-settings)，必要时使用自定义 CSS。
4. [预览](/zh/aftersell/cart/previewing-carts)后发布。
5. 可选地，[测试](/zh/aftersell/cart/tests-overview)不同变体并[用 SDK 扩展](/zh/aftersell/cart/sdk-overview)。

<div id="how-these-docs-are-organized">
  ## 文档的组织方式
</div>

* [**管理购物车**](/zh/aftersell/cart/how-carts-work)：购物车的结构，以及如何创建、预览和运行一个或多个购物车。
* [**自定义你的购物车**](/zh/aftersell/cart/design-settings)：设计设置、行为设置、自定义 CSS 和自定义脚本。
* [**购物车区块**](/zh/aftersell/cart/blocks-overview)：区块如何工作，每个区块都有一个页面，外加自定义模板和自定义代码。
* [**购物车测试**](/zh/aftersell/cart/tests-overview)：设置 A/B 测试并解读其结果。
* [**分析**](/zh/aftersell/cart/analytics)：已发布购物车的表现——收入、转化、展示次数和热门产品。
* [**Cart SDK**](/zh/aftersell/cart/sdk-overview)：用代码扩展购物车的事件、操作、hooks 和使用案例。