Question

我刚刚开始使用Bigcommerce模板，我需要将页面菜单显示为标题emnu而不是类别菜单，我设法将顶层更改为页面而不是类别，但是子菜单项仍然显示为类别，我该怎么做？

要更改顶级菜单，我改变了所有内容 -

<ul class="navPages-list">
   {{#each categories}}
     <li class="navPages-item">
        {{> components/common/navigation-list}}
     </li>
   {{/each}}
 </ul>

对此 -

<ul class="navPages-list">
       {{#each pages}}
         <li class="navPages-item">
            {{> components/common/navigation-list}}
         </li>
       {{/each}}
     </ul>

在navigation-menu.html文件中。然后它为子类别调用navigation-list.html，但是如果我在那里从一个类别改变到另一个页面的任何内容，它就不起作用，是否有其他人有这个问题？

非常感谢任何帮助，

谢谢！

Answer 1

在您的navigation-menu.html文件中，如果您只打算显示页面，则无需在每个页面内循环导航列表文件。

您可以更改您的底部代码示例，它将显示每个页面名称以及页面的正确链接地址。

{{#each}}

当你进入?debug=bar handelbar助手时，它会循环每个页面数据并显示结果。为了更好地了解并了解其工作原理，您可以在本地主机地址的末尾附加var isOpen = false; var toggle = () => isOpen = !isOpen; toggle(); print(isOpen); toggle(); print(isOpen);，然后向下滚动到页面底部以检查JSON格式的可用数据。在JSON中搜索值＆＃34; pages＆＃34;并且您会看到每个页面都有一个名称和网址。

将Bigcommerce Stencil类别菜单更改为标题

1 个答案: