• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Infinite Scroll In Genesis Page Template

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 :

Register for full access

Related Tutorials

  • Genesis Infinite Scroll With Button To Load More Posts
  • Click To Load More Videos In Page Template

Infinite Scroll

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.