Query Loop
Infinite scroll the WordPress core Query Loop block
The Query Loop add-on enables infinite scroll or load more functionality for the WordPress Query Loop block.
Easily add infinite scroll or load more to a Query Loop block by simply adding the Ajax Load More block as a child block of a Query Loop.
Features
Some key features of the Query Loop add-on for Ajax Load More.
Block Editor Integration
Add Ajax Load More as a child of the Query Loop block to enable Ajax Load More functionality.
URL Rewrites
Easily share deep links to paged Query Loop content with the URL rewrite feature.
Google Analytics
Track interaction and engagement by sending pageviews to your Google Analytics account.
Load Previous
When landing on a paged result, allow visitors to load previous Query Loop pages of content with load previous functionality.
Add-on Details
Learn more about the Query Loop add-on.
How It Works
The Query Loop add-on works by hooking into the WordPress core Query Loop block and renders the results via infinite scroll or load more with the Ajax Load More plugin.
Examples
The following is a Query Loop example uses an out-of-the-box WordPress post template for styling with Ajax Load More controlling the load more/infinite scroll feature that renders additional paged content.
-
Ajax Load More 7.2
Query Loop integration, previews, and more future proofing.
-
Ajax Load More 7.0
Refactoring Ajax Load More for the future.
-
Tracking Pageviews with Google Analytics 4
Measuring page views automatically with GA4 and Ajax Load More.
Query Loop Shortcode Example[ajax_load_more loading_style="white" scroll="false" urls="false"]
More Examples
Post Listing
A basic post listing using the Query loop block and Ajax Load More.
Paged Results
View a Query Loop implementation for a deep-linked page. Use the Load previous button to load previous page content.
Configuration
Configuration documentation coming very soon.
Parameters
The standard [ajax_load_more] shortcode has the following parameters to style and configure the Query Loop integration.
| urls | Update browser URL as new pages are loaded into view. Default = true |
|---|---|
| prev_button_label | The text for the load previous button. This button is rendered when users land on a paged URL. Default = Load Previous |
| prev_button_loading_label | The text for the load previous button during the loading state. |
| prev_button_done_label | The text for the load previous button when no posts remain to be loaded. |
Installation
Upon purchase of this add-on you will receive a confirmation/purchase receipt email. Your receipt will contain a direct link for downloading your copy of Ajax Load More: Query Loop and a license key.
After downloading the add-on, upload the unzipped files to your /wp-content/plugins/ directory or visit your plugins dashboard and upload the downloaded .zip under Add New.
License Activation
To activate your add-on and receive updates directly in your WordPress plugins dashboard users are required to enter the license key that was included with their purchase receipt.
To activate a license key:
- Visit the Licenses section within the Ajax Load More plugin.
- Enter the product key and click Activate License.
- If the status indicator turns green your add-on has been successfully activated (example below).
If you did not receive a confirmation email containing your license key, please check your spam/junk folder. If you still cannot locate the email, contact me at darren [at] connekthq.com or use the Product Support form.