Bigcommerceのステンシルカテゴリメニューをヘッダーのページメニューに変更する

Question

私はBigcommerceのステンシルを使い始めました。カテゴリメニューの代わりにページメニューをヘッダemnuとして表示する必要があります。トップレベルをカテゴリの代わりにページが表示されますが、サブメニューの項目はカテゴリとして表示されていますが、どのようにすればいいですか？

トップレベルのメニューの私が変更されたすべてのこのだっ変更するには - ナビゲーション-menu.htmlファイルで

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

- これに

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

を。その後、サブカテゴリのnavigation-list.htmlを呼び出しますが、カテゴリ間で何かを変更しても機能しません。他の誰かがこの問題を抱えていましたか？

すべてのヘルプははるかに高く評価されるだろう、

ありがとう！

Answer 1

navigation-menu.htmlファイルでは、ページの表示のみを計画する場合は、各ページ内のナビゲーションリストファイルをループする必要はありません。

これを行うボトムコードサンプルを変更すると、各ページ名に正しいリンクアドレスがページに表示されます。あなたは{{#each}} handelbarヘルパーの内側にある場合

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

、それは各ページのデータをループし、結果を表示しています。より良いアイデアを得て、これがどのように動作するかを視覚化するには、ローカルホストアドレスの末尾に?debug=barを追加し、ページの下部までスクロールして、利用可能なデータをJSON形式で調べることができます。 JSONで値 "ページ"を検索すると、各ページに名前とURLが表示されます。