Nest unlimited collections with jQuery

Design help Custom code
1

Hi, i have a project where i need several nested collections. Unfortunately, this is not supported with webflow.

There is a menus collection and a dishes collection.
In the menus collection is a multi reference field to the dishes collection.
I need the data from both collections when displaying them.

dishes collection

dishes
dishes3386×1820 289 KB

menus collection

menus
menus3386×1820 305 KB

I solved it as follows:

Untitled
Untitled1602×1218 86.6 KB

In the HTML DOM it is displayed as follows:

dom
dom1800×642 108 KB

unfortunately the “div” element is empty

What is wrong with this solution? Any ideas?

Thanks in advance.

2

Welcome to the community @Tobias_Duelli! :wave:

I can’t speak for the issue you’re running into with your custom solution, however Finsweet has an amazing, free solution (that’s part of a whole suite they offer called “Attributes”) that I strongly recommend using:

The implementation is fairly straightforward, however they do have a nifty automated support tool that you can enable on your project for assistance if you run into any issues :+1: