Views Infinite Scroll

Submitted by TheMain on Sun, 10/02/2016 - 12:19

Views Infinite Scroll module adds a pager option to load more view items with Ajax.

Installation

drush -y en views_infinite_scroll

Create A View

  • Go to Structure > Views > Add new view:

  • Save and edit
  • Select Infinite Scroll as the pager:

Theme it

  • Edit the Content: Title field:

  • Select the field element as H2:

  • Add styling (themes/mytheme/less/variable-overrides.less):
.path-views-infinite-scroll {
  h1, .view-views-infinite-scroll {
    text-align: center;
  }
}

And there we have it:

Autoload Items

  • In the pager settings select Automatically Load Content to load items when user scrolls down:

Links

https://www.drupal.org/project/views_infinite_scroll

Posted by Samuli Natri on 02 October 2016