Streaming live at 10am (PST)

How do you surpass the 20 collection list per page limit?

#1

Bit of context:
So i’m making a page to display all my news/blog posts from my collection.
Its a mosaic style layout, and pretty much looks exactly like in the webflow tutorial here: https://www.youtube.com/watch?v=aoGMFbWJ2aU

The way I’m laying it out is more or less the same as in PixelGeek’s workshop here (at around 28 minutes): https://youtu.be/sQGgDWx0WXc
So i’ve assigned a new collection to every flex parent, and filtered it based on the numbers i’ve chosen in the collection item in the CMS.
My goal with this mosaic is to (eventually) have this news page infinitely scroll as I add more and more news collection items.


The Question:

But I’ve run into a wall (quite literally). There’s a boundary. Webflow won’t let me create more than 20 collection lists on one page. I’m only having 1 item per collection list.

  • If there’s anyone out there who knows how to lift the restrictions with a handy piece of code, that would be awesome ( webflow staff maybe?? :wink: )
  • Or if anyone knows a better way to implement the thing that im describing above (having an infinitely scrolling mosaic news feed), I’d love to hear your solutions!

Forgive me if i’ve used the wrong technical language here, i’m more of a designer than developer. Hope its understandable.

Thanks!

1 Like
#2

Hello @state

Can you share your read-only link?

Piter :webflow_heart:

#3

Sure. The thing i’m talking about is located on the “News” page :smiley: cheers.
https://preview.webflow.com/preview/alexs-first-project-b66120?utm_source=alexs-first-project-b66120&preview=e7b508f85ff33f250a1a775182b14e28

1 Like
#4

So you want to make a masonry grid? See image > https://cdn.foregroundweb.com/wp-content/uploads/2017/02/thumbnail-grid-example-03-masonry-waterfall.png

There is a trick that maybe can work for you and you will need one collection list element. I think going above the 20 per page limit is not possible so maybe the trick will work nice. There’s something called text columns. Here’s a demo project > https://mosaic-blog.webflow.io/ Never used text columns, but many people use the property to achieve a masonry grid.

Is this close to what you’re trying to achieve?

Piter :webflow_heart:

#5

Oh yes masonry grid that’s the one. Thats exactly what i’m trying to do :slight_smile:

1 Like
#6

Great! Here’s the project where you can clone and explore > https://webflow.com/website/Masonry-Blog-Style

Here’s the link again > https://masonry-blog-style.webflow.io/

If you go to section > blog-wrap > collection-list-wrapper > collection-list > text setting > you can see the text column settings where I’m using 3 columns. The collection-item has text column applied as well.

Explore and feel free to reach out if you need help.

Piter :webflow_heart:

#7

Aaah I see… So you’re using text column to break it up… thats cool. I’m not sure how all my animations will carry over to that sorta layout though. I also need to have different heights for my masonry grid items, so I’m not sure how that would work.
I’m not sure if that’s a better solution unfortunately…
But i’m open to try more things.

1 Like