Shopify 知识库 · 指南
Shopify 品类集合页配方
从 collection template type 出发,组织品类集合页的集合说明、筛选浏览、商品卡、选型指南与相关内容,并给出空结果、售罄与 Theme 实现的取舍。
品类集合页服务于这样的顾客:已经通过导航、搜索或外部链接来到一个商品范围,想弄清“这里有什么、有没有适合我的”,并尽快进入某个商品详情。它属于 Shopify collection template type(入口见 Collection 集合页索引),默认由 collection.json 承载。大多数品类集合共用默认模板即可;只有某一类集合稳定需要不同的页面组成时,才建立 alternate。
页面内容清单
内容类型来自可复用的编辑内容;运行时数据来自集合与商品的当前状态,不改写成静态文案。
| 优先级 | 页面内容 | 回答的问题 | 来源 |
|---|---|---|---|
| 核心 | 集合标题与范围说明 | 这一组包含什么、不包含什么 | 内容类型:商品分类的名称、定义与纳入规则 |
| 核心 | 商品结果、结果数 | 现在有哪些商品,共几件 | 运行时:集合成员,只含当前渠道与市场下可见的商品 |
| 核心 | 筛选与排序 | 怎样按我的条件缩小、先看哪些 | 运行时:筛选项与排序配置,见集合浏览与筛选 |
| 核心 | 商品卡 | 每件商品是什么、多少钱、能不能买 | 运行时:商品与变体的标题、价格、主图、可售状态 |
| 可选 | 集合横幅 | 这个集合的视觉与一句定位 | 集合图片,或核心主张的短句 |
| 可选 | 购买指南与选型 | 大品类里怎样选到合适的一类 | 内容类型:资源的摘要;交互见商品选型 |
| 可选 | 特色商品 | 现在先看哪几件,为什么 | 内容类型:特色商品,需写明入选理由 |
| 可选 | 相关内容 | 想了解更多或换个范围去哪里 | 内容类型:资源、相关商品、上级或相邻分类 |
| 可选 | 客服入口 | 找不到时问谁 | 支持与联系 |
页面组合
以下顺序是 WooDawn 的编辑模型,属于待验证假设,不表示某个顺序会提升转化。
最小成立组合:集合标题与一到两句范围说明 → 筛选与排序 → 商品网格(商品卡)→ 分页或加载更多。商品少于一页且没有可靠筛选数据时,还可以删掉筛选与排序,只留标题与网格。
常见扩展,按需插入:
- 集合定义与简介:回答“范围是什么”。放在结果之前,控制在顾客一眼读完的长度;说明与集合的实际成员必须一致,纳入规则改变时同步修改。没有可写的范围信息时,只保留标题。
- 集合横幅(可选):用Hero或简单图文表达定位,不承担活动说明(活动见活动与编辑型集合页)。没有集合图片或图片会挤压商品首屏时删除,退化为标题加说明。
- 浏览与筛选:使用集合浏览与筛选模块,包括结果数、筛选、已选条件、排序和翻页。状态、URL 与分面导航的可抓取边界只在该模块维护,本页不复制;页面级只决定它放在哪、是否出现。商品很少或数据不足时不显示筛选。
- 商品卡:Cards 组成的 Grid,同一集合内卡片信息保持一致;固定版本的实现见 Horizon 商品卡。快速加购等交互是否出现取决于主题与商品条件(有变体或销售计划的商品不宜默认直接加入)。
- 购买指南与选型(可选):仅用于大品类,即顾客经常不知道该选哪一类时。放在结果之前作为一条短入口,或放在结果之后作为延伸阅读,不要把整篇指南嵌进集合页。品类单一、商品差异一目了然时删除。
- 特色商品(可选):只在有明确入选理由和期限时保留,且不得与下方完整网格无差别重复;否则删除。
- 相关内容与出口:结果之后放资源摘要、相邻分类或客服入口,作为“没找到”的出路,而不是另一个促销位。
默认不出现:长篇品牌叙事、评价墙、订阅弹层、倒计时。评价与订阅只在有明确任务时进入(例如商品卡上的评分摘要)。
什么时候不要在集合页放长篇品牌叙事
顾客到这里的任务是浏览范围,不是了解品牌。长篇叙事会把商品结果推离首屏,并与首页、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 组成与快速加购行为; - 大品类购买指南的最佳位置未经测试。