2016-05-04 21 views
0

私はAlgolia SearchでGenesisの子テーマを扱おうとしています。Algolia Search WordPressのGenesisテーマで作業していません

私はhttps://github.com/algolia/algoliasearch-wordpressからBeta WordPressプラグインをダウンロードしました。そのネットワークが賢明だが、すべてがうまくいけば、検索結果は検索ボックスのすぐ下のAJAXドロップダウンに表示されません。

もう一つの興味深い観察は、ウェブサイトのフロントエンドのメイン検索バーが何も結果が表示されない一方で、ページ右上の[管理]メニュー内の小さな検索バーには結果が表示されないということです。これは、Algoliaコードが[name = "s"]のDOM要素に結びついているためです。

しかし、Inspectツールを使用して、メイン検索バーもAlgolia <span class>に囲まれていることを確認しました。メイン検索バーに入力すると、DOMが動的に変化して、検索結果を含む<div>のタグが追加されます。だから私はネットワーク作品が動作していることを知っている。

何を試してみるかに関するアイデアや提案はありますか?私が試してみました

他のもの:

  1. 私も(多分不透明度がヘッダーで問題になるかもしれないと考えて)フッターに検索バーを配置しました。同じ結果
  2. 同じプラグインを(同じプラグインを使用して)同じGenie以外のテーマでテストしました。それはうまく動作します。それが私が創世記に関連していると結論づけた理由です。
  3. 上記のとおり、WordPress管理者メニューの右上隅にある検索バーに入力すると機能します。これはジェネシス上で動作するように取得しようとしている他の誰のために
+0

こんにちはアミット、あなたがここにダウンロードできるプラグインの新バージョンで、この作品を作ってみたのですか? https://community.algolia.com/wordpress/ – rayrutjes

+0

こんにちは、この質問は長い時間前からです。私はシルヴァンの助けを借りてそれを働かせました。これは、.search-form要素に関連するCSS変更でした。ここでは、Sylvainの全面的な解決策があります:問題は親の.search-formが奇妙な "overflow:hidden"で構成されていることです。テーマを修正するには、次のCSSルールを追加してください: .search-form { オーバーフロー:visible!important; } –

答えて

1

、ここでCSSの変更は次のとおりです。 問題は親.search-形が奇妙な「オーバーフロー:隠された」で構成されていることです。これを書いている時点で、プラグインの新バージョンが最近リリースされた

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

、0.2.6:あなたのテーマを修正するには、単に以下のCSSルールを追加します。

新しいバージョンでは、ドロップダウンは検索入力コンテナと同じコンテナに挿入されなくなりましたが、代わりにドキュメントに添付されます。

あなた自身の答えで共有されているように、もはやCSSを微調整する必要はありません。あなたがから最新バージョンをダウンロードすることができ

https://community.algolia.com/wordpress

ベスト