Collection list grid with > 100 objects

[quinisha]

I have a CMS collection with >100 items and it’s growing weekly (page: /sponsors ‘2019 Sponsors’.

To get around the 100 item limit for Collection Lists, I created two Collection List Wrappers. The first displays items 1-100 and the second displays a limited number of items in reverse order.

This isn’t a scalable workaround as new items are added often. @samliew I saw a custom script you created in an earlier post but couldn’t adjust it to fit my needs.

Would be grateful for any help.

---

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)

[webdev (Jeff Selser)]

Hi @quinisha, Welcome to the forum.

You could take advantage of a relatively new feature called pagination to help solve your problem. You can look at the details here =>

Paginate Collection lists | Webflow University

[quinisha]

Yes, aware of pagination, unfortunately all of the items need to be visible so pagination won’t work in this case. Also the funky page reload that takes you to the top of the page isn’t very nice. But, need to have all items visible on scroll.

[webdev (Jeff Selser)]

You may consider something like this then;

Seamless pagination with "pjax"

Using the jquery-pjax library, it is possible set up paginated collections in a way that browsing feels snappier. Demo: seamless-pagination Quick version of how jquery-pjax works: Listen for clicks on links with a certain selector Instead of going to the link, load the html data in the background Replace the specified chunk of html Use history.pushState to update the URL, so that refreshing the page / sharing a url works as expected In this demo, everything inside the #seamless-replace div w…

[quinisha]

I’ve gone with stacking the container and limiting showing 100, starting at x. That’s the best workaround for now - it allows everything to be seen and the list to grow as more items are added.

Thanks for the ideas!