我在shopify上使用Algolia的即时搜索分层菜单实现时遇到了问题。列表中的每个项目似乎都可以,但我无法让它工作。以下是我到目前为止所做的:
. . .
-
我在片段/algolia_instant_search.hogan.liquid中
<div class="hierarchical-categories-menu"></div>
-
我在资产/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方面设置为">活动"和">隐藏"。
Algolia 的 XHR 响应包括
results[0].facets.named_tags.lvl0 .. lvl3
具有正确值和计数的节点。Algolia的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>
谁能说出问题可能是什么?
谢谢。
事实证明,出于某种原因,您应该在 shopify-app 的配置页面上使"lvl"方面">处于非活动状态"。