У меня проблемы с реализацией hierachicalmenu Алголии InstantSearch на Shopify.Каждый пункт в списке кажется нормальным, но я не мог заставить его работать.Вот что я сделал до сих пор:
.,.
У меня есть <div class="hierarchical-categories-menu"></div> в отрывках / algolia_instant_search.hogan.liquid
У меня есть следующие коды в 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,
})
);
У меня есть фасеты lvl0, lvl1, lvl2, lvl3 как " active " и " hidden " в shopify-app's " Параметры поиска "стр.
XHR-ответ Algolia включает results[0].facets.named_tags.lvl0 .. lvl3 узлов со значениями и правильно рассчитывает.
XHR-ответ Algolia включает 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>
Может кто-нибудь сказать, в чем может быть проблема?
Спасибо.