添加侧栏“;“按品牌购物”;在Bigcommerce模板主题中

添加侧栏“;“按品牌购物”;在Bigcommerce模板主题中,bigcommerce,Bigcommerce,我试图在Bigcommerce主题中添加一个品牌商店。我已经浏览了模板文件,似乎不知道我需要做什么。我找到了“shop by price.html”模板页面,我想我可以在上面粘贴一些代码,但似乎找不到品牌列表代码 这是shop-by-price.html页面 {{#if shop_by_price}} <div class="sidebar-block shop-by-price facet-list" data-facet-filter> {{> componen

我试图在Bigcommerce主题中添加一个品牌商店。我已经浏览了模板文件,似乎不知道我需要做什么。我找到了“shop by price.html”模板页面,我想我可以在上面粘贴一些代码,但似乎找不到品牌列表代码

这是shop-by-price.html页面

{{#if shop_by_price}}
  <div class="sidebar-block shop-by-price facet-list" data-facet-filter>
    {{> components/common/facet-toggle title=(lang 'category.shop_by_price')}}
    <ul class="facet-list-items is-open" data-facet-filter-wrapper>
      {{#each shop_by_price}}
        <li class="facet-item">
          <a class="{{#if selected }}is-active{{/if}}" href="{{url}}" alt="{{low.formatted}} - {{high.formatted}}">{{low.formatted}} - {{high.formatted}}</a>
        </li>
      {{/each}}
    </ul>
    {{#any shop_by_price selected=true}}
      <a href="{{category_url}}" class="link facet-remove">
        {{lang 'category.reset'}}
      </a>
    {{/any}}
  </div>
{{/if}}
{{{如果按价格购买}
{{>components/common/facet toggle title=(lang'category.shop_by_price')}
    {{{每家商店按价格}
  • {{/每个}}
{{{{任意店铺{u按所选价格=true} {{/any} {{/if}
如果我没有错,那么您希望在类别侧边栏页面中显示品牌列表,那么请从管理端打开您的模具主题编辑器 模板->组件->类别->侧栏.html打开文件sidebar.html并粘贴到下面的代码中

<nav>
    {{#if category.subcategories}}
    <div class="sidebarBlock">
        <h5 class="sidebarBlock-heading">{{category.name}}</h5>
        <ul class="navList">
            {{#each category.subcategories}}
            <li class="navList-item">
                <a class="navList-action" href="{{url}}" alt="{{name}}" title="{{name}}">{{name}}</a>
            </li>
            {{/each}}
        </ul>
    </div>
    {{/if}}
{{#if shop_by_brand}}
        <div class="sidebarBlock">
            <h5 class="sidebarBlock-heading">{{lang 'brand.label'}}</h5>
            <ul class="navList">
                {{#each shop_by_brand}}
                    <li class="navList-item">
                        <a class="navList-action" href="{{url}}">{{name}}</a>
                    </li>
                {{/each}}
                <li class="navList-item">
                    <a class="navList-action" href="{{urls.brands}}">{{lang 'common.view_all'}}</a>
                </li>
            </ul>
        </div>
        {{/if}}
    {{#if category.faceted_search_enabled}}
        {{> components/faceted-search/index category}}
    {{else}}
        {{> components/category/shop-by-price shop_by_price=category.shop_by_price category_url=category.url}}
    {{/if}}

</nav>

{{{#if category.subcategories}
{{category.name}
    {{{#每个类别.子类别}
  • {{/每个}}
{{/if} {{{如果按品牌购物} {{lang'brand.label'}
    {{{每个商店都有品牌}
  • {{/每个}}
{{/if} {{{if category.faceted_search_enabled} {{>组件/分面搜索/索引类别} {{else} {{>组件/类别/按价格开店\u按价格开店\u按价格=类别.开店\u按价格类别\u url=类别.url} {{/if}
点击“保存并应用”按钮后,它将如下所示

检查屏幕截图:该屏幕截图是否反映了下面的内容。。。。代码?你现在可以查看网站了。你发给我的网站没有侧栏,只有一个页面,上面有很多项目。对不起,我做了一些更改,请现在查看。