EN
Shopify 知识库 · 指南

Shopify 品类集合页配方

从 collection template type 出发,组织品类集合页的集合说明、筛选浏览、商品卡、选型指南与相关内容,并给出空结果、售罄与 Theme 实现的取舍。

品类集合页服务于这样的顾客:已经通过导航、搜索或外部链接来到一个商品范围,想弄清“这里有什么、有没有适合我的”,并尽快进入某个商品详情。它属于 Shopify collection template type(入口见 Collection 集合页索引),默认由 collection.json 承载。大多数品类集合共用默认模板即可;只有某一类集合稳定需要不同的页面组成时,才建立 alternate。

页面内容清单

内容类型来自可复用的编辑内容;运行时数据来自集合与商品的当前状态,不改写成静态文案。

优先级页面内容回答的问题来源
核心集合标题与范围说明这一组包含什么、不包含什么内容类型:商品分类的名称、定义与纳入规则
核心商品结果、结果数现在有哪些商品,共几件运行时:集合成员,只含当前渠道与市场下可见的商品
核心筛选与排序怎样按我的条件缩小、先看哪些运行时:筛选项与排序配置,见集合浏览与筛选
核心商品卡每件商品是什么、多少钱、能不能买运行时:商品与变体的标题、价格、主图、可售状态
可选集合横幅这个集合的视觉与一句定位集合图片,或核心主张的短句
可选购买指南与选型大品类里怎样选到合适的一类内容类型:资源的摘要;交互见商品选型
可选特色商品现在先看哪几件,为什么内容类型:特色商品,需写明入选理由
可选相关内容想了解更多或换个范围去哪里内容类型:资源、相关商品、上级或相邻分类
可选客服入口找不到时问谁支持与联系

页面组合

以下顺序是 WooDawn 的编辑模型,属于待验证假设,不表示某个顺序会提升转化。

最小成立组合:集合标题与一到两句范围说明 → 筛选与排序 → 商品网格(商品卡)→ 分页或加载更多。商品少于一页且没有可靠筛选数据时,还可以删掉筛选与排序,只留标题与网格。

常见扩展,按需插入:

  1. 集合定义与简介:回答“范围是什么”。放在结果之前,控制在顾客一眼读完的长度;说明与集合的实际成员必须一致,纳入规则改变时同步修改。没有可写的范围信息时,只保留标题。
  2. 集合横幅(可选):用Hero或简单图文表达定位,不承担活动说明(活动见活动与编辑型集合页)。没有集合图片或图片会挤压商品首屏时删除,退化为标题加说明。
  3. 浏览与筛选:使用集合浏览与筛选模块,包括结果数、筛选、已选条件、排序和翻页。状态、URL 与分面导航的可抓取边界只在该模块维护,本页不复制;页面级只决定它放在哪、是否出现。商品很少或数据不足时不显示筛选。
  4. 商品卡:Cards 组成的 Grid,同一集合内卡片信息保持一致;固定版本的实现见 Horizon 商品卡。快速加购等交互是否出现取决于主题与商品条件(有变体或销售计划的商品不宜默认直接加入)。
  5. 购买指南与选型(可选):仅用于大品类,即顾客经常不知道该选哪一类时。放在结果之前作为一条短入口,或放在结果之后作为延伸阅读,不要把整篇指南嵌进集合页。品类单一、商品差异一目了然时删除。
  6. 特色商品(可选):只在有明确入选理由和期限时保留,且不得与下方完整网格无差别重复;否则删除。
  7. 相关内容与出口:结果之后放资源摘要、相邻分类或客服入口,作为“没找到”的出路,而不是另一个促销位。

默认不出现:长篇品牌叙事、评价墙、订阅弹层、倒计时。评价与订阅只在有明确任务时进入(例如商品卡上的评分摘要)。

什么时候不要在集合页放长篇品牌叙事

顾客到这里的任务是浏览范围,不是了解品牌。长篇叙事会把商品结果推离首屏,并与首页、About Us、Brand Story 重复维护同一段正文。因此集合页只放与这个品类直接相关的短说明,并链接到权威页面。品类确实需要背景才能选择(例如材质、认证差异)时,写成购买指南并按上文第 5 项处理。“推离首屏会降低点击”是待验证假设,本文没有实测数据。

内容 × 展现形式

内容首选形式适用条件退化方式
集合说明标题 + 短段落范围能用一两句说清只保留标题
集合定位Hero 或图文横幅有集合图片且不挤压首屏无图标题区
结果与筛选侧栏或抽屉筛选 + 网格结果需要缩小,且筛选数据可靠仅排序,或仅网格
商品卡Cards in Grid各商品字段齐全缺失字段整项隐藏,不显示空占位
大品类选型短入口链接或对比品类内差异需要解释删除,或只留资源链接
相关内容文字链接列表目标真实且非空删除模块

状态与退化

  • 零个商品:集合没有成员或当前条件无结果时,页面说明原因并提供出口(清除条件、上级分类、搜索或客服);不显示无关商品冒充结果。菜单入口不应指向长期为空的集合,见商品分类的缺失处理。
  • 一个商品:直接展示,不显示分页、排序与“1 页共 1 页”。
  • 很多商品:显示总数并分页;官方页面写明含超过 5,000 个商品的集合不显示筛选,Liquid 中 collection.filters 此时为空。这类集合需要在页面级用分类拆分,不能假定筛选一定存在。
  • 售罄与不可用:商品卡按当前可售状态显示,而不是静态文案;筛选值对应零结果的处理见模块文章。
  • 跨市场与语言:集合成员、价格与可售性随渠道和市场变化,说明文字需要对应语言版本;不为某个市场没有的商品写死承诺。
  • 加载与错误:筛选或翻页失败时保留上一次成功的结果并提示重试,细节在模块文章,页面级只要求不出现整页空白。

Shopify Theme 实现

层次建议职责
资源Collection 保存标题、说明、图片、排序与成员;成员由手动或智能规则产生(集合模型说明见集合索引)
Template默认 collection.json;稳定不同时再建 alternate,并在后台集合的 Theme template 中分配
Main Section输出集合标题、说明和商品结果,使用 collection 对象;官方页面并未规定该 Section 必须命名为 main
Sections集合横幅、选型入口、特色商品与相关内容可作为独立 Section,商家能在 Theme Editor 中调整顺序
Blocks筛选组、单条相关链接等
Settings网格密度、是否显示筛选和横幅;不在设置里手写商品范围或结果数
数据来源筛选项在 Search & Discovery 的 Filters 中配置,需要兼容的主题;页面读取当前结果,不在 Section 中硬编码

固定版本的实现只见 Horizon 集合与搜索、Horizon 筛选与分页与 Dawn 筛选与分页;SEO 输出未核验,见 Shopify 店面 SEO 框架。

发布检查

  • 集合说明与实际成员一致;移除图片后标题、说明和结果仍能独立成立;
  • 商品首屏可见,长说明或指南没有把结果推到多屏之后;
  • 一次筛选、排序、翻页后复制地址在新窗口得到同一结果(按模块文章的验证步骤);
  • 零结果、单个商品与售罄各测一次,并核对手机与键盘操作;
  • 商品卡价格、可售状态与商品页一致;
  • 菜单入口指向的集合非空;如使用 alternate,确认 collection.template_suffix 与预期一致。

待继续完善

  • 缺少真实店铺中的集合页对照与首屏商品可见性实测;
  • 未核对各主题默认 collection.json 的 Section 组成与快速加购行为;
  • 大品类购买指南的最佳位置未经测试。