Allsumhome / ExBrite

实现方法

• 公开目录以镜柜、LED 浴室镜、淋浴门、浴室柜和浴缸为主类，由系列页承担尺寸与安装筛选，而不是把全部约束塞进搜索词。
• Predictive Search 在输入阶段返回商品与系列建议，让 medicine cabinet、LED mirror 这类词先落到正确范围。
• 产品页按当前商品上下文请求 Product Recommendations，补充同系列或安装相关商品，而不是另铺一套手工推荐位。

部署与验收

• 标准宽高、灯型、嵌入或明装作为可筛选字段维护，运营改尺寸时不必重做导航。
• 搜索保留加载与无结果状态；推荐异步出现，失败时不遮挡商品卡上的关键尺寸。
• 例外配送地区与可售尺寸一起校对，避免首页能点进、购物车却到达不了。

实现方法

• 相关标准尺寸收进同一 PDP：option.js 与 select.js 扩展原生选项，组合商品脚本把可履约宽高并到一张产品页，避免用户在多个 URL 之间比较。
• product-form.js 与 product-info.js 维护当前变体、价格和可售状态；选项变化写回同一商品表单，不另建第二套结算对象。
• media-gallery.js 与 product-modal.js 处理竖向镜柜和横向镜面媒体，切换变体时更新安装剖面和灯效，而不是只换主图。

部署与验收

• 宽高、门向和安装说明放在可运营字段，上新不必依赖完整 Liquid 结构暴露出来。
• 主题编辑器重载 section 后，画廊与表单监听重新挂接，避免选项切换失效或重复绑定。
• pubsub.js 作为事件总线，让主题购物车与应用层抽屉订阅同一行项目，定制选项状态也回到同一表单。

实现方法

• 目录层把直接加购和 Custom Service 分成两种结果：标准宽高绑定 Variant 并走主题商品表单；非标镜与门不进入可售变体。
• quick-add.js 与 cart-drawer.js 通过 Shopify Ajax Cart 提交标准商品，返回的 cart JSON 作为数量、行项目和购物车加价的唯一状态。
• 询价所用的尺寸单位、图纸要求和交期按美国市场单独维护，不写进零售变体文案，避免被读成现货 SKU。

部署与验收

• 安装覆盖、运费例外和定制交期作为可编辑政策，随变体或路径切换，而不是写死在主题里。
• 主题 cart-drawer 与购物车加价层共用同一行项目；推荐和加价异步加载，失败时不打断主加购。
• 自提查询和日期选择只作为标准交易旁的履约提示，不替代报价，也不另开一套商品模型。