Hoe stel je een pagina slider blok in binnen een kolommenblok in Datamotive?

Het pagina slider blok toont pagina's automatisch als cards in een horizontaal doorscrolbare slider. De inhoud van elke card wordt opgebouwd op basis van de fragmentgegevens van de onderliggende pagina's, zoals de titel, omschrijving, afbeelding en de tekst voor de meer-link. Dit blok is geschikt voor dynamische overzichten zoals een nieuws- of actieslider.

Voorwaarde: het pagina slider blok wordt toegevoegd binnen een kolom van een kolommenblok. Heb je nog geen kolommenblok aangemaakt? Raadpleeg dan eerst de handleiding [Hoe stel je een kolommenblok in binnen Datamotive?]

Let op: als Fragmenten & Taxonomieën niet is ingevuld op een geselecteerde pagina, wordt die pagina als lege card zonder content getoond in de slider. Zorg er daarom altijd voor dat de fragmentgegevens van de onderliggende pagina's correct zijn ingevuld. Raadpleeg hiervoor de handleiding [Hoe stel je het tabblad Fragment & Taxonomieën in voor een pagina in Datamotive?]

Een pagina slider blok toevoegen

Stap 1 – Voeg een blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer het bloktype Pagina slider.

Stap 2 – Vul een korte beschrijving in (optioneel)
Vul een korte beschrijving in voor intern gebruik in het CMS. Deze tekst is niet zichtbaar op de website.

Algemene instellingen configureren

Stap 3 – Stel het aantal zichtbare cards in
Vul bij Aantal zichtbaar in hoeveel cards tegelijk zichtbaar zijn in de slider.

Stap 4 – Stel de sliderweergave in
Configureer de volgende weergaveopties:

• Horizontaal centreren: schakel in om de cards gecentreerd in de slider te tonen
• Loop: schakel in om de slider eindeloos te laten doorlopen
• Verberg slider bar: schakel in om de navigatiebalk van de slider te verbergen

Let op: wanneer je de slider bar verbergt, kan de slider niet langer gepauzeerd worden als autoplay is ingeschakeld. Dit kan invloed hebben op de toegankelijkheid.

Card-instellingen configureren

Stap 5 – Kies het card thema
Selecteer bij Card > Thema de gewenste weergavestijl:

• Regular (standaard) – een standaard card met witte achtergrond
• Floating – een card met een zwevend effect
• Filled – een card met een gekleurde achtergrond

Stap 6 – Stel de knop in
Onder Knop stel je de knop binnen de card in:

• Verbergen: schakel deze optie in als je geen knop wilt tonen binnen de card
• Titel overschrijven: voer een eigen knoptekst in om de standaardtekst te vervangen
• Thema: kies het thema van de knop, bijvoorbeeld Primair
• Formaat: kies de grootte van de knop: Small, Medium (standaard) of Large

Pagina's configureren

Stap 7 – Open de pagina configuratie
Klik op het veld Pagina's om het venster Pagina's configureren te openen. Hier stel je in welke pagina's automatisch worden ingeladen in de slider.

Stap 8 – Kies een bron
Klik op Kies bron en selecteer de bovenliggende pagina waarvan de onderliggende pagina's in de slider moeten worden getoond. Kies je bijvoorbeeld de pagina Nieuws, dan worden alle onderliggende nieuwspagina's automatisch als cards ingeladen. Schakel Reken subelementen mee in als ook pagina's dieper in de structuur moeten worden meegenomen.

Stap 9 – Stel in welke pagina's worden ingeladen op basis van categorieën (optioneel)
Klik op Kies categorieën om te bepalen welke pagina's op basis van categorie worden ingeladen. Stel daarnaast in hoe pagina's met meerdere categorieën worden verwerkt.

Stap 10 – Stel in welke pagina's worden ingeladen op basis van labels (optioneel)
Gebruik het zoekveld onder Filteren op labels om te bepalen welke pagina's op basis van label worden ingeladen. Stel ook hier in hoe pagina's met meerdere labels worden verwerkt.

Stap 11 – Stel in welke paginatypes worden ingeladen (optioneel)
Beperk de slider tot specifieke paginatypes via Filteren op types. Standaard zijn alle paginatypes geselecteerd.

Stap 12 – Stel de sortering in
Kies bij Sorteren op het sorteerveld (bijvoorbeeld Standaard) en de sorteerrichting (bijvoorbeeld Oplopend).

Stap 13 – Beperk het aantal resultaten (optioneel)
Vul bij Beperk resultaat tot het maximale aantal pagina's in dat wordt weergegeven in de slider.

Stap 14 – Bevestig de configuratie
Klik op Bevestigen om de instellingen op te slaan. Klik op Reset om alle instellingen te wissen en opnieuw te beginnen.

Opslaan en publiceren

Stap 15 – Sla op en publiceer
Klik linksboven op Opslaan. Publiceer de pagina om de wijzigingen zichtbaar te maken op de live website.

Overzicht instellingen