Как реализовать подсказки при наборе в поиске WordPress?

Question

[Илья Петров]

Каким способом можно реализовать подсказки при наборе в поисковой строке на сайте Wordpress?

Comments

[Дмитрий]

С помощью плагинов реализуется. Есть темы WP, где уже реализован поиск с подсказками. Смотри Roayal Shop.

[Roman]

Дмитрий, немного не точно, в темах обычно реализуют что-то типо топа поиска (он не меняется вообще). ТС как я понял нужно на основе ввода чтобы предлагало дополнение .

[Дмитрий]

Roman, Почему не меняется? В указанной мной теме появляются подсказки ещё на этапе ввода ключевой фразы.

[Roman]

Дмитрий, честно не смотрел именно вашу тему. Брал из опыта что я делал , там было именно то, что я описал.

Answer 1

[Roman]

Тебе нужна функция autosuggest для поиска. Можешь рассмотреть вариант для WP ElasticPress

Comments

[Илья Петров]

ElasticPress работает с локальным ElasticSearch?
Какую версию ElasticSearch ставить?

[Roman]

Илья Петров, как один из вариантов . Насчёт версии: можете ставить последнюю

[Илья Петров]

Roman, Autosuggest ElasticPress отправляет на endpoint POST запрос с JSON данными.
Как правильно их обрабатывать, чтобы получать подсказки по тексту?

Код моего endpoint. Он возращает найденные посты в WP. Но там нет подсказок как на скриншоте вопроса.
Нужно изменить код запроса или самому собирать подсказки на основе найденных результатов?
Если сможете поделиться кодом подсказок, буду благодарен

$searchQuery = new WP_Query( [
	's' => @$data->suggest->text
] );

[Roman]

Илья Петров, вам лучше напрямую обратиться к разработчикам плагина
https://github.com/10up/ElasticPress. EМНИП сразу выбираете в elastic какие данные индексировать . Далее подключаетесь к бд еластик (вводите правильные данные). Все это дело индексируете. Далее на странице page=elasticpress включаете Autosuggest и указываете selectors к которому выводить подсказки