Question

我在shopify上的Algolia Instantsearch Hierachicalmenu实施问题。列表上的每个项目都还可以，但是我无法正常工作。到目前为止，这是我所做的：

。。

我在 snippets / algolia_instant_search.hogan.liquid

<div class="hierarchical-categories-menu"></div>

我在 assets / 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,
      })
   );

我在shopify-app的“ 搜索选项”中将lvl0，lvl1，lvl2，lvl3方面设为“ 活动”和“ 隐藏” ”页面。
阿尔及利亚的XHR响应包括results[0].facets.named_tags.lvl0 .. lvl3个具有正确值和计数的节点。
阿尔及利亚的XHR响应包括results[0].hits[n].named_tags.lvl0 .. lvl3个节点。
样品水平数据如下：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>

谁能说出问题所在？

谢谢。

Answer 1

事实证明，出于某种原因，您应该在shopify-app的配置页面上将“ lvl”方面设为“ 无效”。

使用Algolia的named_tags在Shopify上使用分层构面的问题

1 个答案: