Algolia Search Не работает с темой Genesis в WordPress

Question

Я пытаюсь получить Algolia Search для работы над детской темой Genesis.

Я загрузил плагин Beta WordPress от https://github.com/algolia/algoliasearch-wordpress. Хотя я вижу, что сеть мудрая, все работает хорошо, результаты поиска не отображаются в раскрывающемся списке AJAX чуть ниже окна поиска.

Еще одно интересное замечание состоит в том, что, хотя основная панель поиска на переднем конце веб-сайта не показывает никаких результатов, небольшая панель поиска в меню администратора в верхнем правом углу страницы показывает результаты. Это связано с тем, что код Algolia прикреплен к любому элементу DOM с помощью [name = "s"].

Однако, я проверил с помощью инструментов Inspect, что основная панель поиска также окружена Algolia <span class>. Когда я вхожу в основную строку поиска, я могу увидеть динамическое изменение DOM, чтобы добавить теги <div>, содержащие результаты поиска. Поэтому я знаю, что часть сети работает.

Любые идеи или предложения о том, что попробовать?

Другие вещи я пытался:

1. Я поместил панель поиска в сноске, а также (думая, что, может быть, помутнение может быть проблема в заголовке). Тот же результат
2. Я тестировал тот же плагин на аналогичном сайте (с одинаковыми плагинами), но с темой, отличной от Genesis. Он работает нормально. Вот почему я пришел к выводу, что это может быть связано с Бытием.
3. Как я уже говорил выше, когда я набираю строку поиска в верхнем правом углу в меню администратора WordPress, она работает.

Answer 1

Для любого другого, который пытается получить эту работу на генезиса, вот изменение CSS: Вопрос заключается в том, что материнская .search форма сконфигурирована со странным «переполнение: скрытый». Чтобы исправить тему, просто добавьте следующее правило CSS:

.search-form { 
overflow: visible !important; 
} 

Answer 2

Новая версия плагина была выпущена недавно, 0.2.6 на момент написания этого.

В новой версии выпадающее меню больше не вводится в том же контейнере, что и контейнер ввода поиска, а прикрепляется к документу.

Вам больше не нужно настраивать CSS так, как это принято в вашем собственном ответе.

Вы можете скачать последнюю версию с: https://community.algolia.com/wordpress

Лучшие