Skip to content

How to Add Ajax Lazy Load to Search Result in Elementor?

Table Of Content

Infinite-scroll-style loading keeps a visitor in the flow of browsing results, without forcing a click for every additional page.

With AJAX Search on, the Search Bar widget’s Loading Options control offers Lazy Load, which fetches more results automatically as the visitor scrolls near the bottom of the list.

For the full settings tour of the Search Bar widget, see Search Bar Widget Settings Overview.

Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Prerequisite: Elementor (free) installed and active.
  • Edition: Search Bar is a Pro widget – it requires The Plus Addons for Elementor Pro to be installed and active.
  • Widget to enable: go to The Plus Addons > Widgets, search for Search Bar and turn its toggle on.
  • More results than fit on a single page.

Steps

Add the Search Bar widget, turn on AJAX Search, then in Load More/Lazy Load set Loading Options to Lazy Load.

Loading options control set to lazy load

Settings Overview

SettingWhat it doesDefault
Loading OptionsNone, Lazy Load, Load More, or Pagination.None

Related Docs

Related Frequently Asked Questions

Related Docs