常见问题解答
查找有关 Breadcrumbs & Categories 的常见问题答案。
Breadcrumbs & Categories 是一款全面的 Shopify 应用,通过提供以下功能增强您的商店导航:
智能面包屑导航,提升客户导航体验
超越 Shopify 基础集合的高级分类管理
通过结构化数据标记进行 SEO 优化
可自定义设计以匹配您的商店主题
Breadcrumbs & Categories 通过强大的功能扩展了 Shopify 集合,实现更好的导航和 SEO:
| 功能 | Shopify Collections | Breadcrumbs & Categories |
|---|---|---|
| 层级结构 | 仅扁平结构 | ✅ 多级层级(无限深度) |
| 面包屑导航 | 需要手动设置 | ✅ 自动生成结构化数据 |
| SEO | 基础元标签 | ✅ 高级 JSON-LD 结构化数据 + 丰富摘要 |
| 导航 | 简单集合页面 | ✅ 智能面包屑导航 + 访客路径跟踪 |
| 自定义 | 主题选项有限 | ✅ 广泛样式设置:颜色、分隔符、间距、移动端 |
| 产品组织 | 简单标签/类型规则 | ✅ 复杂规则分配 + 拖放树形结构 |
| 多集合产品 | 无面包屑控制 | ✅ 智能模式(访客路径)+ 经典模式(优先级) |
| 主题支持 | 仅支持 Theme 2.0 | ✅ 支持 Theme 2.0 和 Vintage Theme 1.0 |
| 从菜单构建 | 不可用 | ✅ 从现有菜单自动生成树形结构 |
| 国际化 | 手动翻译 | ✅ 支持 52 种语言自动翻译 |
是的!Breadcrumbs & Categories 兼容所有支持应用区块的现代 Shopify 主题(在线商店 2.0+)。
✅ 自动检测主题样式,实现无缝集成
✅ 拖放区块,轻松安装
✅ 主题编辑器中全面自定义
✅ 变更即时预览
✅ 兼容 Dawn 及所有现代主题
✅ 移动响应式设计
安装快速且简单:
⏱️ 2-3 分钟:从 Shopify App Store 安装应用
⏱️ 5-10 分钟:初始设置和配置
⏱️ 10-15 分钟:自定义和测试
大多数商店总设置时间:15-30 分钟
不需要编程!该应用专为非技术用户设计:
🎯 点击式界面
🔧 可视化自定义工具
📋 预建模板和样式
🤖 自动设置向导
不会,该应用经过性能优化:
⚡ 轻量级代码(总计低于 50KB)
🚀 非关键功能延迟加载
💾 缓存以减少服务器请求
📱 移动端优化,加载快速
是的,提供丰富的自定义选项:
预建样式:
经典、现代、极简、大胆主题
10 多种配色方案
多种分隔符选项(>, /, →, |)
自定义样式:
文字大小 - 在视觉设计和文字样式中调整
背景色调 - 在配色方案中设置
间距和定位 - 在间距和填充中配置
移动端专用设计 - 使用可见性选项
高级选项:
面包屑分隔符符号 - 在专家配置中选择
主页显示类型 - 在自定义页面名称中设置
悬停效果 - 在可见性选项中选择
该应用为面包屑标签提供 52 种语言的自动翻译!
何时使用此功能:
✅ 启用条件:您的商店支持多语言,且希望面包屑自动翻译
❌ 不启用条件:您的商店仅使用一种语言 - 请直接在主题编辑器中自定义文本
翻译内容包括:
🏠 首页、所有产品、集合、搜索
📝 博客、新闻、页面、文章、产品
如何启用:
前往应用设置 → 国际化 (i18n)
切换“启用自动翻译”至开启
保存设置
支持的语言(共 52 种):
🇪🇺 欧洲语系(25 种):南非荷兰语、阿尔巴尼亚语、保加利亚语、加泰罗尼亚语、克罗地亚语、捷克语、丹麦语、荷兰语、英语、爱沙尼亚语、芬兰语、法语、德语、希腊语、匈牙利语、冰岛语、意大利语、拉脱维亚语、立陶宛语、马耳他语、挪威语、波兰语、罗马尼亚语、斯洛伐克语、斯洛文尼亚语、西班牙语、瑞典语、土耳其语、乌克兰语
🌏 亚洲语系(13 种):孟加拉语、简体中文、繁体中文、印地语、印度尼西亚语、日语、韩语、马来语、波斯语、泰米尔语、泰语、乌尔都语、越南语
🌍 中东及非洲语系(6 种):阿拉伯语、阿姆哈拉语、希伯来语、斯瓦希里语、科萨语、祖鲁语
🌎 美洲语系(8 种):加利西亚语、瓜拉尼语、海地克里奥尔语、巴西葡萄牙语、葡萄牙语(葡萄牙)、克丘亚语、拉丁美洲西班牙语、威尔士语
面包屑导航提供多种SEO优势:
结构化数据:
为搜索引擎提供JSON-LD标记
搜索结果中的丰富摘要
增强的搜索引擎结果页面外观
网站架构:
向Google传递清晰的层级信号
提升爬虫抓取效率
更好的内部链接结构
用户体验:
降低跳出率
增加页面浏览量
提升用户参与指标
可以!该应用完全支持产品出现在多个类别/集合中,并通过智能动态的面包屑导航选择实现。
🪄 模式1:智能行为
适合:通过动态、上下文感知的面包屑导航提升用户体验。面包屑会动态适应,匹配访客实际浏览的集合路径。
来自集合A的访客看到:主页 > 集合A > 产品-1
来自集合B的访客看到:主页 > 集合B > 产品-1
两个URL仍然是:/products/product-1(SEO安全的规范URL)
✅ 提升用户体验 - 面包屑匹配访客的实际路径
✅ 干净的 /products/product-name URL(无需更改URL)
✅ SEO安全:产品保持单一规范URL
📌 模式2:经典优先
适合:通过固定、可预测的面包屑路径实现最大SEO稳定性。使用固定的三级优先级系统,确保同一产品始终显示相同的面包屑路径。
所有访客看到:主页 > 默认集合 > 产品-1
URL始终是:/products/product-1
结构化数据始终显示相同路径
优先级顺序:手动默认 → URL上下文 → 自动
常见解决方案:
1. 检查应用状态:
确保应用已安装并激活
验证权限是否已授予
2. 主题兼容性:
运行主题兼容性测试
检查 CSS 冲突
尝试不同的 Breadcrumbs 样式
3. 配置问题:
验证 Breadcrumbs 规则是否已设置
检查显示设置和可见性规则
确保产品已正确分类
4. 缓存问题:
清除浏览器缓存
清除 Shopify 商店缓存
等待 5-10 分钟以使更改生效
样式故障排除:
1. 主题冲突:
在视觉设计和文本样式中调整文本大小和块最大宽度
在配色方案中更改背景色调
在专家配置中尝试不同的 Breadcrumb Divider 符号
2. 移动端问题:
在可见性选项中启用“启用移动端水平滚动”
调整分隔符图标尺寸以匹配您的文本大小
检查移动端对齐的间距和填充设置
3. 对齐问题:
在间距和填充中配置上下填充和左右填充
在视觉设计和文本样式中调整文本对齐
如果 Breadcrumbs 与您网站的填充不对齐,您可以使用主题编辑器进行调整:
在主题编辑器中:
进入主题编辑器 → 选择带有 Breadcrumbs 的页面
点击侧边栏中的 Breadcrumbs 区块
在区块设置中找到间距和填充部分
调整:上下填充,左右填充,垂直间距
快速对齐提示:
✅ 匹配页面宽度 - 调整左右填充以与主内容对齐
✅ 保持间距一致 - 使用与其他页面元素相同的填充
✅ 在移动端测试 - 检查不同屏幕尺寸上的对齐情况
✅ 预览更改 - 发布前使用主题编辑器预览
当您的商店中既有名为“所有产品”的集合,又有应用自动生成的“所有产品”集合时,会出现这种情况。
选项 1:使用设置隐藏 Breadcrumbs 中的重复 ⭐ 推荐
进入主题编辑器 → Breadcrumbs 区块 → 设置
在自定义页面名称中找到“产品目录标题”
输入 ---(三个破折号)以从 Breadcrumbs 路径中隐藏它
集合页面(/collections/all)仍然可访问
Breadcrumbs 中无重复!
选项 2:从分类树中移除
进入应用中的分类树
找到您店铺的“所有产品”集合
将其从树中移除(移动到未分配)
在树中仅保留应用的“所有产品”
选项 3:仅使用您店铺的集合
从树中移除应用的“所有产品”
将您自己的“所有产品”集合添加到树根
这让您对显示哪些产品有更多控制
✅ 该问题已在版本 2.2+ 中修复,所有屏幕尺寸均自动垂直居中。
如果您仍遇到此问题:
请联系支持团队寻求帮助。这很可能是缓存设置的遗留问题或主题冲突。
临时解决方案(等待支持期间):
选项 1:匹配分隔符大小与文本 - 调整“分隔符图标尺寸”
选项 2:使用更简单的分隔符符号 - 使用 / 或 > 替代复杂箭头
选项 3:启用移动端滚动模式 - 打开“启用移动端水平滚动”
选项 4:调整间距 - 减小“分隔符间隙宽度”并微调“垂直间距”
组织故障排除:
1. 分配规则:
检查自动分配规则
检查产品标签和属性
验证集合映射
2. 产品设置:
确保产品已发布
检查产品可用性设置
核实库存水平
3. 分类配置:
检查分类层级
检查分类可见性设置
验证父子关系
为了帮助我们快速协助您,请提供:
店铺信息:
Shopify 店铺网址
主题名称和版本
已安装的应用版本
问题详情:
具体问题描述
您已尝试的步骤
如果适用,请提供截图或视频
浏览器和设备信息
设置信息:
当前应用配置
所做的自定义
店铺或主题的近期更改
是的,我们提供安装帮助:
免费安装指导:
基础安装的邮件支持
文档和视频教程
最佳实践建议
Vintage Theme 支持:
针对 Online Store 1.0 主题的完整 A-Z 安装
自定义代码片段安装
主题特定样式