自动折扣折后价展示——进购物车前就让客户看到优惠

01 · 业务背景

Travel-gear brand — Shopify · Consumer accessories. 范围与背景按与客户约定。

02 · 挑战

Shopify 自动折扣只在购物车与结账环节生效——产品卡与 PDP 仍显示原价，客户看不到优惠。方案需要在产品卡、PDP 与 Quick Add 上展示折后价与划线原价，支持 Variant 级、实时更新，且集合页不做逐商品接口请求。

03 · 架构

App 后台白名单选择参与前端展示的自动折扣；同步管线读取有效折扣、展开到 Variant 维度、生成版本化快照写入 Variant Metafield，再切换 active_version 供主题读取。真实成交仍由 Shopify 原生自动折扣在购物车/结账生效——Metafield 只负责展示，不会重复打折。

04 · 实施

• 开发 App 白名单，含折扣支持性校验与影响 Variant 数评估
• 设计同步管线：读取 → 过滤 → Variant 展开 → 快照 → Diff → 分批写入 Metafield → 版本切换
• Webhook 只触发不直接写入，配店铺级同步锁、重试与异常提醒
• 主题端展示：产品卡 / 集合页 / PDP / Quick Add 折后价 + 划线原价 + X% OFF，切换 Variant 实时更新
• 集合页零接口请求，通过版本化 Metafield 读取

05 · 关键决策

App 后台白名单选择参与前端展示的自动折扣；同步管线读取有效折扣、展开到 Variant 维度、生成版本化快照写入 Variant Metafield，再切换 active_version 供主题读取。真实成交仍由 Shopify 原生自动折扣在购物车/结账生效——Metafield 只负责展示，不会重复打折。 — 架构选择由业务约束驱动，而非偏好某个框架。

06 · 结果

07 · 技术栈