Shopify 知识库 · 指南
Shopify 标准商品页配方
从 product template type 出发，围绕当前商品完成判断与购买，确定媒体、购买区、规格、评价与相关商品的组合、删除条件和 Shopify Theme 实现。
标准商品页的任务是让顾客围绕当前这件商品完成判断与购买：它是什么、是否符合我的需求、选哪个变体、多少钱、多久到、买错怎么办。顾客进入时通常已知道商品名称或来自集合、搜索、广告的承诺。它属于 product template type，入口见 Shopify Product 商品页配方索引。
页面内容清单
商品页的信息来自两类来源，不要混写。
商品资源与平台状态（运行时数据，不复制为静态文案）
| 优先级 | 数据 | 回答的问题 | 来源边界 |
|---|---|---|---|
| 核心 | 商品标题、媒体、描述 | 这是什么、长什么样 | 商品资源；描述可引用商品概述 |
| 核心 | 选项、变体与价格 | 有哪些配置、多少钱 | 变体资源，购买动作落在单个变体 |
| 核心 | 可售状态与库存 | 现在能不能买 | 平台状态，随变体变化 |
| 可选 | 销售计划 | 有没有订阅或预购选项 | 平台状态，见预售与订阅商品页 |
| 可选 | 单位价、数量规则 | 按什么单位计价、能买几件 | 变体资源 |
可复用编辑内容（引用内容类型，不复制其证据规则）
| 优先级 | 内容 | 回答的问题 | 来源边界 |
|---|---|---|---|
| 核心 | 商品概述与规格 | 适合谁、参数是什么 | 商品团队资料，规格按变体核对 |
| 核心 | 配送与保证摘要 | 多久到、能不能退 | 摘要必须链接到正式条款且与结账一致 |
| 可选 | 使用场景与视频 | 实际怎么用 | 有真实素材与授权 |
| 可选 | 包装清单 | 盒子里有什么、什么另售 | 与实际包装一致 |
| 可选 | 用户评价 | 买过的人怎么说 | 自有评价数据，见评价展示模块 |
| 可选 | FAQ | 购买前常见疑问 | 只取与当前商品有关的子集 |
| 可选 | 相关商品 | 还可以配什么、有无替代 | 关系与依据可解释 |
| 可选 | 邮件订阅、关注入口 | 之后怎样保持联系 | 有明确价值与同意流程 |
页面组合
下表是 WooDawn 的编辑顺序，顺序是待验证假设；桌面端常把媒体与购买区并排，此处按阅读顺序排列。
| 序 | 模块 | 回答的问题 | 缺失时 |
|---|---|---|---|
| 1 | 媒体：变体媒体、Media Gallery | 当前选择实际什么样 | 只有一张图退化为单图；无媒体时不放占位图，靠文字与规格支撑 |
| 2 | 购买区 | 选哪个变体、价格与购买动作 | 不可删除；单变体商品隐藏选项控件 |
| 3 | 概述与规格：商品概述、规格，可用Accordion或Table | 是否符合我的需求 | 无规格数据时只留概述，不放空表 |
| 4 | 使用场景与视频 | 在真实场景里怎么用 | 无授权素材就删除，不用装饰图冒充 |
| 5 | 包装清单 | 买到什么 | 无可确认清单则删除 |
| 6 | 配送与保证摘要 | 多久到、买错怎么办 | 不可删除摘要，缺资料时先补正式条款；可折叠但不能只藏在浮层 |
| 7 | 评价展示 | 买过的人怎么说 | 零评价时不显示空星与 0 分，改写入口或删除 |
| 8 | 交叉销售与追加购买 | 还可以配什么 | 无经确认的关系就删除，不用“热门商品”凑数 |
| 9 | 订阅获取、关注入口 | 之后怎样保持联系 | 没有真实运营就删除 |
最小成立组合：媒体 → 购买区 → 概述与规格 → 配送与保证摘要。商品简单、评价尚未积累时，这四段已经能完成购买。
常见扩展：
- 证据条：证据条只用当前商品层的评分与适用于该商品的认证，放在标题与价格附近，不放品牌层评分冒充商品评分；无商品层证据则删除。
- FAQ：购买前反复出现的问题才放，不复制安装与售后全文；购后入口见产品支持导航。
- 库存与到货通知：由库存状态与到货通知按变体表达，紧邻购买区，不在页面末尾另设一套。
不应默认出现：与购买区叠加的订阅弹窗；倒计时与“仅剩 N 件”这类稀缺提示（必须来自真实库存规则，见库存模块）；不含真实变体数据的“立即购买”入口；用户生成内容墙（无授权与来源时）。
内容 × 展现形式
| 内容 | 首选形式 | 适用条件 | 退化方式 |
|---|---|---|---|
| 媒体 | Media Gallery | 多张图或含视频、3D | 单图 |
| 概述 | Single Column 或 Split | 有几句明确的适用说明 | 描述文字 |
| 规格 | Table 或 Accordion | 行列共享同一维度 | 带标签的静态列表 |
| 使用场景与视频 | Media Cards 或内嵌视频 | 素材真实有授权 | 删除 |
| 评价 | 汇总加 List，多时用 Tabs 或 Drawer | 有足够评价 | 一句汇总加写评价入口 |
| 相关商品 | Carousel 或 Grid | 三项以上 | 一到两项静态卡片 |
状态与退化
- 变体数：零个选项（仅默认变体）时不出现选项控件；多变体时媒体、价格、库存、按钮必须指向同一变体。
- 不可用：当前变体售罄时保留页面与规格，购买区改为售罄说明与通知入口；商品已停售时不显示购买与通知入口，也不保留与之相连的促销承诺。
- 跨市场：价格、可售状态、配送与保证摘要随买家市场变化；不显示另一个市场的信息。
- 加载与错误：变体切换时价格与按钮同步进入更新状态，错误留在购买区，契约见购买区模块，本页不复述。
- 零评价、无关系：这些模块整段删除，不留空容器。
Shopify Theme 实现
| 层次 | 建议职责 |
|---|---|
| 资源 | Product 与 Variant 保存媒体、选项、价格、库存与销售计划；概述、规格等按内容类型的权威来源维护 |
| Template | 默认 product.json 即可成立；只有稳定不同的组成才考虑 alternate，见索引 |
| Main Section | 官方只要求模板或其 Section 包含 product 对象与商品表单；main-product 等命名属所选主题做法 |
| Sections | 媒体、购买区、详情、评价、推荐等按模块分成可排序单元；单个 JSON 模板最多 25 个 Section |
| Blocks | 单个规格组、场景项、问答项；每个 Section 最多 50 个 Block |
| Settings | 布局与内容选择；不开放会让页面绕过事实有效期的开关 |
推荐区：Shopify 官方推荐页写明，相关商品（related）由 Shopify 自动生成，搭配商品（complementary）需在 Search & Discovery 应用中手动配置；JSON 模板页的示例同时渲染 product 与 product-recommendations 两个 Section。推荐结果可能为空，页面必须能删除该段。
具体主题实现只链接已核验的固定版本正文：Dawn 购买区、Dawn 商品媒体、Dawn 推荐、Horizon 商品页、Horizon 变体选择。吸底购买条是另一处购买区消费者，见Sticky Bar与 Horizon 吸底加购与库存。
发布检查
- 移除图片与视频后，标题、价格、规格与购买条件仍能支撑决定；
- 逐个切换变体，媒体、价格、库存与加购变体一致；吸底条与快速购买同步；
- 每个模块的删除条件已判断，没有空评价、空关系、空规格；
- 配送与保证摘要与结账及正式条款一致；
- 评分、认证与稀缺提示都有来源，且属于商品层；
- 更换市场与币种、售罄、单变体、无 JavaScript 各走一遍。
待继续完善
- 页面顺序与模块取舍未经真实店铺的观察验证；
- 缺少有虚构数据的完整页面样稿；
- 未核验 alternate 商品模板在批量分配、搜索引擎与分析上的影响。