How to make Toolset's infinite scroll behave like a "load more"

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:

  1. Setup a view with Infinite Scroll pagination
  2. Insert a Pagination ShortCode in the Loop Editor between the closing items-found and opening no-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]
  1. 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);