header-logo
Hoe Wix gebruiken om je website en bedrijf te bouwen.
Ontwerp en beheer je website met slimmme functionaliteiten.
Beheer abonnementen, pakketten en facturen.
Run je bedrijf en kom in contact met leden.
Lees hoe je een domein koopt, koppelt of overzet.
De juiste tools om je bedrijf op het web te laten groeien.
Boost je zichtbaarheid met SEO en marketingtools.
Geavanceerde functies om efficiënter te kunnen werken.
Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Verbeter je vaardigheden met onze cursussen en video's.
Krijg tips voor webdesign, marketing en meer.
Lees hoe het organische websiteverkeer van zoekmachines te vergroten.
Bouw een eigen website met ons full-stack platform.
Vind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image

CMS: Een pagineringsbalk toevoegen en instellen

9 min
In dit artikel
  • Stap 1 | Voeg een pagineringsbalk toe en pas deze aan
  • Stap 2 | Koppel aan het CMS
Gebruik een pagineringsbalk om bezoekers een eenvoudige en intuïtieve manier te bieden om door een grote verzameling items in een repeater of galerij te bladeren. Met een pagineringsbalk kunnen bezoekers navigeren door 'pagina's' of sets met items die op een dynamische pagina worden weergegeven. Het Items per keer laden-veld bepaalt het maximum aantal items dat op elke 'pagina' wordt weergegeven. 

Het aantal pagina's dat door de pagineringsbalk wordt weergegeven, wordt berekend op basis van het totale aantal verzamelingsitems dat door de dataset is opgehaald en het 'Items per keer laden'-veld. Als je bijvoorbeeld 50 zichtbare items in je verzameling hebt en het 'Items per keer laden'-veld hebt ingesteld op 10, geeft je pagineringsbalk 5 pagina's weer (50/10=5). Elke pagina vertegenwoordigt een set met items en met de pagineringsbalk kunnen bezoekers door deze sets navigeren. 
Screenshot van een pagineringsbalk die gekoppeld is aan dezelfde verzameling als de repeater.
Voordat je begint:

Stap 1 | Voeg een pagineringsbalk toe en pas deze aan

Voeg een pagineringsbalk toe aan je website en pas deze aan je ontwerpbehoeften aan. 
Wix Editor
Studio Editor
  1. Ga naar je editor.
  2. Ga naar de relevante dynamische pagina die meerdere items kan vermelden:
    1. Klik links in de Editor op Pagina's en menu.
    2. Klik op Dynamische pagina's.
    3. Klik op de betreffende dynamische pagina.
      Let op: Pagineringsbalken zijn niet relevant voor dynamische itempagina's die slechts 1 item tegelijk kunnen weergeven. 
Screenshot van het gaan naar een dynamische lijstpagina in de Wix Editor.
  1. Voeg een pagineringsbalk toe: 
    1. Klik links in de Editor op Elementen toevoegen.
    2. Klik op Interactief.
    3. Klik op Pagineringsbalk
    4. Klik en sleep de pagineringsbalk die je wilt gebruiken naar de pagina. 
Screenshot van het toevoegen van een pagineringsbalk in de Wix Editor.
  1. Pas de indeling en het ontwerp van de pagineringsbalk aan: 

Stap 2 | Koppel aan het CMS

Koppel je pagineringsbalk aan dezelfde dataset die gekoppeld is aan je repeater of galerij. Wijzig vervolgens het formaat van je pagineringsbalk en test deze in de voorbeeldmodus. Publiceer je website wanneer deze klaar is om live te gaan. 
Wix Editor
Studio Editor
  1. Klik op de pagineringsbalk. 
  2. Klik op het Aan CMS koppelen-pictogram.
  3. Klik op de Kies een dataset-dropdown en selecteer dezelfde dataset die gekoppeld is aan je repeater of galerij. 
Screenshot van het koppelen van een pagineringsbalk aan een dataset.
  1. (Indien nodig) Pas het aantal items aan dat per 'pagina' in de pagineringsbalk verschijnt: Let op: Dit is ook het maximum aantal items dat per keer laden in je repeater of galerij kan worden weergegeven.
    1. Klik rechts in het Paginering koppelen-paneel op Dataset-instellingen.
    2. Bewerk het Items per keer laden-veld. Lees meer over het aanpassen van je dataset-instellingen.
  2. Pas de grootte van je pagineringsbalk aan door deze uit te rekken of de randen handmatig aan te passen:
    • Uitrekken tot breedte: Klik op het Uitrekken-pictogram  om de breedte van de balk uit te breiden naar de randen van de website.  
    • Handmatig: Klik en sleep de randen van je pagineringsbalk om deze te wijzigen. 
  3. Klik op Voorbeeld om je pagineringsbalk te testen. 
  4. Klik op Publiceren als je klaar bent om de wijzigingen live te laten gaan.