• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer

WP SuperGeek

WordPress Design, Help & Training

Main navigation

  • Portfolio
  • Services
  • Learn WordPress
  • About
  • Contact
  • Blog

How to enable infinite scrolling on a Genesis child theme portfolio page

From time to time, a client requests specific functionality on their website that I have never implemented before.

In the case of the Spoonful Publishing website, owner Anthea wanted her portfolio to look amazing. For an artist or designer, this is completely unsurprising! But what was a little unusual is that she wanted the portfolio to have infinite scrolling – so when a visitor scrolled to the bottom of the page, new entries would automatically load.

The Genesis child theme that we were working from didn’t already include this functionality, so I needed to do some research to work out the best way to set it up. I wanted to make sure that page loading time and user experience wasn’t compromised, while at the same time offering an elegant way to load entries.

So I started looking at plugins.

Jetpack, the amazing multi-tool plugin, has a lovely infinite scroll module that can be activated. But I just couldn’t get it to work with the “portfolio” post type in my Genesis child theme. Then I found the Jetpack Infinite Scroll For Genesis plugin. Excitedly, I installed and activated it, but still couldn’t get it to work properly. It was loading the featured image for several entries just fine, but then started to load complete portfolio entries, which wasn’t what I wanted.

Finally, I came across the YITH Infinite Scrolling plugin. After playing around a bit with the settings to get it working, but eventually, it worked! Hurrah! These were the settings I used to make it work for the Genesis child theme Minimum Pro:


I would only recommend infinite scrolling if there is no important information in the footer of your website. It’s bad for usability if your visitor is trying to get to the bottom of the page and it keeps automatically being pushed away! But infinite scrolling can be a graceful method to dynamically load entries for a blog, gallery, or portfolio.

Have you set up infinite scrolling before? Or is there another new plugin that you have recently tried out? Comment here to let me know!

Share this:

  • Facebook
  • Twitter
  • Pinterest
  • LinkedIn
  • Email
  • More
  • Print

More on WP SuperGeek:

How I created a multilingual WordPress website Understanding WordPress themes Think a free WordPress theme is too good to be true? It probably is. How to Speed Up Your WordPress Website

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Learn WordPress

WordPress Design

Categories

  • Ask a SuperGeek
  • Blogging
  • Coding
  • Design
  • General web help
  • Inspiration
  • Maintenance
  • Software
  • Troubleshooting
  • Uncategorized
  • WordCamp
  • WordPress Plugins

Search

Footer

Connect

  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
WordCamp US Speaker

Latest blog posts

Ask a SuperGeek: Understanding domain names and web hosting

How Dubsado has changed the way I do business

How to create responsive tables in WordPress

Ask a SuperGeek: How to redesign your WordPress website with no downtime

Why the Procreate app is the coolest thing ever

Search

Copyright © 2023 · Digital Pro on Genesis Framework · WordPress · Log in