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 + customCustom only 模式下可用。

三个选择器

如何查找选择器

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