时间戳

首页 > 解决方案 > 使用 Algolia 的 named_tags 在 Shopify 上存在分层方面的问题

shopify - 使用 Algolia 的 named_tags 在 Shopify 上存在分层方面的问题

问题描述

我在 Shopify 上的 Algolia 即时搜索 hierachicalmenu 实施存在问题。清单上的每一项似乎都不错，但我无法让它工作。这是我到目前为止所做的：

. . .

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

  2. 我在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,
      })
   );

  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>

谁能告诉问题可能是什么？

谢谢。

标签： shopifyalgoliashopify-appinstantsearch.js

解决方案

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

推荐阅读