将标题中的Bigcommerce模板类别菜单更改为页面菜单

Question

我刚开始使用Bigcommerce模板，我需要将页面菜单显示为标题菜单而不是类别菜单，我已经设法将顶层更改为页面而不是类别，但是子菜单项仍然显示为类别，我该如何做到这一点?

要改变顶层菜单，我只改变了这个-

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

To this -

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

在navigation-menu.html文件中。然后，它调用导航列表。html的子类别，但如果我改变任何东西，从类别到页面，它不工作，有人有这个问题吗?

任何帮助都将非常感激，

谢谢!

Answer 1

在您的navigation-menu.html文件中，如果您只计划显示页面，则不需要在每个页面中循环导航列表文件。

你可以改变你的底部代码样本，你必须这样做，它将显示每个页面名称与正确的链接地址的页面。

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

当您在{{#each}} handelbar helper内部时，它正在循环每个页面的数据，并显示结果。为了更好地理解和可视化这是如何工作的，您可以在本地主机地址的末尾添加?debug=bar，并向下滚动到页面底部，以JSON形式查看可用数据。在JSON中搜索值"pages"，您将看到每个页面都有一个名称和url。