Fabrique

实现方法

• 集合承担设计师与场合分流，商品卡把设计师署名、标题、价格和尺码状态放进同一层级，而不是把设计师藏进悬停说明。
• Predictive Search 在输入阶段同时返回商品与系列建议，先把人送进正确的设计师或品类范围。
• 首页专题和集合商品轨共用可滑动的卡片阅读方式，使编辑大片与可购清单连在同一浏览节奏里。

部署与验收

• 专题导航、公告条和集合可以分开更新，新季上新不必改写成衣页脚本。
• 搜索保留加载与无结果状态，避免空查询打断编辑浏览。

实现方法

• 尺码与颜色进入 variant，由 product-variants.js 广播当前可售状态；搭配单品不写进选项值，避免 SKU 矩阵被造型关系撑破。
• 成衣画廊、桌面独立查看器和 PhotoSwipe 灯箱分开承担浏览与放大，让核对织纹不必离开尺码选择。
• 购买表单始终提交当前变体，缺货尺码给出可区分反馈，而不是让主按钮处于含糊的不可用状态。

部署与验收

• 成衣页按 JSON template 拆出画廊、尺码和搭配 section，设计师说明与面料模块可独立编辑。
• Section Rendering API 重绘或主题编辑器重载后，重新绑定变体、灯箱和抽屉，避免织纹查看和尺码状态脱节。
• 移动端裁切编辑大片，并保证尺码选择保持可点，不被画廊手势抢走。

实现方法

• 当前商品上下文调用 Product Recommendations，把 Style With 做成关联商品，而不是额外的 option。
• quick-cart-drawer.js 与 cart.js 通过 Cart Ajax 的 add、change、update 维护行项目，服务器返回的购物车作为抽屉唯一状态。
• 加入成衣后，抽屉内再刷新相关建议，让搭配和加购发生在同一操作流里。

部署与验收

• 推荐异步加载，接口失败时不挡住价格、尺码和购买按钮。
• 抽屉打开时锁住背景滚动，避免长画廊页在抽屉下方继续滑动。
• 局部重绘后重新挂接抽屉与变体监听，防止加购对象和页面展示不一致。