如何使 BigCommerce 类别描述可访问以在导航中显示

Question

我正在为 BigCommerce 网站构建自定义导航，除了 name 和 url 之外，还需要在导航项中显示类别描述。

我的导航是通过一个组件显示的，所以我知道我不能在那里请求 Front Matter，但是由于 name 和 url 已经可以访问，所以我认为描述也是如此。 .

这是我试图显示数据的导航代码的一部分。任何关于如何实现这一点的提示都将不胜感激！

{{#each children}}
  <li class="navigation__submenu-item">
    <a class="navigation__submenu-action has-subMenu"
      href="{{url}}"
    >
      {{#if image}}
      <img class="navigation__submenu-img" src="{{getImage image}}" alt="{{image.alt}}" />
      {{/if}}
     <div>{{name}}</div>
<small class="navigation__submenu-msg">{{description}}</small>
  </a>
  </li>
{{/each}}

Answer 1

您确实需要指定使用 Front Matter 显示说明。 BC 文档中没有很好解释的是，您实际上可以在 config.json 文件中指定全局 Front Matter。假设您正在使用 Stencil CLI 进行本地开发，您可以编辑 config.json 文件。您将查找“资源”对象并将以下代码附加到它：

"categories": {
  "description": true
}

因此，如果您的资源对象如下所示（默认 Cornerstone）：

"resources": {
  "cart": false,
  "bulk_discount_rates": false,
  "shop_by_brand": {
    "limit": 10
  }
},

改成这样：

"resources": {
  "cart": false,
  "bulk_discount_rates": false,
  "shop_by_brand": {
    "limit": 10
  },
  "categories": {
    "description": true
  }
},

如何使 BigCommerce 类别描述可访问以在导航中显示

How to make BigCommerce Category Description accessible to display within navigation

bigcommerce

bigcommerce-stencil-cli