概述
开始前的重要步骤！
1. 使用 Chrome 开发者工具
- 在店面上右键点击购物车图标，然后在 Google Chrome 中选择 Inspect。
- 找到购物车图标的 HTML 元素（例如
<span class="cart-count-bubble">）。 - **需要帮助使用 Chrome 开发者工具？**查看这份指南获取分步说明。
2. 寻求帮助（可选）
- **联系你的主题开发者：**他们最了解你的主题，可以帮你找到正确的类名。
- **聘请 Shopify Expert：**如果你需要额外支持，Shopify 提供了值得信赖的专家目录。在此查找 Shopify Expert。
🚧 自定义代码免责声明
.cart-count-bubble > span）替换为你购物车图标的具体类名。
分步修复
步骤 1：在 Upcart 中添加自定义代码
- 前往 Upcart Editor > Settings，然后打开 Custom HTML 标签页（如果标签行放不下，它位于 More settings 之下）。
- 将位置设置为 Scripts (Before Load)。
- 在此粘贴你编辑好的代码（下文将为每个级别提供示例）。
步骤 2：按级别应用修复
级别 1（基础）
.cart-count-bubble > span）。
别忘了
- 将
.cart-count-bubble > span替换为你的购物车图标类名。 - 添加代码后在店面上测试。
级别 1 示例代码
旧版说明：
window.upcartOnCartLoaded 回调仍然可用，但已弃用并会在控制台记录警告。所有新脚本请使用 upcartSubscribeCartLoaded。请注意，event.cart 没有 item_count 属性，请使用 event.cart.items.reduce((total, item) => total + item.quantity, 0) 来计算商品总数。级别 2（中等）
- 将
#cart-icon-bubble-custom替换为你主题的购物车图标外层选择器。 - 保存后进行测试。
级别 2 示例代码
旧版说明：
window.upcartOnCartLoaded 回调仍然可用，但已弃用并会在控制台记录警告。所有新脚本请使用 upcartSubscribeCartLoaded。请注意，event.cart 没有 item_count 属性——上面的脚本使用 event.cart.items.reduce((total, item) => total + item.quantity, 0) 计算总数，并将其作为 itemCount 传入。旧版代码片段若插入 cart.item_count，会抛出 ReferenceError 并在无任何提示的情况下无法更新图标。级别 3（高级）
- 将
#cart-icon-bubble-custom-desktop和#cart-icon-bubble-custom-mobile替换为你主题的类名。 - 在桌面端和移动端视图上进行全面测试。
级别 3 示例代码
旧版说明：
window.upcartOnCartLoaded 回调仍然可用，但已弃用并会在控制台记录警告。所有新脚本请使用 upcartSubscribeCartLoaded。请注意，event.cart 没有 item_count 属性——上面的脚本使用 event.cart.items.reduce((total, item) => total + item.quantity, 0) 计算总数，并将其作为 itemCount 传入。旧版代码片段若插入 cart.item_count，会抛出 ReferenceError 并在无任何提示的情况下无法更新图标。仍然不起作用？
- 联系你的主题开发者寻求帮助。
- 聘请 Shopify Expert，为你的商店打造量身定制的解决方案。