What is the Infinite Scroll search navigation ?

78 views January 31, 2017 January 31, 2017 admin 0

The standard WordPress search navigation

Search results are usually displayed as pages. If a page size is 20 results, and a search returns 100 results, then 5 pages will be required to displays all the results.

To navigate back and forth among all the pages, a navigation bar containing all pages hyperlinks is often created a the bottom of each page.

A classic navigation bar.

A classic navigation bar.

 

The Infinite Scroll search navigation

Infinite Scroll displays a first page of results. Then, when the user scrolls down and reaches the end of the results, another set of results is inserted below.

And so on: as long as the user scrolls down, new results are displayed, without navigating to another page. This gives a very smooth sensation, as results appear without any transition as when navigating from one page to another.

For that “single page” effect, an Infinite Scroll javascript code calls the WordPress php server (Ajax call), then inserts the results inside the HTML code of the page (often with some jQuery).

An image is used as “loader”, to notify that the search is currently extracting new results.

The Infinite scroll loader is shown while extracting new results.

The Infinite scroll loader is shown while extracting new results.

 

Activate the Infinite Scroll search navigation (WPSOLR PRO)

Activate the Infinite Scroll navigation.

Activate the Infinite Scroll navigation.

This option will activate the Infinite Scroll, and hide the classic navigation bar, but only in the Ajax search mode.

 

Troubles with the Infinite Scroll search navigation ? (WPSOLR PRO)

Sometimes, scrolling up and down with Infinite Scroll does not feel quite right (load triggered after tiny scroll movements, …).

In that situation, there is a way to replace the WPSOLR PRO’s Infinite Scroll javascript with yours:

  • Deactivate WPSOLR PRO’s Infinite Scroll javascript
    Option to replace the Infinite Scroll javascript code by your theme's or plugin's.

    Option to replace the Infinite Scroll javascript code by your theme’s or plugin’s.

  • Load your own javascript (inspired or not from WPSOLR PRO’s) in your theme or your plugin.

 

 

Was this helpful?

Leave A Comment
*
*