Shopify加购商品后不刷新页面无法显示购物车新增商品问题咨询

• 1. 修正购物车元素选择器配置
     你当前使用的ajaxify脚本默认配置的购物车计数、总价元素选择器和你站点主题的实际元素不匹配，这是触发该问题最常见的原因。
     操作步骤：打开你的站点，按F12调出开发者工具，用元素选择器定位到页面顶部/导航栏显示购物车商品数量的元素，复制该元素的类名或ID，替换脚本_config配置中的cartCountSelector值；同理定位到购物车总价的元素，替换cartTotalSelector的值。
• 2. 兼容高版本Shopify主题的购物车状态同步
     如果你使用的是Shopify 2.0及以上版本的主题（如Dawn系列），主题内置的购物车组件有独立的状态管理，仅修改DOM文本不会触发组件更新。你需要在脚本中$.getJSON(_config.shopifyAjaxCartURL, function(cart) {...})回调函数的末尾，添加以下代码同步状态：

  // 触发主题购物车更新事件
  document.dispatchEvent(new CustomEvent('cart:updated', {
    detail: { cart: cart }
  }));
  

• 3. 确认jQuery依赖正常加载
     该脚本依赖jQuery运行，请确认你的主题在引入该脚本之前，已经完成了jQuery库的加载，否则脚本不会执行。
• 额外优化提示
  你当前使用的加购表单固定取商品第一个变体的ID，如果商品存在多个规格（如不同尺寸、颜色），会导致无论用户选什么规格都加购默认第一个变体，建议补充变体选择控件再提交表单。

内容的提问来源于stack exchange，提问作者Rasmus Kjeldsen