怎样在主页添加面包屑导航

[Scanhero]

使用的是 Refresh 模板，按照客服的提示，已经将 {% render 'breadcrumbs' %} 这个代码放在theme.liquid，但是主页依然没有显示？请指教，谢谢！

[Scanhero · Accepted solution]

根据客服的提示，在模板添加了 breadcrumbs 文件

[Scanhero · Accepted solution]

根据客服的提示，在模板添加了 breadcrumbs 文件

[Scanhero · Accepted solution]

公司：www.barcodeworld.net

我是按照这篇文章操作
https://ecomexperts.io/blogs/liquid-tutorial-shopify/how-to-add-breadcrumb-navigation-to-your-shopif...

添加新代码片段 > 命名为breadcrumbs

把文档中的代码添加进去

然后把  {% render 'breadcrumbs' %} 这个代码放在theme.liquid

但是前台没有显示面包屑导航

[Scanhero]

我将{% render 'breadcrumbs' %} 放在theme.liquid的 <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> 后面，前台页面虽然出现了面包屑，但是无论点击什么产品，都是显示 home>产品名称，每次直接退到home。应该怎样修改？

[AlfredXU]

我刚刚试了一下，可以显示的。首页是不会显示面包屑导航的，你可以点击进入具体的产品页面试试。

我遇到也是无论点击什么产品，都是显示 home>产品名称，每次直接退到home的问题。

另外，我在复制出来的模板里修改，竟然直接同步到线上了我丢。

[LackLee]

可以看下这篇教程 https://community.shopify.com/c/shopify-design/how-to-add-breadcrumb-navigation-to-your-shopify-stor...

文章里的代码都可以运行。关于主题模版的CSS文件，我的主题用的是 base.css 文件，可以将breadcrumb 的 Style放到文件的最下面。