Nested Collections gebruiken in Webflow

Met een Nested Collection List toont u binnen elk item van een Collection de gekoppelde items uit een andere Collection. Een voorbeeld is een projectpagina die de bijbehorende teamleden of diensten toont. In dit artikel leest u hoe nested collections werken, welke voorwaarden en beperkingen er gelden, en hoe u ze correct instelt.

Probleem

U wilt binnen een overzicht of detailpagina automatisch gerelateerde items uit een andere Collection tonen, maar u weet niet hoe u die koppeling legt zonder de content handmatig te dupliceren.

Oorzaak

Twee aparte Collections worden niet automatisch aan elkaar gekoppeld. Pas wanneer u een Multi Reference-veld toevoegt dat de ene Collection aan de andere relateert, kan Webflow binnen een Collection List een Nested Collection List tonen. Ontbreekt dit referentieveld, dan is een geneste weergave niet mogelijk.

Oplossing

U voegt een Multi Reference-veld toe dat beide Collections koppelt, plaatst een Collection List en sleept daarbinnen een Nested Collection List die zich baseert op dat referentieveld. Houd rekening met de limiet die Webflow stelt aan het aantal items in een geneste lijst.

Stappenplan

1. Voeg in de bovenliggende Collection (bijvoorbeeld Projecten) een Multi Reference-veld toe dat verwijst naar de andere Collection (bijvoorbeeld Teamleden).
2. Koppel per item de gewenste gerelateerde items via dit veld.
3. Plaats op de pagina een Collection List van de bovenliggende Collection.
4. Sleep binnen het Collection Item een Nested Collection List.
5. Koppel de nested lijst aan het Multi Reference-veld.
6. Bind binnen de nested items de gewenste velden (naam, afbeelding).
7. Klik op Publish en controleer het resultaat.

Configuratievoorbeeld

Een projectoverzicht op uw BDMNL-website:

• Bovenliggende Collection: Projecten
• Gekoppelde Collection: Teamleden
• Koppeling: Multi Reference-veld "Betrokken teamleden"
• Nested weergave: per project de namen en foto's van de betrokken teamleden

Veelgemaakte fouten

• Een gewoon Reference-veld gebruiken in plaats van een Multi Reference-veld, waardoor maar één item gekoppeld kan worden.
• Verwachten dat een nested lijst onbeperkt items toont; Webflow beperkt het aantal items in een geneste lijst.
• Vergeten de nested items aan velden te binden, waardoor de lijst leeg lijkt.
• Niet publiceren, waardoor de koppeling alleen in de Designer zichtbaar is.

Controle na afloop

Controleer op de live site of binnen elk bovenliggend item de juiste gerelateerde items verschijnen, of de velden correct laden en of items zonder koppeling netjes een lege nested lijst tonen in plaats van een fout.

Praktische tips

• Gebruik nested collections voor relaties zoals project-teamleden, product-categorieen of artikel-auteurs.
• Houd rekening met de limiet op het aantal nested items; voor langere lijsten is een aparte gefilterde Collection List geschikter.
• Plan uw CMS-structuur en referentievelden vooraf; dat voorkomt herwerk.
• Net als gekoppelde tabellen in een database voorkomt een referentieveld dat u dezelfde gegevens dubbel onderhoudt.

FAQ

Heb ik een Multi Reference-veld nodig?
Ja, een nested Collection List baseert zich op een Multi Reference-veld dat de Collections koppelt.

Hoeveel items toont een nested lijst?
Webflow beperkt het aantal items in een geneste lijst; controleer de actuele limiet in uw project en gebruik voor grotere aantallen een aparte lijst.

Kan ik nested items sorteren?
De sorteeropties voor nested lijsten zijn beperkter dan voor gewone Collection Lists.

Kan ik nesten in meerdere niveaus?
Het nesten is beperkt; diepe meervoudige nesting wordt niet ondersteund.

Verschijnt de koppeling direct?
Nee, pas na publiceren van de site.

Samenvatting

Met nested collections toont u gerelateerde items binnen een Collection List via een Multi Reference-veld. Leg de koppeling, plaats een nested lijst, bind de velden en publiceer. Houd rekening met de limiet op het aantal nested items en kies bij grote aantallen een aparte gefilterde lijst.

Gerelateerde artikelen:

• Multi Reference Fields gebruiken in Webflow
• Reference Fields gebruiken in Webflow
• Collection Lists gebruiken in Webflow

Komt u er niet uit? Dien een ticket in bij BDMNL, dan richten wij de nested structuur voor u in.