May 3, 2016 at 7:56 pm #184933
Not sure if anyone here has worked with Algolia Search before. It is an Instant Search Solution by Algolia.
I have downloaded the Beta WordPress plugin from https://github.com/algolia/algoliasearch-wordpress. While I can see that network wise, everything works well, the Search Results do not show up in the AJAX drop down just below the Search Box.
Another interesting observation is that while the main Search Bar on the front end of the website does not show any results, the small Search bar within the Admin menu on the top right corner of the page does show the results. That is because the Algolia code attaches to any DOM element with [name="s"].
However, I have checked using the Inspect tools that the Main Search bar is also surrounded by Algolia <span class>. As I type into the Main Search Bar, I can see the DOM changing dynamically to add the <div>s containing the search results. So I know that the network piece is working.
Any ideas or suggestions on what to try? I have asked Algolia but the plugin is Development mode, so support is almost non-existent.
Other things I have tried:https://www.tacknrider.com/
1. I placed the Search bar in the footer as well (thinking that maybe the opacity might be a problem in the header). Same result
2. I have tested the same plugin on a similar site (with identical plugins) but with a non-Genesis theme. It works fine. That is why I have concluded that this might be related to Genesis.
3. As I stated above, when I type in the Search bar in the top right corner within the WordPress Admin menu, it does work.May 3, 2016 at 11:03 pm #184941May 4, 2016 at 4:56 pm #184990
But I do not see any errors in the Console under Google Chrome Inspect Tools.
Can you please post what errors you are receiving?May 4, 2016 at 5:18 pm #184991
The error I saw yesterday is gone. You just have warnings now:
mutating the [[Prototype]] of an object will cause your code to run very slowly; instead create the object with the correct initial [[Prototype]] value using Object.create
Use of getPreventDefault() is deprecated. Use defaultPrevented instead.
May 4, 2016 at 6:18 pm #184996July 19, 2016 at 10:03 pm #189827
I was able to figure out (with help from Algolia engineers) why this was not working on Genesis themes. For anyone else looking for an answer to this, please change the CSS in your child theme's style.css:
overflow: visible !important;
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.