What is the solution for nested collections in Webflow?

Published on
September 22, 2023

Nested collections are not directly supported in Webflow, but there is a workaround that can be used to achieve a similar effect. Here's the solution for implementing nested collections in Webflow:

  1. Create a new collection: Start by creating a new collection that represents the parent items. Let's call this collection "Parent Collection".

  2. Add a reference field: Inside the "Parent Collection", add a reference field that will be used to link the child items. Let's call this field "Child Link".

  3. Create a new collection: Now, create another collection that represents the child items. Let's call this collection "Child Collection".

  4. Configure the reference field: In the "Child Collection", go to the settings of the reference field created in step 2 ("Child Link") and set it to reference the "Parent Collection".

  5. Design the parent page: Create a new page and design it as a template for the parent items. Use the "Parent Collection" as the data source and display the relevant information.

  6. Design the child page: Create another page and design it as a template for the child items. Use the "Child Collection" as the data source and display the relevant information.

  7. Set up dynamic lists: On the parent page, add a dynamic list that fetches the items from the "Parent Collection". Inside this dynamic list, add another dynamic list and set its data source to the reference field ("Child Link"). This will display the child items associated with each parent item.

  8. Connect the pages: Make sure to create a link from the parent page to the child page to enable navigation between them. You can use a button or a text link to achieve this.

By following these steps, you can create a nested collection effect in Webflow, where each parent item has a set of child items associated with it. Although it requires some manual setup and management, this workaround allows you to organize and display related content effectively.

Additional Questions:

  1. Can I create nested collections in Webflow?
  2. How do I set up a parent-child relationship in Webflow collections?
  3. Can I create complex data structures with linked collections in Webflow?