Bigcommerce模板 - 如何查找類別中的頂級類別每個

Question

我是模板的新手，我試圖在非頂級類別頁面上獲取頂級類別。我期望循環訪問類別，但只打印頂層下面列出的項目。這是我使用的工作，如果我在頂層頁面，但沒有，如果我在子類別頁面上。

{{#each categories}} 
      {{#if name '===' ../category.name}} 
       <li class="parent {{#if children}}has-children tier-dropdown{{/if}}"> 
       <a href="{{url}}">{{name}}</a> 
       {{#if children}} 
        <ul class="children"> 
        <li class="parent-all"><a href="{{url}}">{{lang 'common.navigation_all'}} {{name}}</a></li> 
        {{#each children}} 
         <li> 
         <a href="{{url}}">{{name}}</a> 
         {{#if children}} 
          <ul class="children2"> 
          <li class="parent-all"><a href="{{url}}">{{lang 'common.navigation_all'}} {{name}}</a></li> 
          {{#each children}} 
           <li {{#if children}}class="tier-dropdown"{{/if}}> 
            <a {{#if children}}class="tier-toggle"{{/if}} href="{{url}}">{{name}}</a> 
            {{#if children}} 
             <ul class="tier-panel"> 
              <li class="parent-all"><a href="{{url}}">{{lang 'common.navigation_all'}} {{name}}</a></li> 
              {{#each children}} 
               <li {{#if children}}class="tier-dropdown"{{/if}}> 
                <a {{#if children}}class="tier-toggle"{{/if}} href="{{url}}">{{name}}</a> 
                {{#if children}} 
                 <ul class="tier-panel"> 
                  <li class="parent-all"><a href="{{url}}">{{lang 'common.navigation_all'}} {{name}}</a></li> 
                  {{#each children}} 
                   {{> components/common/site-navigation-submenus}} 
                  {{/each}} 
                 </ul> 
                {{/if}} 
               </li> 
              {{/each}} 
             </ul> 
            {{/if}} 
           </li> 
          {{/each}} 
          </ul> 
         {{/if}} 
         </li> 
        {{/each}} 
        </ul> 
       {{/if}} 
       </li> 
      {{/if}} 
     {{/each}} 

強調的要點是2號線作爲if語句需要始終指向頂級類別，即使一個子類別頁面上。

我雖然有關於使用麪包屑，但不能想出一種方法來使用每個循環內的類別。

Answer 1

這裏沒有純粹的Stencil/Handlebars.js解決方案。您需要能夠對BigCommerce沒有幫助的父類別進行遞歸向上搜索。最好的解決方案是在頁面加載期間重新設置項目或將項目添加到列表中。

您可以使用頁面url，具體取決於您的URL的結構或麪包屑，如您所述。

TL; DR你需要javascript。