TOBIRA STORE

实现方法

• 品牌墙与外套、上装、下装、裙装、配饰、香水等跨品牌集合共用同一类系列模板，每个设计师不必单独做列表页。
• Predictive Search 在输入时同时返回商品和系列建议，先把人落到正确品牌或品类。
• 限量和折扣用独立集合分流，不靠改写商品标题来表达稀缺或促销。
• 商品页按当前上下文请求 Product Recommendations，把目录里相邻的设计师单品接回发现路径。

部署与验收

• 导航、品牌模块和推荐位做成可重排的 section 与 block；主题编辑器重载时按官方 section 生命周期重新挂载，避免画廊和表单失联。
• 品牌介绍和 Journal 从单件商品中抽离，商品页引用品牌，而不是每个 SKU 再写一遍故事。

实现方法

• 中性黑白框架只承载品牌名排版和产品摄影，折扣状态保持克制，让各设计师的素材保留自己的拍摄方式。
• media-gallery.js 与 product-modal.js 负责主图切换和放大层，画廊区分成衣平铺、面料特写和配饰静物的比例。
• 尺码选择器、库存提示和价格给出选中与不可售的明确状态，而不是只改标签颜色。

部署与验收

• 成衣与物件共用商品模板；尺码和颜色进入 Shopify 变体，品牌、季节和材质说明作为可复用对象引用。
• 移动端品牌列表保持可滚动分组，焦点从品牌进入商品。
• 分享和放大层提供可见关闭控件，关闭后释放页面滚动。

实现方法

• product-form.js 与 product-info.js 共享变体状态，选项变化同时更新价格、库存和加购按钮；pubsub.js 在表单、画廊和购物车之间传递事件。
• 加购走 Ajax Cart 的 add、change、update，cart-drawer.js、cart.js 与 cart-notification.js 以服务器返回的购物车数据回显。
• 地区切换后刷新的是当前变体的价格、可售尺码和配送文案，提交加购的仍是这一变体。

部署与验收

• localization-form.js 与地区切换控件把目的地做成一等操作，而不是只替换货币符号。
• pickup-availability.js 按地点查询自提；门店与配送说明作为可编辑内容，不写死在购买表单旁。
• 促销模块和推荐区可以异步存在，失败时不阻断价格、库存和加购。