This code enables you to add infinite scroll to a static page template in any Genesis child theme. The template includes a button to load more entries. The button can be displayed after any number of rows.
You can display posts, pages, sub pages and/or custom post types in this page template.
Entries can also be displayed in a grid of 2, 3, 4 or 6 responsive columns.
Here’s the demo video showing how it works.
Demo Video
Shows you how you can click a button to load more entries. Also shows the responsiveness of the entries on smaller screens.
Tested using the Genesis Sample child theme by StudioPress.
Installation
There’s 2 steps :
Step 1 : From the download folder, upload all 4 files to your child themes root directory. The files are :
- infinite-scroll.php
- infinite-scroll.js
- infinite-scroll-settings.js
- infinite-scroll.css
Step 2 : You can then select the Template named Infinite Scroll Template from the Templates drop down menu on any Edit Page screen.
Register or login to access the download folder :
Leave a Reply