handlebars.js - ホームページにブランドを表示する BigCommerce (ステンシル)

Question

BigCommerce テーマのホームページにブランドのコレクションを表示する必要があります。テーマは Stencil と Handlebars.js を使用しています。ページの上部にある私の Front-matter ブロックは次のとおりです。

ページの上部にあるYAML 。

---
carousel: true
products:
  new:
    limit: {{theme_settings.home-new-products}}
  featured:
    limit: {{theme_settings.home-featured-products}}
  top_sellers:
    limit: {{theme_settings.home-top-selling-products}}
blog:
  recent_posts:
    limit: 3
    summary: {{theme_settings.home-blog-summary-length}}
brands:
  limit: {{theme_settings.brands-count}}
---

ホームページのさらに下にあるHandlebars.js 。

<ul class="brand-items-list">
    {{#each brands}}
      <li class="brand-item {{#unless image}}no-brand-image{{/unless}}">
        {{#if image}}
          <figure class="brand-item-image-container">
            <a href="{{url}}">
              <img
                class="brant-item-image brand-name"
                src="{{getImage image 'thumb'}}"
                alt="{{name}}"
              >
              <span class="brand-name">{{name}}</span>
            </a>
          </figure>
        {{else}}
          <a class="brand-item-title" href="{{url}}">
            <span class="brand-name">{{name}}</span>
          </a>
        {{/if}}
      </li>
    {{/each}}
  </ul>

私の理解では、ブランドはどのページでも反復できるブランド オブジェクトのコレクションを返す必要があります。BigCommerce Front-Matter ドキュメンテーション

私が抱えている問題は、ホームページで使用すると {{brands}} が空になることです。