2016-05-04 49 views
0

我想让Algolia搜索工作在Genesis儿童主题上。Algolia搜索在WordPress中不能使用创世纪主题

我已经从https://github.com/algolia/algoliasearch-wordpress下载了Beta WordPress插件。虽然我可以看到网络明智,但一切正常,搜索结果不会显示在搜索框下方的AJAX下拉菜单中。

另一个有趣的发现是,虽然网站前端的主搜索栏没有显示任何结果,但页面右上角的管理菜单中的小搜索栏却显示结果。这是因为Algolia代码附加到任何DOM元素[name =“s”]。

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

有什么想法或建议尝试?

其他的事情我已经尝试:

  1. 我把搜索栏在页脚以及(想,也许不透明度可能是在头一个问题)。同样的结果
  2. 我已经在类似的网站上测试了相同的插件(使用相同的插件),但是使用非创世纪主题。它工作正常。这就是为什么我认为这可能与创世纪有关。
  3. 如上所述,当我在WordPress管理菜单中右上角的搜索栏中输入时,它确实有效。
+0

艾米特嗨,你尝试让与您可以在这里下载该插件的新版本这项工作? https://community.algolia.com/wordpress/ – rayrutjes

+0

嗨雷,这个问题来自很久以前。我确实在Sylvain的帮助下工作。这是一个与.search-form元素相关的CSS更改。以下是Sylvain提供的完整解决方案:问题是,父搜索表单配置了一个奇怪的“overflow:hidden”。要修复您的主题,只需添加以下CSS规则: .search-form overflow:visible!important; } –

回答

1

对于其他人正试图得到这个创世记工作,这里是CSS变化: 问题是父.search形式配置了一个奇怪的“溢出:隐藏”。在写这篇的时候

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

插件的新版本最近发布,0.2.6:解决您的主题,只需添加下面的CSS规则。

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

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

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

最佳

相关问题