Hoe stel je het blok Slider in binnen een detail pagina template in Datamotive?
Leer hoe je een slider toevoegt aan een kolom binnen een detail pagina template en daarbinnen contentblokken als doorscrolbare presentatie weergeeft.
Met het blok Slider toon je meerdere contentblokken als doorscrolbare presentatie op de detailpagina van een voertuig. De slider werkt op dezelfde manier als het Grid blok, met het verschil dat de blokken niet tegelijk zichtbaar zijn maar één voor één worden doorgescrolld. Je stelt in hoeveel blokken er tegelijk zichtbaar zijn en of de slider continu herhaalt.
Voorwaarde: het blok Slider wordt toegevoegd binnen een kolom van een kolommenblok of paneel. Heb je nog geen kolommenblok aangemaakt? Raadpleeg dan eerst de handleiding [Hoe stel je het vlak Kolommen in binnen een detail pagina template in Datamotive?]
Voorwaarde: het blok Slider wordt toegevoegd binnen een detail pagina template. Heb je nog geen detail pagina template aangemaakt? Raadpleeg dan eerst de handleiding [Hoe maak je een detail pagina template aan voor voertuigen in Datamotive?]
Een slider blok toevoegen
Stap 1 – Open de detail pagina template
Navigeer in het linkermenu naar Voertuigen > Detail pagina templates en open de template waaraan je een slider wilt toevoegen.
Stap 2 – Open de kolom
Open het kolommenblok of paneel en de kolom waaraan je het slider blok wilt toevoegen.
Stap 3 – Voeg een blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer het bloktype Slider.
De slider instellen
Stap 4 – Stel het aantal zichtbare items in
Kies bij Aantal zichtbaar hoeveel contentblokken er tegelijk zichtbaar zijn in de slider.
Stap 5 – Stel horizontaal centreren in (optioneel)
Zet de toggle Horizontaal centreren aan als de items in de slider horizontaal gecentreerd weergegeven moeten worden.
Stap 6 – Stel de loop in (optioneel)
Zet de toggle Loop aan als de slider na het laatste item automatisch terug moet springen naar het eerste item, zodat de slider continu doorloopt.
Contentblokken toevoegen aan de slider
Stap 7 – Voeg een blok toe aan de slider
Klik onder Blokken op + Blok toevoegen en selecteer het gewenste contentbloktype. De volgende bloktypen zijn beschikbaar binnen een grid:
- Tekst
- Knoppen
- Paneel
- Formulier
- Afbeelding
- Card
- Video
- YouTube video
- HTML
- Social Media Delen
- USPS
- Tijdlijn
Stap 8 – Herhaal voor extra blokken
Klik opnieuw op + Blok toevoegen om een volgend contentblok toe te voegen. Elk toegevoegd blok verschijnt als een afzonderlijk item in de slider.
Let op: elk bloktype heeft zijn eigen instellingen. Raadpleeg de handleiding van het betreffende bloktype voor de verdere uitleg.
Opslaan en publiceren
Stap 9 – Sla op en publiceer
Klik linksboven op Opslaan. Publiceer de pagina om de wijzigingen zichtbaar te maken op de live website.
Overzicht instellingen
| Veld/optie | Beschrijving | Verplicht |
|---|---|---|
| Type | Bloktype, in dit geval Slider | Ja |
| Aantal zichtbaar | Aantal contentblokken dat tegelijk zichtbaar is in de slider | Ja |
| Horizontaal centreren | Centreert de items horizontaal binnen de slider | Nee |
| Loop | Laat de slider continu doorlopen na het laatste item | Nee |
| Blokken | De contentblokken die als slider-items worden weergegeven | Nee |