LoginGet started — it’s free
Made in Webflow

Multiple nested Collections with unlimited Items on single pages in Webflow

2360 views
site profile thumbnail

Description

Breaking Webflow's limitations! An easy and lightweight way to nest multiple collections with unlimited items on any single page with jQuery .load() which pulls the multi-reference info from any individual page into an HTML embed, that works like a nested collection. 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. For more details have a look at the sample blog pages in this project, read the short documentation (How to?) you'll find in this project and feel free to clone the whole project. Add on: With the internal functions of Webflow it is not possible to sort native nested collection items. The order is determined exclusively by the order of the tags in the CMS field. This project includes a script that allows you to alphabetically sort both Webflow's native and limited nested collection lists as well as the unlimited nested collection lists generated by jQuery.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
nestedcollectioncollectionitemslimitationsjqueryclonesortingsort

More by Philipp Roth

See profile
View details
Text reveal masking on scroll
106
207
© 2022 Webflow, Inc. All rights reserved.