Django - The Easy Way Django - The Easy Way
Samuli Natri 2016.10.18
Samuli Natri has been a software developer since the 90's. He enjoys building web applications and games. He attended Helsinki University Of Technology (Computer Science) and Helsinki University (Social Sciences).

Drupal 8 - How To Add Load More Button With Views Infinite Scroll Module

Tutorial on how to add a pager option to load more items with Ajax.


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:

Views Infinite Scroll