Instant Ajax Search on sidebar?

Hey andri7luck!

No, the ajax search does not work with a standard search form at the moment. You can suggest the feature here: https://kriesi.at/support/topic/enfold-feature-requests/ and if other users request it we’ll look into it.

Update: I looked into it and you can do it with a quick hack. In enfold/js/avia.js replace

 new $.AviaAjaxSearch({scope:'#header'});

with

 new $.AviaAjaxSearch({scope:'#header, .widget_search'});

Then replace

this.scope.on('keyup', '#s:not(".av_disable_ajax_search #s")' , $.proxy( this.try_search, this));

with

this.scope.on('keyup', '#s:not(".av_disable_ajax_search #s")' , $.proxy( this.try_search, this));

            $(document).not(this.options.scope).on('click', function(){
                $('.widget_search #searchform .ajax_search_response').fadeOut(300, function(){ $(this).remove(); });
            });

Afterwards add following css code into the quick css field

#top .widget_search #searchform .ajax_search_response{
    padding-top: 20px;
    position: absolute;
    background: #fff;
    z-index: 100;
    max-width: 100%;
    border: 2px dotted #e2e2e2;
}

and change the styling of the ajax response results if you want.

Regards,
Peter

Hey!

I checked the code in avia.js http://www.getushotel.com/wp-content/themes/enfold/js/avia.js?ver=1 and you added

new $.AviaAjaxSearch({scope:'#header, .widget_search'});

at the very beginning of the file – please remove the code – it causes a js error and is not required.

Cheers!
Peter

Hey!

Now I can’t access the website at all…

Best regards,
Peter

Hey!

It seems to work for me now but I had to clear the browser cache first.

Regards,
Peter