The Paging add-on transforms the Ajax Load More lazy load/infinite scroll functionality into a robust AJAX powered navigation system.
Quickly and easily replace the default lazy load/infinite scroll functionality of Ajax Load More with a numbered navigation system.
How It Works
The Paging add-on works by removing the default lazy load/infinite scroll functionality of Ajax Load More and replacing it with an intuitive and powerful paged navigation system.
Behind the scenes, the core functionality of Ajax Load More remains the same, however on the front end of the website users will be presented with a numbered navigation menu while the Older Posts button is removed.
Enabling the paging navigation is easy – simply set paging=”true” in your Ajax Load More shortcode and infinite scrolling will be replaced with a numbered navigation system.
Learn about the other shortcode parameters and implementation in the Shortcode Parameter section below.
The following shortcode was used to create the paging example above.
[ajax_load_more paging="true" paging_controls="true" paging_show_at_most="5" posts_per_page="2" css_classes="paging-example"]
Create a user-friendly gallery of posts with Ajax Load More and the Paging add-on.
SEO and Paging
Combine both the Paging and Search Engine Optimization add-on to create a paging navigation with unique URLs for each page.
The following shortcode parameters are available with the Paging add-on.
|paging||Replace infinite scrolling with a paged navigation system? (true/false) Default = ‘false’|
|paging_controls||Show («)previous and next(») buttons. (true/false) Default = ‘false’|
|paging_show_at_most||Maximum amount of pages to show at a time. (0 = no maximum) Default = ‘0’|
|paging_classes||Add classes to the paging navigation menu for CSS styling.|
[ajax_load_more post_type="post" paging="true" paging_controls="true" paging_show_at_most="0"]
Configuration options will be available on the ALM Settings page after installation. You can choose to disable the Paging CSS or select your color palette from the select menu.
You can easily customize the look and feel of the paging navigation component by targeting elements based on the example HTML and classes below.
<li class="prev disabled">
<li class="num active">
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: Paging 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.
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 your confirmation/purchase receipt email and license key, please check your spam/junk folder and if you still cannot locate the email please contact me at darren [at] connekthq.com or use the contact form on this website.