> ## 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.

# 加购时打开购物车

> 控制当客户将商品加入购物车时，cart drawer 是否自动打开。

<div id="overview">
  ## 概述
</div>

Open on Add to Cart 设置控制客户在商店中每次点击 "Add to Cart" 时，Upcart 抽屉是否自动打开。

<div id="where-to-find-it">
  ## 位置
</div>

前往：Cart Editor > Settings > Cart settings
找到标记为 "Open cart drawer on add to cart" 的切换开关。

<div id="default-behavior">
  ## 默认行为
</div>

此设置默认启用。启用后，每当客户将商品加入购物车，cart drawer 都会立即滑出打开。

<div id="enabled-default">
  ## 启用（默认）
</div>

* 每次 "Add to Cart" 操作时，cart drawer 都会自动打开。
* 客户可以立即看到购物车中的内容，包括任何 upsell 或奖励。
* 推荐大多数商店使用。

<div id="disabled">
  ## 禁用
</div>

* 添加商品时，cart drawer 不会自动打开。
* 客户必须手动点击购物车图标才能打开抽屉。
* 如果你的主题已经显示加购确认信息，并且你不希望抽屉与之冲突，请使用此选项。

<div id="opening-the-cart-programmatically">
  ## 以编程方式打开购物车
</div>

如果你禁用了此设置，但仍希望在特定条件下打开购物车，可以使用公共 API 在添加商品时触发它：

```javascript theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
<script>
  window.upcartSubscribeAddedToCart(function(event) {
    window.upcartOpenCart();
  });
</script>
```

将此代码放在 Cart Editor > Settings > Custom HTML > Scripts (Before Load) 中。此示例会在添加商品时打开购物车。你可以根据希望购物车打开的时机，将 upcartSubscribeAddedToCart 替换为任何其他订阅事件。

<div id="best-practice">
  ## 最佳实践
</div>

建议大多数商店保持此设置启用。加购时打开 cart drawer 是在购买意愿最高的时刻展示 upsell、奖励进度和 checkout 按钮的最有效方式之一。