Shopify Plus
SuperSuite Body — 原生加购与 FBT 模块
在 Shopify Plus 上，将 13 个 PDP 和 3 条香水线的 Shop at Ulta 跳转替换为原生加购流程，新增香气标签变体选择器和支持多行加购的 Frequently Bought Together 模块。
访问网站 ↗§01 · 概述
技术栈
- Shopify Plus
- Liquid
- Storefront API
- Theme App Extension
- JavaScript
- HTML/CSS
角色
- Shopify 全栈开发
- PDP 优化
- Theme App Extension
时间线
- April 2026
客户
- Tru Fragrance + Beauty
范围
- 将 13 个 PDP 和 3 条香水线的 Shop at Ulta 跳转替换为原生加购流程
- 在同一 PDP 内用香气标签映射尺寸和浓度的变体选择器
- 由自研 theme app extension 支持的 Frequently Bought Together 模块
- FBT 模块支持一键加购多行
- 保留现有主题，所有改动均为增量
§02 · 详情
SuperSuite Body 是 Tru Fragrance + Beauty 旗下的香水线，在自有的 Shopify Plus 店铺销售。任务是对一家在线店铺进行 PDP 现代化改造。团队希望将转化捕获保留在自有平台上，而不是将流量转向 Ulta，同时增加一个能真正带动销量的 Frequently Bought Together 模块。
我将 13 个 PDP 和 3 条香水线上的 Shop at Ulta 跳转替换为原生加购流程。变体选择器重新设计为香气标签，可以在同一 PDP 内清晰地映射到尺寸和浓度，让客户无需离开页面即可比较选项。
Frequently Bought Together 模块由一个小型 theme app extension 支持，可以显示 FBT 数据，并允许客户在一次点击中添加多行到购物车。所有改动都基于现有主题，纯增量。没有对在线店铺造成任何中断，没有重建，没有迁移。只在关键 PDP 上提供清晰的转化路径。