Algolia Search在WordPress中不使用Genesis主题

Question

我正在尝试将Algolia Search用于Genesis儿童主题。

我已从https://github.com/algolia/algoliasearch-wordpress下载了Beta WordPress插件。虽然我可以看到网络明智，但一切运作良好，搜索结果不会出现在搜索框下方的AJAX下拉列表中。

另一个有趣的观察是，虽然网站前端的主搜索栏没有显示任何结果，但页面右上角Admin菜单中的小搜索栏确实显示了结果。这是因为Algolia代码使用[name =“s”]附加到任何DOM元素。

但是，我已经使用Inspect工具检查了主搜索栏也被Algolia <span class>包围。当我输入主搜索栏时，我可以看到DOM动态变化以添加包含搜索结果的<div>标签。所以我知道网络部分正在运作。

有关尝试的任何想法或建议？

我尝试过的其他事情：

1. 我也将搜索栏放在页脚中（认为可能不透明度可能是标题中的问题）。相同的结果
2. 我在类似的网站上测试了相同的插件（使用相同的插件），但是使用了非Genesis主题。它工作正常。这就是为什么我得出结论认为这可能与创世纪有关。
3. 如上所述，当我在WordPress管理菜单中右上角的搜索栏中输入内容时，它确实有效。

Answer 1

对于那些试图让它在创世纪上工作的人来说，这里是CSS改变： 问题是父.search-form配置了一个奇怪的“溢出：隐藏”。要修复主题，只需添加以下CSS规则：

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

Answer 2

最近发布了一个新版本的插件，在撰写本文时为0.2.6。

在新版本中，下拉列表不再与搜索输入容器注入相同的容器，而是附加到文档中。

您不再需要调整CSS，就像在自己的答案中共享一样。

您可以从以下网址下载最新版本：https://community.algolia.com/wordpress

最佳