Shopify 知识库 · 指南
Shopify 尺码敏感商品页配方
从 product template type 出发,为服饰、鞋、可穿戴与需要兼容型号的商品组织尺码与适配指引、规格表、变体库存、退换摘要和评价中的尺码反馈,并划清与 Size Guide 页面的分工。
尺码敏感商品页的任务是让顾客在下单前判断“这件商品是否适合我的身体或我的设备”,并在选错时知道怎样处理。它适用于服饰、鞋、可穿戴,以及需要与已有型号、尺寸兼容的商品,属于 product template type,入口见 Shopify Product 商品页配方索引。其余组成沿用标准商品页,本文只写差异。
与 Size Guide 页面的分工
| 位置 | 放什么 | 原因 |
|---|---|---|
| 商品页 | 尺码与适配的入口、当前变体相关的摘要、尺码选项与库存、退换摘要 | 顾客要在选变体的同一处完成判断 |
| Size Guide 页面 或弹层 | 完整尺码表、测量方法、单位与版型说明 | 表格大、要跨商品复用,不应在商品页首屏展开 |
入口形态(Tabs、Modal、Drawer、指向页面的链接)与退化方式由尺码与适配指引模块规定,本文不复述。尺码数据只维护一份:商品页与指南页共用同一来源,不在两处各写一张表;两者冲突时以单件商品规格为准并修正指南。
页面内容清单
商品资源与平台状态
| 优先级 | 数据 | 回答的问题 | 来源边界 |
|---|---|---|---|
| 核心 | 尺码或型号选项、变体 | 有哪些可选 | 商品选项与变体;官方 Liquid 提供 options 与 variants |
| 核心 | 变体级库存与可售状态 | 我的尺码现在能不能买 | 平台状态,按变体,不用商品级“有货”代替 |
| 核心 | 价格 | 该尺码多少钱 | 变体资源 |
可复用编辑内容
| 优先级 | 内容 | 回答的问题 | 来源边界 |
|---|---|---|---|
| 核心 | 尺码与适配摘要 | 我大概选哪个、是否兼容 | 尺码与适配指引,规则须可解释 |
| 核心 | 规格(尺寸、公差、兼容说明) | 具体数值是多少 | 商品团队资料,按变体核对 |
| 核心 | 退换摘要 | 尺码不合怎么办 | 保证详情,链接正式条款,见退货与退款 |
| 可选 | 尺码反馈 | 别人穿着偏大还是偏小 | 评价或客服记录,须有来源、样本量与口径 |
| 可选 | FAQ | 介于两个尺码怎么选 | 与当前商品适配有关的子集 |
| 可选 | 联系入口 | 判断不了时找谁 | 客服渠道,带商品与变体信息 |
页面组合
顺序是待验证假设。
| 序 | 模块 | 回答的问题 | 缺失时 |
|---|---|---|---|
| 1 | 媒体:变体媒体 | 当前颜色或型号的样子与穿着效果 | 有测量或尺寸图则纳入;无则删除,不放无关图 |
| 2 | 购买区(含尺码选项) | 选哪个尺码,能不能买 | 不可删除;未选尺码时按钮说明“请选择尺码”,不默认选中 |
| 3 | 尺码与适配入口和摘要,紧接变体选择器 | 我该选哪个 | 无尺码数据时不显示入口,改为规格区的咨询入口 |
| 4 | 规格表:Table | 具体数值 | 只有一个通用尺寸时写成一行说明 |
| 5 | 退换摘要 | 选错怎么办 | 不可删除;无正式条款时先补条款 |
| 6 | 评价展示与尺码反馈 | 相似的人怎么说 | 反馈无来源或样本不足则不展示尺码反馈,评价本身按评价模块处理 |
| 7 | FAQ 与联系入口 | 判断不了怎么办 | 无真实客服渠道则删除联系入口 |
最小成立组合:媒体 → 购买区 → 尺码与适配摘要 → 退换摘要。数据齐全再加规格表与评价。
不应默认出现:无依据的“AI 智能推荐”与“X% 的人选这个尺码”;与当前变体无关的通用大表;只有一个通用尺寸却保留尺码推荐器;倒计时与真实库存规则之外的稀缺提示。
内容 × 展现形式
| 内容 | 首选形式 | 适用条件 | 退化方式 |
|---|---|---|---|
| 尺码入口 | 变体选择器旁的链接,展开为 Tabs、Modal 或 Drawer | 表格较大,需保持商品上下文 | 指向 Size Guide 页面的链接 |
| 摘要 | 一两句加表格行 | 规则可解释 | 只保留测量方法与表格 |
| 规格 | Table | 行列共享维度 | 每个尺码的分组卡片,小屏退化见 Table 页 |
| 尺码反馈 | 汇总加评价筛选 | 评价数据含相应字段 | 不展示 |
| 退换摘要 | 折叠面板或一行摘要 | 已链接正式条款 | 一行加链接 |
评价筛选只能使用数据实际拥有的字段:评价展示写明,变体筛选仅在评价记录含变体字段时成立,且不为凑维度提供没有数据的筛选。评价应用是否提供尺码偏好字段未核验。
状态与退化
- 变体数:只有一个尺码或通用尺寸时,不做推荐界面,直接写尺寸与适用条件;多尺码时表格与摘要随当前变体与颜色变化。
- 不可用:推荐或选择的尺码售罄时,说明该尺码不可售并给出通知入口,见库存状态与到货通知,不悄悄改推另一个尺码。
- 兼容检查:只有兼容、不兼容、未知三态;缺数据只能是“未知”并给出咨询入口。
- 跨市场:尺码体系、单位与可售尺码随市场切换,无该市场数据时不显示别处的表。
- 加载失败:购买区保持可用,尺码入口退化为指向指南页的链接。
Shopify Theme 实现
| 层次 | 建议职责 |
|---|---|
| 资源 | Product 的选项与变体保存可选尺码与库存;尺码表与测量说明在可维护的内容来源中保存 |
| Template | 默认 product.json 或稳定的 alternate;官方页写明 alternate 命名为 template-name.template-suffix.file-type,可在后台分配给关联资源 |
| Main Section | 商品表单与变体选择保持在同一处,尺码入口紧邻选择器 |
| Sections | 尺码入口、规格表、退换摘要、评价按模块分开;尺码表 Section 只用于有数据的商品 |
| Blocks | 单个尺码行、测量步骤、兼容说明 |
| Settings | 单位显示、入口形态;不手工复制多份尺码表 |
尺码数据的 Shopify 落点(Page 引用 metafield、动态来源、metaobject)与其已核验和未核验的边界,以尺码与适配指引「映射到 Shopify」一节为准,本文不重复。该节写明页面引用留空会得到空弹窗,并建议用单独的商品模板区分有无尺码表的商品:这是 alternate 的一个真实用例,仍需满足稳定复用与商家能正确分配的条件,规则见商品页索引。主题层面的入口实现未核验,不对主题文件作断言;购买流程参考 Horizon 购买流程。
发布检查
- 尺码表、规格与摘要同源,单位与市场标注一致;
- 切换变体与市场,表格、库存与可售尺码同步;
- 输入边界值、缺失或未知型号,得到解释或“未知”,而不是无依据的确定答案;
- 尺码反馈有来源与样本量,或整段不展示;
- 退换摘要与正式条款一致,抽查“尺寸不合”的退货并回流修正规格;
- 键盘、读屏与关闭 JavaScript 下仍能读到尺码信息。
待继续完善
- 缺少推荐规则的回测方法,本文不声称任何准确率;
- 未核验评价应用是否提供尺码偏好字段与筛选;
- 变体级尺码数据的保存方式与 metaobject 承载尺码表未在店铺验证。