TOPOAK

实现方法

• 车型适配与安装说明绑定可运营编辑的产品字段，不写进商品表单脚本。
• 车型问答由应用扩展承接，停在主题内核之外，避免把问卷逻辑编进 product-form.js。
• 系列把帐篷与配件分流；遮阳篷、安装件是兼容商品，而不是帐篷选项值。

部署与验收

• 产品页 section 重载后通过 Shopify section events 重新绑定适配相关模块，避免主题编辑器预览失效。
• 帐篷结构规格跨市场共享；可售型号、预售文案和货运限制按目的地编辑，不改动商品表单脚本。

实现方法

• product-form.js 与 product-info.js 处理表单和变体信息，media-gallery.js 与 product-modal.js 管理帐篷媒体，pubsub.js 在组件间同步同一次选择。
• 颜色或配置作为变体；载重、人数和尺寸保留为产品字段，不做成选项值。
• pagefly-product-media.js 只扩展媒体布局，不替换主题媒体内核。

部署与验收

• 桌面端并列实车摄影与购买栏；移动端用 details-disclosure.js 收纳安装步骤，避免一屏塞满说明书。
• 主题编辑器重载 section 时按 Shopify section events 重挂媒体与表单监听。
• 缺货、预售和加购成功使用独立状态；cart-notification.js 的回显不得盖住载重与退换说明。

实现方法

• 系列分开维护帐篷与配件，变体只承担颜色或配置。
• 产品页按当前帐篷上下文调用 Product Recommendations API，补出相关装备。
• 套装加购留在应用扩展 revy-bundle.min.js；主题内核通过 Ajax Cart 提交 add、change、update 与 clear。
• 加购结果由 cart-notification.js 回显，公开主题没有抽屉购物车资产。

部署与验收

• 推荐区异步加载，接口失败时不阻塞主机价格和购买表单。
• Open Box 与新品保持独立库存状态，预售文案按运营配置，不改写商品表单。
• localization-form.js 切换地区，pickup-availability.js 查询本地取货；大件运费和退换按目的地维护。