Can i use sortBySelector like a hierarchicalMenu?
See original GitHub issueI have filters on the site, and it’s using sortBySelector:
<select data-reactroot="" class="ais-sort-by-selector">
<option class="ais-sort-by-selector--item navbar-nav" value="sa">Sort by</option>
...other options....
</select>
works perfect but i need filter in the hierarchicalMenu can i convert it to?
<ul class="navbar-nav">
<li class="nav-item">
<div class="nav-link">Popular</div>
</li>
...other li tags....
</ul>
Where can I see the example? https://prnt.sc/l69xrt or this is unreal?
Issue Analytics
- State:
- Created 5 years ago
- Comments:12 (6 by maintainers)
Top Results From Across the Web
hierarchicalMenu | InstantSearch.js - Algolia
An InstantSearch.js widget to create a navigation menu based on a hierarchy of facets. It's used for categories with subcategories.
Read more >instantsearch.js - UNPKG
* The **GeoSearch** connector provides the logic to build a widget that will display the results on a map. It also provides a...
Read more >vue-instantsearch | Yarn - Package Manager
Fast, reliable, and secure dependency management.
Read more >Cannot read property '$' of undefined Error while using the ...
noResults + '</div>' } }; } return options; } });. while as you can see TM_OrderSearch/js/internals/algoliaBundle.min in the require js this is ...
Read more >Can I set defaultRefinement on hierarchicalMenu in the .js ...
For example you can do something like this const search = instantsearch({ indexName: 'instant_search', searchClient, ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
yes, connectors are only available in InstantSearch v2 😃
I mean transforming only that bit, babel has a repl you can do this in for example: https://babeljs.io/repl#?babili=false&browsers=last 2 versions&build=&builtIns=false&spec=false&loose=false&code_lz=MYewdgzgLgBBCmBDATsAFjAvDAlpKiYUCK6AFAN4BQMMiADvQJIAmAXDAOQA2iU8YYAE9OAGhp16OANLwhHTgDYARvAAMAVgDsigGa7FARmCaAzCw26AnIlMAmOxvh3EVtbp1iJeFvAAeAHKIALbwCnjQhFAA-iSoaF60AK7I3ADKQoIcUMhJ8FQAvgCUANxUVHHoAHSILCwA6jgsAObwUGQRBESVaFUA7k2txFVoOMSUVACQoESIePDICgDEo8SJMPzB9Lz8EBzUtLTwW1DyXAEgMMjwEEnca-KHuJsKADzHAHwAEmMwFBQgZQAK3gwCgTAAIgUCq8APSffb_aKjZpobg4VFQABKNzuUCqYBC8CqADdENw8tCCpwJAVCkVSuVYbCYMAktAQMEYAADa5gXzIABiYG5G0ufIFGzQ8FZ7KgnJgAFkBEkYAMWm0qLokoIoDhwFcBALhWRlWAkjj-Qs8M0APL0PXgCCiXAQQU4ZDQS0Cm1FP7eXQwDpuj1eo3WsDNP0HQ5mi3h5A2-2OyD9QZtAAKKBCECqMwI82QF18EieIygwW4ZE4rwQ3FBUA-cLrDc4jNLSpV3ojdod-tT6qGWeQObz4ALYAWxfyT1oVV0PmrLbBbY7c_A1fQhFaYhg2t1_bI8BJAig0bXsa7CaTfadVWuC8nR5PRCqBGQQ1J5LyjNnMGKZS0HSEhksgMAgLekBYJ25rdomkbJv2uZjMcubBAwZD7mCh4ocE55PNcUApGAzzHFUOAQDij7wCwF4APxcK8EEpjAZIUvAmAAEScDAADUpHBF-7F8VwnFwPA9ZgjRHw8fxuFVLwqjcCJNawsx_YyRebzqQabF5FxskCUJeQqZxMkifJikSSpcI6WAMmAf-v4wBIzJ0HUdDcMpdm4EQly1hJDYfBIMzQIa1EsEwmzQXGcE3imyGbLmj4sB00WYB8RkUVR8wsM5dm5jqECjLo7QSJMD65VFxwdpMDE1j5ekcdxImVZOkWbMZMr8ZwZlpPAMrktwtmQZpf7aZBrHfs1Q1icu_AsB8_WDV5I0pmNMDtrQsXXghkG5oOmbZsEub5nMk5FiAJZlilS6BSuRQduWlZkAVjLAW5MyTmCPISgswqivKMGqtwIDNDgwBUKBsocsEcbQZ0UQ9GOYDffKnoo2jcZkH9QpgO2yO1A06btGysPYzGZ2FtOHAACTVksoTmm2jx0FAOQ4MoST8EEoQKKMCykKMwDkgAwnw8DNCAiY3ApJLcGoNLFI9FRIPEVSRMg7SlEAA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=true&timeTravel=false&sourceType=script&lineWrap=false&presets=es2015-loose&prettier=true&targets=&version=6.26.0&envVersion=1.6.2