Nature’s Generator

实现方法

• 太阳能板、风机和扩展电池保持独立商品，通过兼容关系出现在主机页，不进入主机变体矩阵。
• solar-panels-compatible.js 在产品页展示可匹配板件，并区分可选、不可用和缺货。
• 系统成交价仍落在各商品与变体上；容量、端口和兼容清单交给可运营编辑的字段。
• 相关组件通过 Product Recommendations 按当前主机上下文补充，而不是手工堆一批固定推荐位。

部署与验收

• 兼容清单走主题设置，运营调整可配板件时不必改脚本。
• 主机变体切换后同步兼容板清单与价格，避免配置已变、板件还停留在上一套。
• 主题编辑器重载 section 后重新挂接兼容模块，预览里不会丢掉选中和禁用状态。

实现方法

• product-form.js 与 product-info.js 接管商品表单和变体信息，购买对象始终是当前主机变体。
• media-gallery.js 管理主机媒体，系统图和住宅场景与购买栏共用同一商品上下文。
• 加购交给 cart-drawer.js / cart.js 处理，页面展示与购物车行项目指向同一商品。

部署与验收

• 长技术布局由 Pagefly 产品页资源扩展，主题仍保留可提交的商品表单，两者协同而不是互相覆盖。
• Shopify section 重载后按 section events 重新绑定表单、媒体和购物车模块，避免编辑器里监听重复或失效。
• 桌面端并列系统图与购买栏；移动端折叠长参数，避免购物车抽屉盖住端口说明。
• 融资信息让位于主加购操作，并为减弱动效保留可读路径。

实现方法

• Predictive Search 在输入阶段返回商品与系列建议，先把用户从整屋主机、便携设备或板件中分开。
• 产品页按当前主机调用 Product Recommendations，补出可匹配的太阳能板和相关组件。
• 列表中的标准件走 quick-add.js；复杂套装仍回到产品页核对兼容后再加购。

部署与验收

• Ajax Cart 的 add / change / update 以服务器返回的购物车为准，抽屉同时反映主机和组件行项目。
• 搜索保留加载与无结果状态；推荐区异步出现，失败时不挡住主机价格和购买按钮。