I want to integrate Waypoints JS's Infinite Scroll instead of using traditional pagination. I think the Straight Up Craft site uses this approach on its blog.

How might you template the following HTML to work with CraftCMS? I know how to limit or not limit the number of entries, but how do you template to load each successive group of (say) 12 entries as you reach a waypoint - that is the "infinite-more-link"?

<div class="infinite-container">
<div class="infinite-item">
<div class="infinite-item">
<div class="infinite-item">
<a class="infinite-more-link" href="/next/page">More</a>

1 Answer 1


Got it. Using the CraftCMS paginate example - I just needed to add the pagination url for the next page.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.