Shopify hierarchical menu implementation with named tags shows no labels inside

Hi,

I’m trying to implement a hierarchical catalog structure on Shopify. I’ve created the named tag structure and implemented hierarchicalMenu component.

Thanks to @vvo’s recommendation in this thread, the html structure of the menu is compiling as it should be. But there is no label content inside of it.

Can anyone guide me with what the problem might be?

Here is what I’ve checked so far:

This is the html output of first level:

17

In Algolia’s JSON response, I can see results[0].facets.named_tags.lvl0 :

42

and results[0].hits[n].named_tags.lvl0 … lvl3 :

48

The code from algolia_instant_search.js.liquid is:

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
  })
);

placed just before instant.search.start();

Thanks a lot.
Koray.