给服装店增加颜色、尺码和面料筛选,可以从一个商品系列开始。颜色尺码已有商品选项就直接使用,面料放进结构化字段;随后在 Search & Discovery 选择来源,并开启主题里的显示设置。这三处分别决定“资料是什么、按什么筛、顾客在哪里点”。

颜色尺码和面料,应该填在哪里?

颜色、尺码常用于区分可购买的多属性。面料若只是整件商品的属性,就适合放在产品元字段里。不要因为想增加“棉”这个筛选项,就复制一件现有商品。

先查看商品是否已有可用的标准属性,没有合适定义时再创建自定义面料字段。Storefront filtering 开发文档列出了商品与多属性级别的来源,包括选项和元字段。

下面是教学用的三件独立商品,每件只有表中这一组颜色、尺码组合,且均已上架、有货。名称和数据均为示例;检查的是三张商品卡片,不是变体总数。

商品颜色选项尺码选项面料元字段
通勤衬衫 A蓝色M
宽松衬衫 B蓝色L
短袖上衣 C白色M

这张小表也是上架资料的约定:负责录入的人统一写“蓝色”,不要另一批写“蓝色系”;面料只填材质名,洗涤建议留给商品描述。若还要将变体提交购物渠道,可接着看Merchant Center 商品变体分组,渠道分组与店内筛选是两项配置。

主题支持筛选,开关在哪里?

Shopify 官方主题通常在产品系列的“产品网格”分区和搜索页的“搜索结果”分区提供筛选开关,两类页面都应检查。筛选条做在侧边还是折叠面板里,由主题设计决定。

后台“内容 > 菜单”的相关区域可提示不兼容情况,但部分第三方主题未必显示提示。因此,没看到警告还不足以认定支持,仍要查主题说明。官方主题设置说明也明确区分了创建筛选与前台显示。

用四步把三项筛选接起来

  1. 确认入口。 按上一节找到主题的筛选设置。保留当前页面预览,后面在这里检查显示,不必一开始调整整个店铺布局。
  2. 填齐资料。 统一商品的颜色、尺码选项名称。打开一个商品,在元字段区域点“添加定义”,命名为“面料”,类型选“单行文本”,保留单一值,保存。已有同用途定义就沿用;然后给三件商品分别填写表中的棉、麻、棉。
  3. 添加来源。 进入“应用 > Search & Discovery > 筛选器 > 添加筛选器”,选择对应来源,保存;分别完成颜色、尺码、面料三项。操作入口见添加筛选官方说明
  4. 开启并验证。 在主题的产品网格、搜索结果分区开启筛选。打开含这三件商品的系列,按下一节的顺序选择,再对搜索结果页做同样检查。

第二步依据自定义元字段定义说明。命名空间和键用于识别字段,会根据名称自动生成,普通录入人员不必另造一套命名。

定义完成后还没有面料数据。向元字段添加值说明了在对应商品页面填写内容的关系。负责人交接时,应交付三件已填好的商品,而不只是“面料字段已创建”的截图。

选蓝色再选 M,应该剩下几件?

在这个示例系列中,选择蓝色应留下 A、B;再加尺码 M,应只剩 A;继续选面料棉,仍应是 A。清除蓝色、保留 M 和棉,则应出现 A、C。

这来自默认逻辑:不同筛选条件取交集,同一条件里的多个值通常取并集。选蓝色与白色,表达的是“两种颜色都可以”,并不是要求一件商品同时具备两种颜色。上述逻辑与来源分类可对照前面的开发文档。

验收时让同事按这几个动作检查商品名称,而不只数筛选栏有几个按钮。搜索页还要确认原先的搜索词确实包含这些商品;如果搜索结果原本没有 B,就不能期望颜色筛选把它加进来。

数量和语言会让筛选少显示吗?

全店最多配置 25 项筛选,同一来源只能使用一次。已有颜色筛选时,直接编辑它,不用再新增一项。

显示数量还要分开看:单个商品系列超过 5,000 件商品、搜索结果超过 100,000 条时不显示筛选;前台单项最多显示 100 个值;应用内单项最多显示 1,000 个值,元字段可能更少。这些限制分别针对页面规模、顾客列表和后台列表。后台列表没列出的值,并不一定在前台缺失。限制与翻译说明

多语言店还有两个区别:标签筛选仅在默认语言显示,厂商值不翻译;非默认货币下价格筛选不显示。启用新市场后,应分别检查语言与货币,而不是把价格栏消失归咎于面料字段。市场价格另见Shopify Markets 目录定价

上新时保留这张三商品验收表

本文按官方说明整理,未登录真实店铺测试,也未覆盖第三方筛选应用与自定义主题代码。上线前用手机打开实际商品系列,完成一次选择、清除、进入商品页的过程。

以后增加新面料,可在同一验收表加一行:写明新商品、字段值和预期组合结果。这样能直接区分“资料没填”与“主题没显示”,也便于商品运营和主题维护人员交接。其他店铺配置可从独立站栏目继续查找。