Documentation

To use:

  1. Install the Infinite Scroll Addon. One new block will be installed called 'Infinite Scroller'.
  2. Update your Page List block to Display Pagination. In the 'Edit Page List' dialog, check the box for Pagination if it is not already checked. Save the block. You should see pagination numbers at the bottom of the Page List.
  3. Add the new Infinite Scroller block on a page. It must be placed directly after the Page List block that you wish to make infitely scroll. 
  4. Choose your 'Loading' icon. There are 3 built-in options, a blank option, a custom icon option. You also have the ability to upload a 'default' icon to the {blocks}/sollos_infinite_scroller/img folder on your server. Make sure to name this image 'default-ajax-loader.gif'.
    In edit mode, you will see a message that states that the Infinite Scroller will affect the Page List immediately above.
  5. Save the page. When the page is viewed outside of edit mode, the pagination at the end of the Page List block (as was noted above in step 2) should not show. It should load new content as you scroll down.

 

Note: This addon should work out-of-the-box for the blocks and custom templates listed on the features page. Other blocks or custom templates will need custom javascript files created for them.

This addon works by discovering the page list template that is being used by a page list and using code specific to that template. If you are using a custom template that you created or modified, this addon may not seem to work for you. Each custom template is different and so the Infinite Scroller code for each template is also different.

If you are using a page list template that does not seem to be working correctly with this plugin:

  1. Create a javascript file for your custom template.
    1. Copy one of the javascript files from {your_site}/packages/sollos_infinite_scroller/tools/blocks/page_list/tools/template_javascripts/ to {your_site}/blocks/page_list/tools/template_javascripts/
    2. Rename the javascript file to match the name of your custom template
    3. Make sure the jQuery selector matches the code of your template
  2. Contact me and I will attempt to create the code for your template. For each instance of a publicly available addon with Page Lists for which you request an update, I will give you a 25% discount on your next purchase of this addon.