Elementor Search Form not using Live Ajax Search

  • Resolved numberxvriku

    (@numberxvriku)


    2 years, 5 months ago

    I have a site with using Elementor and Search WP, I have downloaded and activated the Live Ajax Search addon to get the autocomplete functionality on the search inputs. However it does not seem to be working at all on the front end. We have 2 search forms on the site, one in an Elementor popup that is loaded when the user clicks the search icon in the header, and another on the search results template page.

    I see no console errors and could not find any other support threads or documentation on any issues with Elementor and this plugin. Any help is appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @numberxvriku,

    the Live Ajax Search works out of the box with search forms generated using the WordPress function get_search_form().

    Elementor uses custom code to build the search bar so the Live Ajax Search cannot integrate with it directly.

    For it to work with the Elementor search widget please add the following code to your functions.php:
    https://gist.github.com/BrElio/0aa7b045becd4fd572b10bee4e1307f3

    Then add the class “swp-live-ajax-form” to the Elementor Search Form Widget.
    That should do it!

    Thread Starter numberxvriku

    (@numberxvriku)

    Thanks for that link, it helped me get it working on other search inputs outside of get_search_form();

    I have run into one other issue though, I’m getting inconsistent results when using it on a search input in a popup element. My sites nav has a button that opens a search bar dropdown, I have javascript in place to trigger the searchwp_live_search() when it shows the dropdown. It is only working in some browsers for some users though, and the console is not showing any errors except Firefox showing a “Uncaught InternalError: too much recursion” error sometimes. Any ideas?

    Hi @numberxvriku,

    this is the first time I see this error when triggering the Live Ajax Search using the code I linked.
    Can you share what code you are using?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Elementor Search Form not using Live Ajax Search’ is closed to new replies.