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

CC BY-SA 3.0
2017-01-04T19:14:45.857Z
2017-01-04T19:14:45.857Z
Hellyar
<p>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.</p>

<p>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"?</p>

<pre><code>&lt;div class="infinite-container"&gt;
&lt;div class="infinite-item"&gt;
&lt;div class="infinite-item"&gt;
&lt;div class="infinite-item"&gt;
...&lt;/div&gt;
&lt;a class="infinite-more-link" href="/next/page"&gt;More&lt;/a&gt;
</code></pre>

<templating>
How would you template for Infinite Scroll?
# How would you template for Infinite Scroll?

(Asked by: username_0 on 2017-01-04)

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"?




...
More

**Tags:** templating

---

## 1 answers

### Answer by username_0 on 2017-01-04. Score: 1 | Accepted answer

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


---

