Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #198847

    Hello,

    Is it possible to have instant ajax search on sidebar not just on header? I think it would be nice to have it.
    I already search the forum but can’t find the answer yet

    Thanks

    #198969

    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

    #198978

    Thanks a lot Dude,

    I already put the code step by step but it doesn’t work
    see this page:
    http://www.getushotel.com/ramada-resort-camakila/
    and this one http://www.getushotel.com/club-bali-suites-jayakarta-bali/
    the instant search won’t work.

    Please help. I know this must be a piece of cake for you.
    Thanks

    Regards,
    Andri

    #198987

    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

    #199020

    Hi Peter,

    Can you please recheck again this time? I think I put the code correctly now,

    but the ajax still not working, why?

    #199121

    Hey!

    Now I can’t access the website at all…

    Best regards,
    Peter

    #199302

    HI Peter,

    Please try again, I can open the site just now

    Regards,
    Andri

    #199386

    Hey!

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

    Regards,
    Peter

    #199388

    Hi!

    I checked the search form and it is working properly. You just need to add this on Quick CSS:

    .flex_column.av_one_fourth.first.avia-builder-el-5.el_after_av_one_half.column-top-margin {
    z-index: 999;
    }

    Best regards,
    Ismael

    #199424

    Hi Ismael,

    How can you get it working?
    I tried it again on firefox and chrome but it doesn’t work :(

    Sorry to bother you a lot (total newbie here)

    I also already add the code on quick CSS

    #199436

    Hey!

    Hmm.. Maybe you just need to remove browser cache then reload the page a few times. Test it on another browser.

    Regards,
    Ismael

    #199449

    Yeah, it works now. Sorry about that.

    Thanks a lot for your support!

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Instant Ajax Search on sidebar?’ is closed to new replies.