The nested collections feature, which is available by default in webflow designer, is a powerful tool. You can place a collection inside a collection on every static page (e.g. display blog tags on the main blog page). webflow has, however, provided this feature with two drastic limitations: (1) nested collection items are limited to a maximum of 5 items. (2) maximum one nested collection list per page.

An easy and lightweight way to nest unlimited collections with unlimited collection items on any single and dynamic page is to use a (simple) jquery code snippet.

This solution is based on the jquery .load() function - a simple way to fetch data from a server and place the returned html into a matching element.

This project ist clonabe in the webflow showcase and contains short documentation to start from scretch.

Clone this project!

No items found.
Button Text