Gleecycle

实现方法

• 用 Shopify 商品、变体和系列同时承接品牌与骑行场景，城市、越野、载货不必各做一套页面类型。
• 功率、扭矩、电池、续航、传感器和车架进入可筛选、可比较的字段；颜色和可售配置留在变体，避免把选型条件写进无法过滤的描述。
• predictive-search.js 调用 Predictive Search API，输入阶段同时给出商品和系列建议，先把人送进正确的车型范围。

部署与验收

• 筛选、产品卡和搜索读取同一套字段，新品牌上架时主要维护商品数据，而不是复制浏览页。
• 高 SKU 集合按模板、section 和 block 维护；搜索保留加载与无结果状态，品牌增加时不必重做信息架构。

实现方法

• 产品卡和产品页共用规格图标、价格层级和可售状态，骑行摄影只承担品牌差异，不另起一套参数语法。
• variant-picker.js 广播当前配置，product-price.js、product-inventory.js、product-form.js 和粘性购买条订阅同一选择，避免出现图已换、价未换。
• media-gallery.js、photoswipe-gallery.js、photoswipe-wrapper.js、fslightbox.js 与 drag-zoom-wrapper.js 把户外大图放进可关闭的放大层，规格簇始终有明确退回路径。
• accordion-custom.js 和 show-more.js 折叠长规格，让电机、续航、传感器和库存能在紧凑首屏里被读到。

部署与验收

• sticky-cart-bar.js 只回显当前变体、价格和主操作，不另做一套选项器，避免与原购买栏抢主按钮。
• 主题编辑器触发 Shopify section events 后，变体、画廊和购买模块重新绑定，规格区和价格不会停在过期选择上。
• 信任标识放在购买控件旁，但不挤占尺码、续航等决定能否骑的数字。

实现方法

• localization.js 和页头地区入口负责市场切换；variant-picker.js 只消费当前目录里的可售配置，不内置目的地文案。
• 本地仓、配送和质保放在可编辑内容区块，功率与速度用语按目的地维护，核心规格字段跨语言复用。
• product-recommendations.js 按当前车型调用 Product Recommendations API 补配件；加购经 product-form.js 提交，cart-drawer.js 以 Cart Ajax 返回的购物车更新行项目、数量和优惠。

部署与验收

• 分期提示作为店面可配置集成出现在购买区附近，不写进变体选择逻辑。
• 抽屉内数量修改和优惠继续走 Cart Ajax 的 change / update，推荐区失败时不挡住主体商品和结账入口。