окно поиска algolia: как добавить фильтры в поле поиска

#algolia

Вопрос:

Я использую lagolia, и в записи добавлено поле категории как фасет, а также поле местоположения

Я хочу создать окно поиска что-то вроде

введите описание изображения здесь

Как я могу это сделать

Ответ №1:

С обоими из них самым простым способом будет использовать InstantSearch.js и встроенные виджеты.

Для категорий вы будете использовать refinementList виджет. Это приведет к извлечению категорий на основе имени атрибута для данных. Это свойство можно использовать templates для определения способа отображения категорий.

Геопоиск всегда будет немного сложнее. Чтобы сделать это с помощью InstantSearch, вы захотите уточнить свой поиск на основе широты и долготы. Вы можете создать пользовательский параметр, который будет вставлен в поиск при запуске поиска. Для этого вы настроите виджет поля поиска с помощью этого queryHook параметра. В крючке запроса вы можете добавить aroundLatLng параметр в свой поиск.

Комментарии:

1. извините, не могли бы вы показать некоторые наброски для reactjs и algolia