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.

Remove infinite scroll and replace with paged navigation diagram

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.


Example

    The following shortcode was used to create the paging example above.

    [ajax_load_more paging="true" paging_controls="true" paging_show_at_most="5posts_per_page="2" css_classes="paging-example"]

    More Examples

    Slideshow Gallery
    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.


    Shortcode Parameters

    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.

    Shortcode Builder

    Paging Shortcode Builder Screenshot

    Example Shortcode

    [ajax_load_more post_type="post" paging="true" paging_controls="true" paging_show_at_most="0"]


    Configuration

    Settings

    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.

    paging-settings

    Paging Output

    You can easily customize the look and feel of the paging navigation component by targeting elements based on the example HTML and classes below.


    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: 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.

    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:

    1. Visit the Licenses section within the Ajax Load More plugin.
    2. Enter the product key and click Activate License.
    3. If the status indicator turns green your add-on has been successfully activated (example below).
    License Key Example

    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.