Samuli Natri
Oct. 02, 2016
Updated: Oct. 14, 2016
0
By Samuli NatriOct. 02, 2016
(Updated: Oct. 14, 2016)
0

Views Infinite Scroll

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

How To Install It?

drush -y en views_infinite_scroll

How To Use It?

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

Add new comment