Skip to main content
除了样式之外，购物车还有一些行为设置，控制它与你店面的交互方式——抽屉何时打开，以及 Aftersell 让哪些主题元素与购物车保持同步。

​
在哪里找到这些设置

在购物车编辑器中，打开 Cart settings（购物车设置）。以下选项分组在 Behavior（行为）和 Custom selector（自定义选择器）下。

​
添加商品时打开购物车

Open cart when an item is added（添加商品时打开购物车）控制每次顾客添加产品时抽屉是否自动弹出。默认开启。如果你希望购物车保持关闭状态、直到顾客自己打开，请将其关闭。

​
主题选择器

Aftersell 通过 CSS 选择器与你的店面对接——例如，识别哪个元素用于打开购物车，或需要保持同步的购物车图标数量。内置检测涵盖了最流行的 Shopify 主题（Dawn、Sense、Crave、Debut、Impulse、Horizon 等），因此大多数商店从不需要修改这些设置。只有当你的主题上某些功能未正确对接时，才需要调整选择器。

​
选择器模式

每个选择器都提供相同的三种模式： 选择器输入框仅在 Default + custom 和 Custom only 模式下可用。

​
三个选择器

​
如何查找选择器

  1. 在浏览器中打开你的店面（推荐使用 Chrome）。
  2. 右键点击你想定位的元素——购物车图标、数量数字或加入购物车按钮——然后选择 检查。
  3. 在打开的面板中，找到代表该元素的节点（数量通常是购物车图标内的一个 span）。
  4. 记下它的类名（以 . 开头）或 ID（以 # 开头）——例如 .header__cart-count span 或 #CartCount。
  5. 回到 Cart settings，将选择器设置为 Default + custom 或 Custom only 并粘贴。
  6. 保存，然后在桌面端和移动端都进行测试。
从 Default 开始——它对大多数主题无需任何设置即可工作。当多个图标中只有一个更新时（比如桌面端正常但移动端不行），使用 Default + custom；当默认检测定位到错误元素时，使用 Custom only。如果你不确定使用哪个选择器，你的主题开发者可以指出来——你不需要编写任何代码，只需复制粘贴即可。