> ## 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 SDK 解决方案：分析追踪、免费赠品、隐藏行项目、metafields、bundles 和页面构建器。

针对最常见需求的完整解决方案。每一个都是可直接运行的代码片段，附有逐步讲解以及改造它的注意事项。

<div id="before-you-write-a-script">
  ## 在写脚本之前
</div>

许多商家过去用脚本解决的问题，现在已经是内置设置了。请先检查这里，因为设置在购物车改版后依然有效，而你的脚本未必：

| 如果你想……              | 用这个来代替代码                                                                                                                                                      |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 每次添加商品时打开抽屉         | **Cart settings → Content → Behavior → Open cart when an item is added**                                                                                      |
| 让主题的购物车图标计数保持同步     | 内置功能。如果你的主题需要提示，请在购物车设置中配置 **cart count selector**。                                                                                                           |
| 按国家、市场或货币显示不同设置     | [条件](/zh/aftersell/cart/blocks-overview#show-or-hide-by-market-country-or-currency)（目前完整界面在 [Rewards](/zh/aftersell/cart/rewards-block#per-market-rewards) 上） |
| 在消费门槛处提供免费赠品        | [Rewards](/zh/aftersell/cart/rewards-block) 块                                                                                                                 |
| 添加 upsell、附加商品或运费保障 | 对应的[购物车块](/zh/aftersell/cart/blocks-overview)                                                                                                                 |
| 重新设计任何东西的样式         | [设计设置](/zh/aftersell/cart/design-settings)，然后是[自定义 CSS](/zh/aftersell/cart/custom-css)                                                                        |

当逻辑确实属于你自己时再使用 SDK：没有任何设置能表达的规则、与其他应用的集成，或只有你的商店才有的数据。

<div id="how-to-use-these">
  ## 如何使用这些示例
</div>

将代码片段粘贴到购物车的 **Initialization** 脚本中。在购物车编辑器里，前往 **Cart settings → Custom script → Initialization**。编写纯 JavaScript；不要 `<script>` 标签。详情参见[自定义脚本](/zh/aftersell/cart/custom-scripts)。

<div id="the-use-cases">
  ## 用例列表
</div>

<Columns cols={2}>
  <Card title="在第三方工具中追踪加购" icon="chart-line" href="/zh/aftersell/cart/sdk-use-case-analytics">
    将购物车事件发送到 Klaviyo、Triple Whale、GA4 或任何分析像素。
  </Card>

  <Card title="在达到门槛时自动添加免费赠品" icon="gift" href="/zh/aftersell/cart/sdk-use-case-free-gift">
    当总额越过门槛时添加赠品，回落时将其移除。
  </Card>

  <Card title="隐藏和重命名购物车行项目" icon="eye-slash" href="/zh/aftersell/cart/sdk-use-case-hide-lines">
    隐藏应用注入的行项目或免费行项目，重命名它们并控制排序。
  </Card>

  <Card title="在购物车行项目上显示 metafield 数据" icon="tags" href="/zh/aftersell/cart/sdk-use-case-metafields">
    将配送预估、徽章或任何 metafield 拉取到每个行项目上。
  </Card>

  <Card title="从页面构建器打开抽屉" icon="wand-magic-sparkles" href="/zh/aftersell/cart/sdk-use-case-page-builder">
    让 Replo、PageFly、GemPages 和自定义按钮打开购物车。
  </Card>

  <Card title="结账前要求同意条款" icon="square-check" href="/zh/aftersell/cart/sdk-use-case-terms-checkbox">
    在购物者接受你的条款之前阻止结账。
  </Card>

  <Card title="将其他应用的 bundle 行项目分组" icon="boxes-stacked" href="/zh/aftersell/cart/sdk-use-case-bundles">
    让 bundle 应用拆分出的多个购物车行项目渲染为一个商品。
  </Card>
</Columns>