Shopify上的分层方面问题与Algolia的named_tags



我在shopify上使用Algolia的即时搜索分层菜单实现时遇到了问题。列表中的每个项目似乎都可以,但我无法让它工作。以下是我到目前为止所做的:

. . .

  1. 我在片段/algolia_instant_search.hogan.liquid<div class="hierarchical-categories-menu"></div>

  2. 我在资产/algolia_instant_search.js.liquid中有以下代码

instant.search.addWidget(
instantsearch.widgets.hierarchicalMenu({
container: '.hierarchical-categories-menu',
attributes: ['named_tags.lvl0', 'named_tags.lvl1', 'named_tags.lvl2', 'named_tags.lvl3'],
autoHideContainer: false,
showParentLevel: true,
})
);
  1. 我在shopify-app的">搜索选项"页面上将lvl0,lvl1,lvl2,lvl3方面设置为">活动"和">隐藏"。

  2. Algolia 的 XHR 响应包括results[0].facets.named_tags.lvl0 .. lvl3具有正确值和计数的节点。

  3. Algolia的XHR响应包括results[0].hits[n].named_tags.lvl0 .. lvl3节点。

  4. 样本级别数据如下: lvl0: "Žene" lvl1: "Žene > Odeća" lvl2: "Žene > Odeća > Gornji Delovi" lvl3: "Žene > Odeća > Gornji Delovi > Košulje"

. . .

当我检查结果页面上的元素时,我只看到一个空的div作为 .hierarchical-categories-menu 的最后一个子级:<div class="ais-hierarchical-menu--list ais-hierarchical-menu--list__lvl0"></div>

谁能说出问题可能是什么?

谢谢。

事实证明,出于某种原因,您应该在 shopify-app 的配置页面上使"lvl"方面">处于非活动状态"。

最新更新