为 Shopify 主题设置 Breadcrumbs & Categories
欢迎使用 Breadcrumbs & Categories!本指南将帮助您在 Shopify 主题中通过几个简单步骤设置面包屑导航和子类别。
您将获得
提升您的商店导航体验:
Smart Breadcrumbs - 帮助客户轻松浏览您的商店
Advanced Categories - 超越 Shopify 基础集合的产品组织方式
SEO Boost - 谷歌喜爱的结构化数据
Beautiful Design - 自动匹配任何主题
安装
从 Shopify 应用商店安装
访问 Breadcrumbs & Categories 应用页面
点击“安装”
查看权限并点击“安装应用”
您将被重定向到应用仪表板

快速设置(三步)
安装后,您将在仪表板看到快速启动部分。请按照以下三个简单步骤操作:

步骤 1:在您的主题上激活应用嵌入
第一步是在您已发布的主题上激活应用嵌入。这允许应用在您的商店显示面包屑和类别。
在仪表板中展开 步骤 1:激活应用嵌入
应用会自动检测您的实时(已发布)主题
点击 “启用应用嵌入” 按钮
在主题编辑器中点击 “保存” 以激活嵌入
状态将变为带绿色徽章的 “应用嵌入已激活”
步骤 2:将区块添加到您的主题
现在,您将把面包屑和子类别区块添加到您的实时主题,使其显示在您的商店中。
点击 “向主题添加区块” 下拉按钮
您将看到三个可选区块:
• Breadcrumbs - 产品/集合页面的导航面包屑
• Sub-categories - layout text below - 显示图片下方带文字的子类别
• Sub-categories - layout text overlay - 显示图片上覆盖文字的子类别
选择您想添加的区块(可添加多个区块)
区块将自动插入到您的实时主题中
步骤 3:配置结构
区块添加到主题后,设置面包屑和子类别,让导航更清晰,购物更便捷。了解更多关于管理类别 →
点击 “打开类别树” 按钮
您将看到带拖放界面的类别树编辑器
构建您的类别层级:
• 拖动类别以重新排序
• 将子类别嵌套到父类别下
• 创建多级导航结构
完成后点击 “保存”
验证安装
完成三步后,检查您的产品页面:
访问您商店的任意产品
您应能在顶部看到面包屑导航
点击面包屑链接测试导航
