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

Samuli Natri is the founder of WDTutorials.com. He started building Drupal sites in 2010 with Drupal 6. He attended Helsinki University and Helsinki University of Technology (Social Sciences and Computer Science). Read more...

Add new comment