分类树
了解如何使用分类树界面组织您的产品——这是一个强大的双面板系统,用于管理您的商店导航结构。
概述
分类树页面分为两个主要部分,并配备了强大的“从菜单构建”功能,帮助您快速入门:

🌳 树视图(左侧面板)
目的:此层级定义了在您的店面显示的面包屑和子分类模块。 树视图中的集合将:
✅ 出现在面包屑导航路径中
✅ 在集合页面显示为子分类
✅ 创建多级导航结构
✅ 被包含在结构化数据中(SEO)
📦 未分配分类(右侧面板)
目的:隐藏的面包屑和子分类——存在于您的商店但不属于导航结构的集合。 未分配分类中的集合将:
❌ 不出现在面包屑中
❌ 不显示为子分类模块
❌ 不包含在导航层级中
✅ 仍可通过直接 URL 访问
树视图 - 主要功能
🔍 搜索
位置:树视图顶部的搜索框 功能:
快速按名称查找分类
实时过滤树结构
帮助导航大型分类结构
🔄 刷新按钮
位置:右上角 目的:获取您 Shopify 商店中最新发布的集合并同步菜单 使用时机:
在 Shopify 管理后台添加新集合后
同步商店中的最新更改
进行重大重组前
当下拉菜单中看不到您的菜单时
🎯 从菜单构建
位置:树视图标题旁的按钮组 目的:基于您现有的 Shopify 导航菜单结构自动构建分类树

工作原理
从下拉菜单中选择一个菜单(主菜单、页脚菜单等)
点击“从菜单构建”按钮
应用自动执行以下操作:
- 导入菜单中的所有已发布集合
- 保留菜单层级(父 → 子关系)
- 支持多级嵌套(3 级及以上)
- 将未使用的集合移动到“未分配”面板
导入内容包括:
✅ 仅已发布集合 - 仅导入链接到已发布集合的菜单项
✅ 菜单层级 - 保留父 → 子关系
✅ 多级嵌套 - 支持深层菜单结构(3级及以上)
不包括的内容:
❌ 草稿/未发布的集合 - 仅导入已发布的集合
❌ HTTP 链接 - 跳过外部链接和自定义 URL
❌ 产品链接 - 不导入直接的产品链接
❌ 页面链接 - 排除指向页面的链接
❌ 其他菜单项 - 博客、搜索、购物车链接等不导入
重要限制:
⚠️ 仅限已发布集合 - 草稿或未发布的集合不会被导入
⚠️ 仅限菜单链接 - 仅导入菜单中的集合
⚠️ 仅为起点 - 构建后可能需要自定义(添加更多集合、重新组织等)
菜单缓存
菜单缓存24小时以加快加载速度。缓存时间戳显示在按钮组旁(例如,“Cached 14:30:25”)。
需要同步菜单?
如果下拉菜单中看不到您的菜单,请点击刷新按钮以同步您 Shopify 商店的最新菜单。
菜单下拉中的视觉指示
集合项 - 正常颜色,可同步到您的树形结构
非集合项(HTTP 链接等) - 浅灰色并带有类型徽章(例如,“HTTP”)
默认菜单 - 绿色“默认”徽章
⬇️ 全部折叠按钮
位置:搜索框旁 用途:折叠所有展开的分类,仅显示顶级项目 使用场景:
概览您的主要分类
快速浏览复杂树形结构
在进行结构调整前
⬆️ 全部展开按钮
位置:全部折叠按钮旁 用途:展开所有分类,显示完整层级 使用场景:
查看完整分类结构
查找深层嵌套项
一次性审阅整个导航
拖放操作
树形结构支持强大的拖放功能,用于组织分类。
多选
如何选择多个项目:
选择第一个项目: 点击一个分类
添加更多项目: - 按住
⌘/Ctrl+ 点击 = 添加单个项目 - 按住Shift+ 点击 = 选择项目范围一起拖动: 拖动任一选中项目,所有选中项目一起移动
移动分类
单个项目:
点击并按住一个分类
拖动到新位置
放置位置: - 项目间 = 同级(兄弟) - 放到某项目上 = 该项目的子项(嵌套) - 嵌套时向左拖动 = 取消嵌套(上移一级)
多个项目:
选择多个分类(
⌘/Ctrl+ 点击)拖动任一选中项目
所有选中项目一起移动
放置时作为一个组
视觉反馈
拖动指示线显示项目将放置的位置
目标父分类悬停高亮
缩进级别显示嵌套深度
未分配分类面板
目的与行为
此面板中的集合对以下内容隐藏:
Breadcrumbs
子类别块
类别层级
结构化数据
为什么保持集合未分配?
内部/仅管理员集合
当前未激活的季节性集合
测试集合
用于其他目的的集合(折扣、捆绑等)
添加到树视图
方法1:当树中选择类别时
点击左侧面板树视图中的类别进行选择
在未分配面板中勾选一个或多个集合
点击添加或拖动集合
→ 集合成为所选类别的子级
方法2:当未选择任何类别时
确保树视图中没有选择任何内容
在未分配面板中勾选一个或多个集合
点击添加或拖动集合
→ 集合被添加到树的底部(根级别)
搜索未分配
位置:未分配面板顶部的搜索框 功能:
过滤未分配集合列表
快速查找特定集合
显示计数:“显示27个未分配集合”
刷新未分配
图标:搜索旁的刷新图标 目的:从Shopify更新未分配集合列表
键盘快捷键
⌘/Ctrl+ 点击 = 多选类别Shift+ 点击 = 选择类别范围Drag= 移动类别/多个类别Click collapse icon= 切换类别子项Hold ⌘/Ctrl+ 点击折叠 = 递归折叠所有子项
保存更改
自动保存:更改不会自动保存 手动保存:
点击右下角的“保存”按钮
所有更改一起应用
刷新您的店面以查看更新
自定义集合显示名称
您可以为树中使用的任何集合设置自定义显示名称。这让您可以在面包屑导航和子类别中显示更简洁、更短或更友好的标签,而无需重命名实际的Shopify集合。
✅ 保留原始Shopify集合标题以供内部/管理员使用
✅ 在店面导航(面包屑+子类别)中显示不同标签
✅ 适用于SEO友好措辞、缩写或统一命名

如何编辑显示名称
在类别树中,点击集合并内联编辑其显示名称。 注意事项:
点击保存时更改会被保存(与树结构更改相同)
显示名称为空时,移除自定义名称(回退为集合标题)
建议:保持简短(例如20-40个字符)以获得更好的移动端用户体验
它在店面上的显示方式
当存在显示名称时,店面UI优先显示它而非原始标题。如果未设置显示名称,应用将回退为Shopify集合标题。 这会影响:
集合级别的面包屑标签
子类别块标题/链接(当您的主题启用时)
类别结构示例
从菜单构建示例
构建前: 您的 Shopify Main Menu:
Main Menu
├─ Women (COLLECTION)
│ ├─ Dresses (COLLECTION)
│ │ ├─ Summer Dresses (COLLECTION)
│ │ └─ Evening Dresses (COLLECTION)
│ └─ Tops (COLLECTION)
├─ Men (COLLECTION)
│ ├─ Shirts (COLLECTION)
│ └─ Pants (COLLECTION)
├─ About Us (HTTP) ← Skipped
└─ Contact (HTTP) ← Skipped点击“从菜单构建”后: 您的类别树:
📁 Women
└─ 👗 Dresses
└─ ☀️ Summer Dresses
└─ 🌙 Evening Dresses
└─ 👕 Tops
📁 Men
└─ 👔 Shirts
└─ 👖 Pants结果:
所有集合项目导入且层级保留
HTTP 链接(About Us, Contact)自动跳过
准备好通过拖放进一步自定义
时尚商店示例
📁 Women
└─ 👗 Dresses
└─ ☀️ Summer Dresses
└─ 🌙 Evening Dresses
└─ 👔 Casual Dresses
└─ 👕 Tops
└─ 👖 Bottoms
📁 Men
└─ 👔 Shirts
└─ 👖 Pants
└─ 🧥 Outerwear
📁 Sale
└─ 50% Off
└─ Clearance电子产品商店示例
📁 Computers
└─ 💻 Laptops
└─ Gaming Laptops
└─ Business Laptops
└─ 🖥️ Desktops
└─ ⌨️ Accessories
📁 Smartphones
└─ 📱 iPhone
└─ 📱 Samsung
└─ 📱 Google Pixel最佳实践
从“从菜单构建”开始
推荐工作流程:
首先使用从菜单构建 - 如果您已有导航菜单,使用从菜单构建快速开始
检查结构 - 确认导入的层级是否合理
根据需要自定义 - 添加缺失的集合,重新组织或调整层级深度
保存并测试 - 保存更改并检查店面上的 Breadcrumbs & Categories
优点:
比手动设置节省时间
保留您现有的菜单结构
为自定义提供坚实的起点
保持简单
良好结构:
最多 2-3 层深
每层 5-7 个类别
名称清晰且描述性强
不良结构:
层级过深(令人困惑)
一次过多类别(令人不知所措)
模糊名称如“其他”或“杂项”
按客户思维组织
像客户一样思考:
他们如何搜索产品?
他们的心理模型是什么?
对他们来说什么最重要?
时尚示例: ✅ 先按性别(Women > Dresses) ❌ 先按颜色(Red > Women's Items) 电子产品示例: ✅ 按设备类型(Laptops > Gaming) ❌ 先按品牌(Apple > All Products)
使用一致的命名
应当:
Women's Dresses
Men's Shirts
Kids' Shoes
不应:
Dresses for Women
Shirts (Men)
Children Footwear
平衡广度与深度
广度(扁平): 适合小型目录
📁 Dresses
📁 Tops
📁 Pants
📁 Accessories深度(嵌套): 适合大型目录
📁 Women
└─ Dresses
└─ Tops
└─ Pants常见错误避免
❌ 层级过深
坏的示例:
Home › Fashion › Women › Clothing › Dresses › Casual › Summer › Floral好的示例:
Home › Women › Dresses › Summer Dresses❌ 命名不一致
坏的示例:
Women's Dresses
Tops for Women
Female Accessories
Women Shoes
好的示例:
Women's Dresses
Women's Tops
Women's Accessories
Women's Shoes
❌ 重叠的分类
坏的示例:
📁 Sale Items
📁 Clearance
📁 Discounted Products好的示例:
📁 Sale
└─ 50% Off
└─ Clearance不同店铺规模的建议
小型店铺(< 100 件商品)
保持扁平和简单:
📁 New Arrivals
📁 Dresses
📁 Tops
📁 Accessories
📁 Sale中型店铺(100-1000 件商品)
增加一层深度:
📁 Women
└─ Dresses
└─ Tops
📁 Men
└─ Shirts
└─ Pants
📁 Sale大型店铺(1000+ 件商品)
使用完整的层级结构:
📁 Women
└─ Clothing
└─ Dresses
└─ Tops
└─ Accessories
📁 Men
└─ Clothing
└─ Accessories常见问题
可以!拖放界面让重新组织变得简单。只需将分类拖动到新的位置即可。
不会,分类与集合是分开的。你可以同时使用两者。
没有硬性限制,但建议保持可管理(顶级分类不超过 50 个)。
可以!产品可以出现在多个分类路径中,以实现灵活的导航。
是的,“从菜单构建”会用菜单结构替换你当前的树结构。如果你想保留当前树,请在使用“从菜单构建”之前保存它。你也可以随时手动重建。
“从菜单构建”只导入**已发布的集合**。HTTP 链接(外部 URL)、产品链接、页面链接、博客链接或草稿/未发布集合的菜单项将被跳过。仅导入已发布集合链接。
可以!你可以多次使用“从菜单构建”。每次点击“从菜单构建”都会用所选菜单结构替换当前树。这在你更新菜单并想重建树时非常有用。
菜单缓存 24 小时以加快加载速度。随时点击**刷新**按钮手动同步 Shopify 店铺中的最新菜单。