EN
页面模块 · 指南

尺码与适配指引模块

尺码与适配指引模块如何在商品页提供尺码表入口、身高体重推荐、兼容型号与尺寸的适配检查,并说明推荐依据、单位与地区差异、退换和尺码反馈,无法确定时退回联系入口,避免伪造推荐或把未知当作合适。

尺码与适配指引模块帮助顾客在下单前判断“这件商品是否适合我的身体或我的设备”。它不是一张放在页面角落的图片,而是把测量方法、尺码数据、推荐规则、兼容检查和求助路径连成一条可核对的路径。

尺码与适配 = 商品规格 × 表格、推荐或检查交互 × 商品页语境

先确定模块在完成什么任务

  • 顾客问题:我该选哪个尺码;这个型号或尺寸是否与我已有的设备、空间、其他物品兼容;选错了怎么办。
  • 对象层级:以具体变体为准。同一商品的不同变体尺寸可能不同,尺码建议随当前变体变化,不能拿另一个变体的表格作答。
  • 进入前已知:顾客已在商品页,可能已选定颜色;不知道自己的测量值,或不知道如何测量。

模块只回答“适不适合”,不承担商品介绍。规格事实以商品规格为准,测量方法与跨商品尺码表见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 徽章、评价与订阅);页面级组成见尺码敏感商品页配方。

验证一次尺码与适配

  1. 选一件多尺码商品:表格数据与规格页一致;单位切换后数值由同一来源换算。
  2. 输入两个尺码边界附近的身高体重:结果说明落点与取舍,而不是给一个无依据的确定答案。
  3. 输入缺失、超出范围、未知型号:得到“未知”或咨询入口,不显示“兼容”。
  4. 切换变体与市场:表格、单位与可售尺码随之变化;无该市场数据时不显示别处的表。
  5. 键盘与读屏:表头被正确朗读;入口打开与关闭焦点位置正确;关闭 JavaScript 后仍能读到尺码表。
  6. 对照退货记录抽查一批“尺寸不合”订单,确认表格或规格是否需要修正。

待继续完善

  • 缺少推荐规则的验证方法(如以退货数据回测),本文不声称任何准确率;
  • 缺少按品类区分的尺码字段与样稿(虚构示例);
  • 未核验 metaobject 承载尺码表与变体级数据的实际做法;
  • 身高体重等个人信息的各地区合规要求需要合规确认。