Roborock Australia

实现方法

• 商品 JSON 与当前 URL 选项只在初始化层解析一次，得到页面唯一有效的 variant ID。
• 主图、缩略图、价格、库存和购买表单订阅同一状态变化，各组件不再重复判断用户选中了什么。
• Shopify Ajax Cart 始终接收这一 variant ID，使页面展示与真正加入购物车的商品保持一致。

部署与验收

• 按 Online Store 2.0 section 拆分媒体区、购买栏和规格内容，同时共享变体状态源。
• 主题编辑器重新加载 section 时只重挂当前模块，避免事件监听重复注册。
• 保留 Shopify 原生商品表单，脚本或接口异常时仍有可完成购买的降级路径。

实现方法

• 粘性购买栏继续订阅产品页的变体状态，只保留当前型号、价格和主操作，不重新计算选项。
• 加购通过 Shopify Ajax Cart 提交，并在请求期间锁定重复点击，分别处理成功、库存与网络错误。
• 服务器返回的 cart JSON 作为唯一购物车状态，再同步到抽屉、数量和行项目。

部署与验收

• 仅在原购买栏离开视口后出现，返回原购买区域时自动退出，避免出现两个竞争性的主按钮。
• 移动端预留浏览器安全区与内容空间，购买栏不遮挡正文、聊天入口或系统手势区域。
• 数量修改和删除继续调用 Cart Ajax，并把最终服务器状态回写到所有购买入口。

实现方法

• Predictive Search 在输入阶段返回商品与系列建议，先帮助用户进入正确产品范围。
• 比较模块保存待比较型号，并把基站、拖地、避障等同一组规格字段按列对齐。
• PDP 与购物车根据当前商品上下文调用 Product Recommendations，补充兼容耗材与相关产品。

部署与验收

• 系列、设备类型、核心规格与兼容耗材先建成一套可复用字段，供搜索、比较和推荐共同读取。
• 比较数量设置上限，移动端保留横向阅读；搜索同时设计加载、无结果与键盘操作状态。
• 推荐区异步加载，接口失败时不阻塞商品主体、价格和购买操作。