Dynamic content in Webflow allows us to add, update, and import content whenever. And every part of our design linked to that data is built out and updated automatically. Just as importantly, we have extremely granular control over creating and tweaking design elements that use our dynamic content.
The CMS provides a set of limits around the number of dynamic content we can add on a per-page basis. These limits improve and maintain fast loading speeds of our projects and prevent slow-loading projects from being created.
In this lesson:
- 20 collection list element per page
- 100 items per collection list
- 1 nested collection list per page
- 5 items per nested collection list
20 collection list element per page
Collection lists are one of two ways to add and design dynamic content using a CMS Collection or an Ecommerce Collection. You can add Collection lists to any type of page. The other way to add dynamic content is with Collection pages. Learn more about: CMS Collections
The max limit of Collection lists are 20 lists per page and this limit helps with loading dynamic pages quickly to provide a great end-user experience.
100 items per collection list
To maintain loading speed, there is also a limit on the number of Collection List items per Collection List.
The max limit is 100 items per Collection list unless pagination is enabled. Learn how to use pagination to display more than 100 items in a Collection list.
1 nested collection list per page
With nested collections, you can display multiple referenced items for a list of blog posts using nested collections. In this example, the a multi-reference Collection items could be the authors for the blog post.
To do this in the Designer, just drag one Collection List (the authors) into the other (the blog posts) — you now have a ‘parent’ and ‘child’ collection.
You can have one nested Collection List per page.
5 items per nested collection list
With nested collections, you can also display up to five categories in a list. For example, you can have up to five image thumbnails in a list of products.
Learn more about using Nest Collection lists here.