Collection Lists gebruiken in Webflow

Een Collection List toont de items uit een CMS Collection op uw website, bijvoorbeeld een overzicht van blogartikelen of projecten. In dit artikel leest u hoe u een Collection List plaatst, koppelt en correct instelt.

Probleem

U heeft items in een CMS Collection staan, maar deze verschijnen nog niet als overzicht op uw pagina.

Oorzaak

CMS-items worden niet automatisch getoond. U moet een Collection List-element op de pagina plaatsen en dit koppelen aan de juiste Collection. Zonder deze koppeling blijft het overzicht leeg.

Oplossing

U sleept een Collection List naar de pagina, koppelt deze aan uw Collection en bindt de elementen (tekst, afbeelding, link) aan de juiste velden.

Stappenplan

1. Open de pagina in de Webflow Designer.
2. Klik op Add Elements en sleep een Collection List naar de pagina.
3. Selecteer de Collection List Wrapper en kies bij de instellingen de juiste Collection (bijvoorbeeld Blog).
4. Voeg binnen het Collection Item elementen toe zoals een tekstblok en een afbeelding.
5. Bind elk element aan het bijbehorende veld via Get text from of Get image from.
6. Stel eventueel sortering en het aantal items in.
7. Klik op Publish om de wijziging live te zetten.

Configuratievoorbeeld

Een blogoverzicht op uw BDMNL-website:

• Collection: Blog
• Sortering: Publicatiedatum (nieuw naar oud)
• Aantal items: 9 per pagina
• Gekoppelde velden: Titel, Hoofdafbeelding, Samenvatting, link naar de detailpagina

Veelgemaakte fouten

• Een gewoon Div-element gebruiken in plaats van een Collection List, waardoor binden aan velden niet mogelijk is.
• De link van het Collection Item niet instellen op Current item, waardoor alle items naar dezelfde pagina linken.
• Vergeten te publiceren, waardoor het overzicht niet live verschijnt.

Controle na afloop

Controleer op de live website of alle items zichtbaar zijn, of afbeeldingen en teksten correct laden en of elke link naar de juiste detailpagina verwijst.

Praktische tips

• Gebruik een Collection List voor overzichten en een dynamische pagina voor de detailweergave.
• Beperk het aantal items en gebruik paginering voor snellere laadtijden.
• Net als een query-loop in WordPress of een lijstweergave in Microsoft 365 SharePoint toont een Collection List dezelfde data telkens consistent.

FAQ

Kan ik meerdere Collection Lists op één pagina plaatsen?
Ja, u kunt bijvoorbeeld uitgelichte en recente artikelen apart tonen.

Hoe filter ik op categorie?
Via de Collection List-instellingen kunt u filters toevoegen op basis van velden zoals categorie.

Waarom is mijn lijst leeg?
Meestal omdat er nog geen gepubliceerde items zijn of omdat een filter te streng staat.

Kan ik het aantal getoonde items beperken?
Ja, via de instelling Limit items.

Verschijnen wijzigingen direct?
Nee, pas na publiceren.

Samenvatting

Een Collection List toont uw CMS-items als overzicht. Door de juiste Collection te koppelen, velden te binden en te publiceren, verschijnt uw content correct op de website.

Gerelateerde artikelen:

• Webflow CMS Collections aanmaken
• Dynamische CMS-pagina's maken in Webflow
• CMS beheren in Webflow: items toevoegen en bewerken

Komt u er niet uit? Dien een ticket in bij BDMNL, dan helpen wij u verder.