Hub Elementor - Live Search (Ajax Search)

Live Search (Ajax Search) displays search results instantly below the search input as users type. This feature is configured in header templates using the Liquid Header Search element.

Steps:

1. In the WordPress dashboard, go to Liquid Templates > Headers.
2. Open a header template with Elementor.
3. Add the Liquid Header Search element to the header if it is not already present.
4. Click the Liquid Header Search element.
5. In the Content tab, set Ajax search to Yes.
6. Set Search by to choose what content type appears in the live search results.

Result:

Visitors see search results appear instantly below the header search field without a page reload.

Troubleshooting:

• Product results do not appear:

  WooCommerce is not installed or activated, or Search by is not set to Product.