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

Met het slider blok voeg je een horizontaal doorscrolbare slider toe aan een kolom. In tegenstelling tot het pagina slider blok stel je hier zelf de inhoud van elke slide handmatig in. Per slide kies je het gewenste type, zoals een afbeelding, video, card of medewerker.

Voorwaarde: het 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?]

Een slider blok toevoegen

Stap 1 – Voeg een blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer het bloktype 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 slides in
Vul bij Aantal zichtbaar in hoeveel slides tegelijk zichtbaar zijn in de slider.

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

• Horizontaal centreren: schakel in om de slides 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
• Autoplay: schakel in om de slider automatisch te laten doorlopen
• Autoplay vertraging: stel in na hoeveel seconden de slider automatisch naar de volgende slide gaat

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.

Stap 5 – Kies een themakleur
Selecteer bij Thema kleur de gewenste kleur voor de navigatie-elementen van de slider, bijvoorbeeld Primair.

Slides toevoegen

Stap 6 – Voeg een slide toe
Klik op + Slide toevoegen om een nieuwe slide aan de slider toe te voegen. Kies het gewenste slidetype. De volgende types zijn beschikbaar:

• Afbeelding – voeg een afbeelding toe met aparte afbeeldingen voor desktop, tablet en mobiel. Stel de beeldverhouding en resize methode in en voeg optioneel een link toe
• Video – voeg een MP4-video toe via een directe URL
• YouTube video – voeg een YouTube-video toe via het video ID
• Card – voeg een card toe met media, titel, tekst en een link of knop
• Model – toon een voertuigmodel
• Uitvoering – toon een specifieke uitvoering
• Medewerker – toon een medewerker
• Vestiging – toon een vestiging
• HTML – voeg aangepaste HTML-code toe

Herhaal deze stap voor elke slide die je aan de slider wilt toevoegen.

Opslaan en publiceren

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

Overzicht instellingen