Ajax Search Function

Hey Victoria,

Unfortunately, you won’t be able to see the site until it goes live. The site is being stored and developed in a bizarre way!

I’ve had to edit my browser host file in order to gain visibility of the site in order to work on it.

See screenshots attached regarding my Ajax Search issue. Screenshot 1 (https://ibb.co/fOzAsJ) shows the function working perfectly in the header. However, screenshot 2 (https://ibb.co/n8Ezmd) shows the search bar not working correctly when placed in a Code Block on my site homepage.

I’d like the search function to display results whilst the user types. It works fine in the header, but not on the page itself.

I can give you FTP logins if they’re of any use?

Many thanks,
Steve

Hi Nikko,

Here’s what I added to the codeblock:

<form action=”http://rtmachinery.co.uk/?s=/&#8221; id=”searchform” method=”get” class=””>
<div>
<input type=”submit” value=”” id=”searchsubmit” class=”button avia-font-entypo-fontello”>
<input type=”text” id=”s” name=”s” value=”” placeholder=”Start your search…”>
</div>
</form>

That’s great.

So I simply need to replace my codeblock code with code from enfold\config-templatebuilder\avia-shortcodes\search\search.php (line 776+)

Correct?

Hi Nikko,

Apologies, I’m not sure what I need to do? I simply want to add a search box to my homepage that functions exactly the same way the search bar functions in the site header.

On line 776 of the search.php file is the following code: (which doesn’t work in my codeblock)

if ( !empty($results_style) ) {
$results_style_str = json_encode($results_style);
$results_style_attr = ” data-results_style='{$results_style_str}'”;
}

Please, can you explain as simply as possible what I’d need to do to add an additional search bar to my site.

Many thanks,
Steve