将 Bigcommerce Stencil 类别菜单更改为页眉中的页面菜单答案

【问题标题】：Changing Bigcommerce Stencil category menu to pages menu in header将 Bigcommerce Stencil 类别菜单更改为页眉中的页面菜单
【发布时间】：2016-08-30 21:56:07
【问题描述】：

我刚开始使用 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，但是如果我在类别之间更改任何内容，它就不起作用，其他人有这个问题吗？

任何帮助将不胜感激，

谢谢！

【问题讨论】：

标签： bigcommerce

【解决方案1】：

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

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

<ul class="navPages-list">
   {{#each pages}}
      <li class="navPages-item">
         <a href="{{url}}">{{name}}</a>
      </li>
   {{/each}}
</ul>

当你在{{#each}}handelbar 助手里面时，它会循环每个页面的数据，并显示结果。为了更好地了解并可视化其工作原理，您可以在 localhost 地址的末尾附加 ?debug=bar 并向下滚动到页面底部以检查 JSON 格式的可用数据。在 JSON 中搜索值“pages”，您会看到每个页面都有一个名称和 url。

【讨论】：