Pager Load More

Pager Load More is a module that replaces the default Views pager with a “Load more” button that will load in a configured amount of items.

This is similar to Views Infinite Scroll and Views Load More, but has a couple of additional features including:

Features

Loads new content into existing grid

Other modules add content into an additional wrapping HTML element, which prevents the content from occupying the empty space. This module works properly by adding it into the existing grid element.

Accessibility is first class

Much work has been done to make this module as accessible as it could possibly be. Custom focus handling is used to set focus to new content, Drupal.announce() is used to announce content changes to screen readers, and new regions are attributed with aria-labelledby where appropriate.

Bookmarkable pages

Pager Load More will modify the URL when new content is loaded. If this URL is navigated to, it will load up all relevant content. This module also works with the browsers’ back/forward buttons.

Non-JavaScript fallback and SEO friendly

When JavaScript does not load, this module will fallback to Drupal’s default pager. This pager is also available for search engines to navigate.

No jQuery dependency

This module does not utilize jQuery, or Drupal's AJAX system (which requires jQuery). The JavaScript for this module weighs in at 8kb uncompressed, and approximately 3kb Gzipped.

Integration with Drupal behaviors

If your items require additional processing (such as lightbox effects for an image gallery), this module will support it using Drupal.attachBehaviors()

Work with multiple views on a page

Pager Load more will work with multiple views on a single page.

Extensive test coverage

While still a work in progress, we plan on adding extensive functional testing to ensure quality as we maintain this module for years to come.