Toolset has a “Infinite Scroll” pagination feature, but it has no option to trigger the “vertical” scrolling with a button.
The Infinite Scroll only works by scrolling down the page, and once the bottom is reached, the next chunk of content is loaded.
To have - instead of the automatic pagination - a button that triggers this vertical pagination, you can follow these steps:
- Setup a view with Infinite Scroll pagination
- Insert a Pagination ShortCode in the Loop Editor between the closing
items-found
and openingno-items-found
shortcodes like so:
[/wpv-items-found]
[wpv-pager-next-page force="true"]Load More Results[/wpv-pager-next-page]
[wpv-no-items-found]
- Insert the following jQuery Script in the JS Editor of the Loop Editor:
(function ($) {
$(document).ready(function () {
$('.js-wpv-layout-infinite-scrolling').removeClass('js-wpv-layout-infinite-scrolling');
});
})(jQuery);