Shopify 知识库 · 指南
Shopify Size Guide 页面配方
从 page template type 出发,组织测量方法、尺码数据、适用商品和 Theme 页面实现。
Size Guide 的任务是让顾客完成测量、找到适用表格并作出尺码选择。它属于 page template type;一个简短通用指南可使用 page.json,稳定包含导航、测量步骤和多组数据时才考虑 page.size-guide.json。
页面内容清单
| 优先级 | 页面内容 | 回答的问题 | 来源边界 |
|---|---|---|---|
| 核心 | 适用商品与版型 | 这份指南适用于什么 | 商品和款式资料 |
| 核心 | 测量方法 | 应测哪里、怎样测 | 经商品团队确认的方法 |
| 核心 | 尺码数据与单位 | 测量值对应哪个尺码 | 当前产品规格 |
| 核心 | 版型或选择提示 | 介于尺码之间怎样判断 | 已验证的产品建议 |
| 可选 | 示意媒体 | 测量位置如何识别 | 准确且有替代说明的图像或视频 |
| 可选 | 常见问题 | 哪些判断容易出错 | 当前指南的 FAQ 子集 |
| 可选 | 联系入口 | 数据仍不足时怎样求助 | 真实可用的联系渠道 |
不同商品、市场或版型的数据不能在没有清楚标签时混用。单位换算也不能替代原始数据核验。
内容 × 展现形式
| 内容 | 首选形式 | 适用条件 | 退化方式 |
|---|---|---|---|
| 适用范围 | Intro + Selector | 存在多组明确指南 | 按商品分组的链接列表 |
| 测量方法 | Ordered Steps + Illustration | 媒体能准确标示位置 | 有序文字步骤 |
| 尺码数据 | Comparison Table | 行列共享同一维度 | 每个尺码的分组卡片 |
| 版型提示 | Callout | 会直接改变选择 | 紧邻相应数据的正文 |
| 常见问题 | Accordion | 仅用于补充判断 | 静态问答列表 |
推荐顺序是:
适用范围 × Intro → 测量方法 × Illustrated Steps → 尺码数据 × Table → 版型提示 × Callout → 求助入口 × CTA
如果只有一组简单数据,删除 Selector 和 Tabs;在商品页使用时,应直接选中当前商品的对应指南。
Shopify Theme 实现
| 层次 | 建议职责 |
|---|---|
| 资源 | Page 保存通用说明;商品专属数据与适用关系保留在可维护的商品内容来源 |
| Template | 默认 page.json 或稳定的 page.size-guide.json |
| Main Section | 输出标题、范围和 Page 正文 |
| Sections | 商品/指南选择、测量步骤、尺码数据和求助入口 |
| Blocks | 单个步骤、尺码行或提示项 |
| Settings | 选择数据来源、单位显示和必要布局;不手工复制多份规格事实 |
若同一尺码指南还会从商品页打开,应复用数据和渲染片段,不在 Page 与商品 Section 中分别维护表格。
发布检查
- 每组数据明确标出适用商品、版型、市场和单位;
- 窄屏下表格或替代卡片可完整阅读;
- 图像缺失时,文字步骤仍能完成测量;
- 当前商品不会打开不适用的指南;
- 无法判断时提供真实求助路径,不给出未经验证的通用建议。