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.
Let's collaborate to kickstart your project!
Let's collaborate to kickstart your project!
Let's collaborate to kickstart your project!
Let's collaborate to kickstart your project!
Let's collaborate to kickstart your project!
Let's collaborate to kickstart your project!