CMS: Dynamische inhoud weergeven in een repeater

Leestijd 18 minuten
Koppel repeaters aan het CMS (Content Management System) om dynamische inhoud uit je verzamelingen weer te geven. 

Nadat je een repeater hebt gekoppeld aan een dataset die aan je verzameling is gekoppeld, kies je welke velden gekoppeld zijn aan elk repeater-element. Eenmaal gekoppeld, geeft elk item in je repeater inhoud weer uit een ander verzamelingsitem. Hierdoor kun je een consistente indeling gebruiken die automatisch inhoud vult voor alle items die je op je pagina wilt weergeven.
Voordat je begint:
Zorg ervoor dat je het CMS toevoegt aan je website als je dat nog niet hebt gedaan. 

Stap 1 | Maak een verzameling

Maak een verzameling met meerdere items voor het opslaan van de inhoud die je in je repeater wilt gebruiken. Voeg vervolgens verzamelingsvelden toe gekoppeld zijn aan de elementen in je repeater en stel de verzamelingsmachtigingen in. 
Wix Editor
Editor X
Studio Editor
  1. Ga naar je Editor.
  2. Klik links in de Editor op CMS.
  3. Klik op Verzameling creëren.
  4. Voer een naam in voor je verzameling. 
  5. Laat Meerdere items (standaard) geselecteerd en klik op Maken
  6. Voeg velden handmatig of door een CSV-bestand te importeren aan je verzameling toe:
  7. Stel machtigingen in voor de verzameling: 
    1. Klik op Meer acties en selecteer Machtigingen en privacy
    2. Klik op de Wat voor soort inhoud ga je in deze verzameling opslaan?-dropdown en selecteer een optie. Indien nodig kun je op de dropdowns klikken om aan te passen wie inhoud kan bekijken, toevoegen, verwijderen en bijwerken. Lees meer over het instellen van verzamelingsmachtigingen
    3. Klik op Opslaan
Een screenshot van het instellen van verzamelingsmachtigingen en privacy.
Een screenshot van een voorbeeld van een CMS-verzameling.

Stap 2 | Voeg je repeater toe en pas deze aan

Voeg een repeater toe en sleep vervolgens elementen zoals tekst, afbeeldingen of knoppen naar de items/containers. Je kunt de grootte van de repeater aanpassen of elementen verwijderen om ervoor te zorgen dat alles wat je nodig hebt in de repeater past. Wanneer je een element aan een repeater toevoegt, wordt het element automatisch toegevoegd aan elk repeater-item. 

Later koppel je de elementen aan verzamelingsvelden om de inhoud te vervangen. Elk repeater-item toont een ander item uit je verzameling.
Wix Editor
Editor X
Studio Editor
  1. Ga naar je Editor.
  2. Ga naar de pagina of het onderdeel waaraan je je repeater wilt toevoegen.
  3. Klik links in de Editor op Elementen toevoegen.
  4. Klik op Lijst.
  5. Klik en sleep de repeater die je wilt gebruiken naar de pagina. 
  1. Voeg elementen toe aan je repeater of verwijder deze. Je kunt het formaat van de repeater aanpassen zodat alle benodigde elementen erin passen. Later koppel je de elementen aan verzamelingsvelden om de inhoud te vervangen. Elk repeater-item toont een ander item uit je verzameling.
Belangrijk:
Zorg ervoor dat je repeater een knop of afbeeldingselement bevat, zodat je kunt linken naar de dynamische itempagina. Hierdoor kunnen bezoekers op de afbeelding of knop klikken om naar het relevante item op de dynamische itempagina te navigeren. 

Stap 3 | Koppel je repeater-items aan je verzameling

Datasets zijn de tool die je gebruikt om je repeater-elementen aan je verzamelingsvelden te koppelen. Zodra je een element aan een dataset koppelt, kun je kiezen welke verzamelingsvelden je met elk deel van het element wilt gebruiken. Koppel elk element waarin je de inhoud van de verzameling wilt weergeven. Wijzig vervolgens het formaat, verplaats of pas de elementen naar wens aan. 
Wix Editor
Editor X
Studio Editor
  1. Klik in de Editor op de repeater die je hebt toegevoegd.
  2. Klik op het Aan CMS koppelen-pictogram.
  3. Maak een nieuwe dataset of koppel een bestaande: 
    • Maak een nieuwe dataset: 
      1. Klik op Dataset maken. Als je al een dataset op je pagina hebt, klik je op de Koppel een dataset-dropdown en selecteer je Nieuwe dataset.
      2. Klik op de Kies een verzameling-dropdown en selecteer de relevante verzameling.
      3. (Optioneel) Klik op het Dataset naam-veld en voer een naam in voor de dataset. 
      4. Klik op Maken
    • Koppel een bestaande dataset: 
      1. Klik op de Koppel een dataset-dropdown.
      2. Selecteer de dataset die je wilt koppelen.  
  1. Klik onder Elementen als eerste op het element dat je wilt koppelen. 
  2. (Optioneel) Als je het element aan een andere dataset wilt koppelen, klik je op de Kies een dataset-dropdown en selecteer je een andere dataset. Anders laat je het gekoppeld aan dezelfde dataset. 
  3. Klik onder Koppelingsopties op de relevante dropdowns om elk deel van het element aan het relevante verzamelingsveld te koppelen. De opties variëren afhankelijk van het elementtype.
Tips:
  • Om het knopelement aan de dynamische itempagina te koppelen, klik je op het Klikken is gekoppeld aan-veld en selecteer je de dynamische itempagina die eindigt op (Item).
  • Om een afbeeldingselement aan de dynamische itempagina te koppelen, klik je op de Link is gekoppeld aan-dropdown en selecteer je de dynamische itempagina die eindigt op (Item).
  1. Klik bovenaan het Repeater koppelen-paneel op Alle koppelingen
  2. Herhaal stap 4-7 hierboven om elk element waarin je verzamelingsinhoud wilt weergeven te koppelen.  
  1. (Optioneel) Klik om het formaat van de elementen in je repeater te wijzigen, te verplaatsen of aan te passen. Je kunt op elk moment elementen toevoegen, verwijderen, koppelen of loskoppelen. 

Stap 4 | De dataset-instellingen beheren

Pas de datasetinstellingen aan om de datasetmodus, het totaal aantal items dat tegelijk kan worden geladen, de items die worden weergegeven en de volgorde waarin ze verschijnen te beheren.  
Wix Editor
Editor X
Studio Editor
  1. Selecteer in je Editor de dataset die gekoppeld is aan je repeater.
  2. Klik op Instellingen
  3. Klik op de Dataset-modus-dropdown en selecteer en optie: 
    • Lezen: Laat de dataset de inhoud van je verzameling weergeven in de repeater.
    • Lezen en schrijven: Laat de dataset je verzamelingsinhoud weergeven in de repeater en laat bezoekers verzamelingsinhoud toevoegen of bewerken met invoerelementen. 
  4. Bewerk het Maximum aantal weergegeven items-veld om het maximum aantal items aan te passen dat in eerste instantie in de repeater kan worden geladen. Dit is ook het maximum aantal items dat wordt geladen wanneer bezoekers op een 'Meer laden'-knop klikken (zie het volgende gedeelte voor de stappen).
  1. (Optioneel) Klik op + Filter toevoegen om alleen specifieke items weer te geven in de repeater. 
  2. (Optioneel) Klik op + Sortering toevoegen om de volgorde te kiezen waarin verzamelingsitems worden weergegeven in de repeater.

Stap 5 | (Optioneel) Maak een 'Meer laden'-knop

Als je verzameling meer items bevat dan de dataset van de repeater tegelijk kan weergeven, voeg dan een 'Meer laden'-knop toe. Wanneer bezoekers op de knop klikken, worden de extra repeater-items geladen. Het Maximum aantal weergegeven items-veld in de datasetinstellingen bepaalt hoeveel items in eerste instantie in de repeater kunnen worden geladen en hoeveel extra items kunnen worden geladen wanneer op de 'Meer laden'-knop wordt geklikt.
Wix Editor
Editor X
Studio Editor
  1. Klik links in de Editor op Elementen toevoegen.
  2. Klik op Knop en sleep de knop naar de gewenste plaats. Zorg ervoor dat je de knop buiten de repeater plaatst, zodat deze niet aan de repeater vastzit.
    Tip: Je kunt ook een afbeelding toevoegen en deze gebruiken als 'Meer laden'-knop. 
  3. Klik op Tekst wijzigen en voer de tekst in die je op de knop wilt weergeven (bijvoorbeeld: 'Meer laden'). 
  4. Klik op het Aan CMS koppelen-pictogram.
  5. Klik op de Kies een dataset-dropdown en selecteer de dataset die aan je repeater is gekoppeld. 
  6. Klik op de Klikken is gekoppeld aan-dropdown en selecteer Meer laden
  1. Klik op de knop en selecteer het Ontwerp-pictogramom het uiterlijk van je 'Meer laden'-knop aan te passen.

Veelgestelde vragen

Klik hieronder voor antwoorden op de meest gestelde vragen over het koppelen van repeaters aan het CMS. 

Vond je dit artikel nuttig?

|