页面模块 · 指南
尺码与适配指引模块
尺码与适配指引模块如何在商品页提供尺码表入口、身高体重推荐、兼容型号与尺寸的适配检查,并说明推荐依据、单位与地区差异、退换和尺码反馈,无法确定时退回联系入口,避免伪造推荐或把未知当作合适。
尺码与适配指引模块帮助顾客在下单前判断“这件商品是否适合我的身体或我的设备”。它不是一张放在页面角落的图片,而是把测量方法、尺码数据、推荐规则、兼容检查和求助路径连成一条可核对的路径。
尺码与适配 = 商品规格 × 表格、推荐或检查交互 × 商品页语境
先确定模块在完成什么任务
- 顾客问题:我该选哪个尺码;这个型号或尺寸是否与我已有的设备、空间、其他物品兼容;选错了怎么办。
- 对象层级:以具体变体为准。同一商品的不同变体尺寸可能不同,尺码建议随当前变体变化,不能拿另一个变体的表格作答。
- 进入前已知:顾客已在商品页,可能已选定颜色;不知道自己的测量值,或不知道如何测量。
模块只回答“适不适合”,不承担商品介绍。规格事实以商品规格为准,测量方法与跨商品尺码表见Size Guide 页面配方;两者冲突时以单件商品规格为准并修正指南。
信息来源与输入
| 输入 | 来源 | 最低要求 |
|---|---|---|
| 尺寸与兼容数据 | 商品规格:数值、单位、适用变体、测量口径与公差、兼容说明 | 不在本模块里另写一份;单位由同一数值换算 |
| 尺码表 | 规格数据与尺码指南 | 标明适用商品、版型、市场与单位;行列共享同一维度 |
| 顾客输入 | 交易动作之外的页面输入:身高、体重、型号、已有尺寸 | 只收集完成判断所必需的字段;说明是否保存 |
| 推荐规则 | 商品团队确认的规则(输入范围到建议尺码的映射) | 规则可写出、可解释、有依据;见下文 |
| 当前变体与可售状态 | 平台状态 | 推荐的尺码若不可售,说明该尺码不可售,不悄悄改推另一个 |
| 退换条件 | 保证详情、退货与退款 | 链接到当前有效条款,不在本模块复写 |
| 尺码反馈 | 评价或客服记录 | 有来源和统计口径才展示;见下文 |
推荐必须可解释,不得伪造
- 规则透明:结果应说明依据,例如“按你输入的身高和体重,落在 M 码对应的范围内(表中 M 码为 170–176 cm,虚构示例)”,并给出对应表格行。
- 边界处理:输入落在两个尺码之间时,明示“介于 M 与 L 之间”和商品团队确认的取舍建议(如偏好宽松选 L),不擅自取整成一个确定答案。
- 不伪造:不能声称“AI 智能推荐”“98% 的人选这个尺码”,除非有真实算法与统计并写明口径、样本与日期,规则见数据证明;不知道就写不知道。
- 不夸大准确度:不写“保证合身”。身体测量与穿着偏好因人而异,规格的公差也要交代。
- 兼容检查的三态:兼容、不兼容、未知。缺少数据时只能是“未知”,并给出咨询入口,不能默认为兼容。
- 隐私:身高体重属于个人信息;只用于当次判断时明说,需要保存时说明用途与删除方式,具体要求按目标市场由合规确认。
单位与地区差异
- 同一数值在多单位下由程序换算,标明取整规则,不手写两套数字。
- 尺码体系随地区不同。Google Merchant Center 的 size_system 页说明该属性用于标明尺码所用的国家体系,可选值含 AU、BR、CN、DE、EU、FR、IT、JP、MEX、UK、US,未提供时按目标国家的标准体系处理,可能与商品实际使用的体系不一致(核验于 2026-09-29)。这说明标出“所用体系”是行业公认的做法,不代表本模块必须使用该属性。
- 面向多个市场时,尺码表须写明所用体系与单位,并随市场切换;不能把一个市场的对照关系套用到另一个市场。
- 跨市场的可售尺码可能不同,推荐结果要与当前市场的库存一致。
状态与退化
| 状态 | 处理 |
|---|---|
| 无尺码数据 | 不显示入口,也不放空表;改为规格区的咨询入口 |
| 只有一个尺码或通用尺寸 | 不做推荐界面,直接写明尺寸与适用条件 |
| 数据齐全 | 表格入口加推荐或兼容检查,二者共用同一份数据 |
| 输入缺失或超出范围 | 说明超出范围并给出咨询入口,不硬给结果 |
| 推荐规则未确认 | 只提供表格与测量方法,不上线推荐器 |
| 当前变体不适用该表 | 不显示该表;显示适用于当前变体的表或说明 |
| 加载失败 | 保留购买区可用,表格入口退化为指向尺码指南页面的链接 |
| 无 JavaScript | 尺码表以普通页面或页内区块提供;检查器退化为静态说明与联系入口 |
| 跨市场 | 表格与单位随市场切换;无该市场数据时不显示其他市场的表 |
可选展现与交互
- 尺码表:行列共享同一维度时使用Table;W3C WAI 的数据表教程写明,表头单元格用
<th>,数据单元格用<td>,多方向表头用scope,用 caption 说明整体主题。该教程本身未讨论小屏,小屏退化按 Table 页的要求;需要在多个商品之间比较时再用Comparison。 - 入口形态:在商品页内展开(Tabs)适合表格较大;Modal或Drawer适合需要保持商品上下文的一次性查表,内容较长时优先考虑 Drawer(边界见两页);Popover只适合一两句尺码提示,不放完整表格,也不承载关键购买条件。
- 推荐器:只有两三个输入时用内联字段;输入多、步骤长时,链接到独立页面。
- 测量说明:示意图必须有文字步骤等价,图像缺失时仍可完成测量。
页面组合中的位置
- 常见位置:商品页变体选择器附近(紧邻尺码选项),也可出现在集合页的筛选说明中。位置在变体选择器之后、购买按钮之前,方便在下单前查看。
- 前后模块:前接规格摘要,后接保证与退换说明;尺码反馈与评价展示相邻但分开呈现。
- 不应出现的语境:与商品无关的页面、结账最后一步才首次出现的尺码提示、与当前变体无关的通用大表。
退换与尺码反馈
- 退换入口链接到有效条款(保证详情、Shipping & Returns 页面配方),说明尺码不合适时的处理方式与费用责任;未确认的条款不写。
- 尺码反馈(偏大、合身、偏小)只有在评价或客服记录中确有来源时展示,写明来源、样本量与统计口径,并标明是顾客感受而非商品规格;数据不足时不展示。
- 退货原因中的“尺寸不合”“不兼容”应回流到规格与尺码表,作为修正数据的依据,而不是增加形容词。
无法确定时的退路
推荐或检查得不出结论时,模块必须给出可用的求助路径:链接到客服渠道,并带上当前商品与变体信息,减少顾客重复描述。退路是模块的正常状态,不是错误页面。
无障碍与性能
表格有 caption 和正确的表头关联;推荐结果以文字呈现并在提交后告知,不依赖颜色;输入字段有可见标签与单位;弹层遵循所选展现页面的焦点要求;尺码表按需加载,不阻塞首屏。
映射到 Shopify
核验于 2026-09-29:
- Shopify 帮助中心的弹窗尺码表教程使用商品 metafield(类型为 Page 引用)指向一个在 Online Store > Pages 创建的页面,再在主题里添加 Pop-up 块,通过动态来源连接该 metafield;该做法需要支持 dynamic sources 的主题。页面写明每个商品的该 metafield 只引用一个页面,可以创建多个尺码页面;页面引用留空会得到空弹窗,所以建议用单独的商品模板区分有无尺码表的商品。
- Dynamic sources 页面写明,动态来源可把主题设置连接到商品、集合、页面、文章、博客及 metafield 与 metaobject 的数据;并给出数量限制(每个 JSON 模板、通用主题设置或区段组最多 100 个,每个设置或静态区段最多 50 个),且应只在被引用资源存在的语境中使用。该页同时写明动态来源不适用于通用主题设置,与“通用主题设置最多 100 个”的上限自相矛盾,详见自定义数据。
- Metaobjects 页面写明,数据适合用多个字段表示时可用 metaobject,并可在主题的 Liquid 与 Storefront API 中访问;该页面示例未提及尺码表,用 metaobject 承载尺码表属于按其机制作的推断,本文未在店铺验证。
- 单位型规格可用 dimension、weight 等类型的 metafield,标准商品分类的 category metafield 带出尺码等属性,详见商品规格「平台落点」,本文不重复。
- 未核验:主题对尺码 metafield 的默认呈现、变体级尺码数据的可行保存方式、第三方应用;本文不推荐任何第三方尺码应用。
- 固定版本主题:Horizon 在全仓库搜索中未找到尺码表或尺码指南实现(见Horizon 徽章、评价与订阅);页面级组成见尺码敏感商品页配方。
验证一次尺码与适配
- 选一件多尺码商品:表格数据与规格页一致;单位切换后数值由同一来源换算。
- 输入两个尺码边界附近的身高体重:结果说明落点与取舍,而不是给一个无依据的确定答案。
- 输入缺失、超出范围、未知型号:得到“未知”或咨询入口,不显示“兼容”。
- 切换变体与市场:表格、单位与可售尺码随之变化;无该市场数据时不显示别处的表。
- 键盘与读屏:表头被正确朗读;入口打开与关闭焦点位置正确;关闭 JavaScript 后仍能读到尺码表。
- 对照退货记录抽查一批“尺寸不合”订单,确认表格或规格是否需要修正。
待继续完善
- 缺少推荐规则的验证方法(如以退货数据回测),本文不声称任何准确率;
- 缺少按品类区分的尺码字段与样稿(虚构示例);
- 未核验 metaobject 承载尺码表与变体级数据的实际做法;
- 身高体重等个人信息的各地区合规要求需要合规确认。