Flower Knows 花知晓

实现方法

• 主导航同时保留主题系列入口和眼、唇、腮红、礼盒等功能入口，避免故事名盖住基础品类。
• 系列页把大画幅主视觉与商品网格分开：前者承接世界观，后者和快速预览负责把人送到具体 SKU。
• Predictive Search 在输入阶段同时给出系列与商品建议，让不熟悉主题名的用户仍能按妆效或单品名进入。

部署与验收

• 彩妆主题页用 JSON template 组合主视觉、商品与礼赠 section，新系列可单独替换画面和集合内容。
• 桌面保留宽幅插画；移动端裁切复杂宫廷纹样，而不是整幅缩小，搜索和品类入口保持高对比。
• 主题编辑器或 Section Rendering 重载后，重新挂接搜索与快速预览，避免系列页浏览失效。

实现方法

• 可售色号进入 product 与 variant，不把每个颜色做成无法切换的独立故事页。
• color-swatches.js 更新色号状态；media-gallery.js、product-thumbnails.js 与 product-modal.js 只跟随这一选择刷新媒体。
• 商品表单提交当前 variant，使画廊里的色号与真正加入购物车的 SKU 保持一致。

部署与验收

• section 重载后必须重新绑定色号与画廊，避免礼盒内单品图和选中色号错位。
• 灯箱、快速预览和购物车抽屉不得挡住色号条；移动端色号条保持在可操作位置。
• 礼盒媒体用于核对内含单品，不把盒内构成写进彩妆色号选项。

实现方法

• Knight Unicorn 等礼盒与礼品卡作为独立商品维护，色号只存在于彩妆单品的 variant。
• 单品通过关联进入套装，而不是再增加一层 option value。
• 加购走 Shopify Ajax Cart；cart-recommendations.js 按当前商品上下文刷新抽屉里的相关单品。

部署与验收

• 礼品卡面额不写入彩妆色号矩阵，运营可单独上下架面额。
• geo-blocked.js 在店面边缘处理地区访问，不进入商品表单或色号逻辑。
• 礼赠文案、公告条和政策模块可单独更新，新系列礼盒替换内容时不必改加购请求。