Jon Christopher

Pavlo

Does not require <a href="https://searchwp.com/?utm_source=WordPress&utm_medium=Plugin+Readme+Requirement+Link&utm_campaign=Live+Ajax+Search&utm_content=SearchWP" rel="nofollow ugc">SearchWP</a>, but will utilize it if available. <a href="https://searchwp.com/extensions/live-search/" rel="nofollow ugc">Full documentation</a> is available at searchwp.com.
SearchWP Live Ajax Search enables AJAX powered live search for your search forms. Designed to be a developer’s best friend, SearchWP Live Ajax Search aims to stay out of your way but at the same time allowing you to customize everything about it. It’s set up to work with any WordPress theme and uses a template loader to display results. The template based approach allows you to seamlessly customize your SearchWP Live Search implementation without messing with dozens of cluttered options.
<h4>Works best with SearchWP (but SearchWP is not necessary)</h4>
SearchWP Live Ajax Search is best utilized in conjunction with <a href="https://searchwp.com/?utm_source=WordPress&utm_medium=Plugin+Readme+Best+Link&utm_campaign=Live+Ajax+Search&utm_content=SearchWP" rel="nofollow ugc">SearchWP</a>, but it is not required. If SearchWP is installed and activated, SearchWP Live Ajax Search can be customized to use any of your search engines per search form.
<h4>Customization</h4>
You can customize the implementation of SearchWP Live Ajax Search to a great degree, including any number of developer-defined configurations. The results are based on a template loader, allowing SearchWP Live Ajax Search to stay out of your way and letting you write the results template as you would any other WordPress theme file.
Everything is powered by adding a single HTML5 data attribute (<code>data-swplive="true"</code>) to the input field of your search form. This happens automagically out of the box for any search forms generated from <code>get_search_form()</code>.
<h4>Widget support</h4>
SearchWP Live Ajax Search ships with a Widget allowing you to insert live search forms wherever you’d like.

SearchWP Live Ajax Search

Works lovely with any search plugin you want to use. WP default, Relevanssi, or SearchWP. Very nice and makes your website search that much friendlier to use!

Beautiful! Works and fast! (default WP search, Relevanssi)


Great job to the developer! This is amazing. The customization options have been thought through incredibly well.


Amazing Work

Template powered live search for any WordPress theme. Does not require SearchWP, but will utilize it if available.

vrpr

Plugin’s documentation: https://wdvillage.com/wdv-ajax-search/
ATTENTION! After updating to version 1.0.3, you need to open the plugin properties and click on the “Add / Edit Settings” button for each of the shortcodes you created and click on the “Save” button in the modal window that opens. If this is your first time installing this plugin, then just follow the documentation.
DESCRIPTION 
WDV Ajax Search (WordPress plugin) – with this plugin you can create different search forms for different post types your site and put their shortcode on the corresponding page.
ADMIN PART 
You can create special search form for any post type. In table you can see shortcode for your search form. You can put shortcode on the corresponding page or you can use form shortcode on template (you can find how to do this in documentation).
FORM SETTINGS 
Now you press button “Add/Edit Settings” and choose settings that you need. On General options, in paragraph 1 – ” Search in custom post types” you can see list of all post types that exists on your site. Here you can choose post type. For example you want to make search form for searching in post type “wdvdocs”. 
In paragraph 2 – “Search by” you can choose – the search will be carried out only by post titles or by post titles and content. 
In paragraph 3 you can write that message will see your custome if there are not records found (for example – “No record found”). 
In paragraph 4 you can write how many search result show on one table page with search results.
On the tab “Image” you can choose whether to show images in search results. You can choose size of the pictures and select the default image which will be shown if post have no picture.
On the “Layout” tab you can choose how the search form will look like.
HOW TO USE 
You can add the shortcode directly to the page where you want to see the search form. For example, you installed the documentation plugin for your products. Perhaps it does not have a search form and you can add a shortcode to search for documents to the page that displays the list of documents.
You can also add a shortcode to the archive page or to the blog page.
If during the creation of the form on the tab “General -> Search by” the item “Title” was selected and the visitor can simply open the found pages. 
If during the creation of the form on the “General -> Search by” tab the item “Title & Content” was selected and the visitor opens any of the found pages – on this page the found search text will be highlighted in color.
REAL EXAMPLES 
– This page (aniro.wdvillage.com/services/) contains a service search form. Here the search is carried out by headings (you can use for example “book” as a search word): Services (When the search is carried out by headings, then when opening the found pages, the search word is not marked there.) 
– Here (aniro.wdvillage.com/blog/) you can see search form on blog page: Blog (you can use for example “room” as a search word). 
– This page (aniro.wdvillage.com/rooms/) contains a search form for the description of rooms. Here, the search is carried out by the titles and content of the page (you can use for example “bed” as a search word): Rooms (When the search is carried out by the titles and content of the page, then when you open the found pages, the search word there is highlighted in color.)
<h3>Sources and Credits</h3>
<ol>
<li>
jQuery.Finder.js 
Finder (https://www.jqueryscript.net/text/Search-Through-Text-Finder.html) is a jQuery plugin for web apps and hybrid mobile apps to replicate the “Find” feature available in browsers and other software via Ctrl+F. This is perfect for implementing in hybrid mobile apps, where the browser’s features are not available to the user, and for web apps where you need to constrain the “Find” function to a particular porton of the page (e.g., to exclude UI elements from the search). 
This plugin was created by [Danny McGee] (https://github.com/dannymcgee).
</li>
<li>
Icon Fonts: 
Font Awesome (https://fortawesome.github.io/Font-Awesome/)
</li>
</ol>

WDV Ajax Search

With this plugin you can create different search forms for different post types and put their shortcode on the corresponding page.

SearchWP Live Ajax Search vs WDV Ajax Search