Hoe stel je het blok Tijdlijn in binnen een detail pagina template in Datamotive?

Met het blok Tijdlijn toon je meerdere inhoudselementen als een doorscrolbare tijdlijnpresentatie op de detailpagina van een voertuig. Per slide stel je een titel, afbeelding, tekst en optionele knoppen in. Je bepaalt ook hoe de navigatiebalk van de tijdlijn wordt weergegeven.

Voorwaarde: het blok Tijdlijn 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 Tijdlijn 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 tijdlijnblok toevoegen

Stap 1 – Open de detail pagina template
Navigeer in het linkermenu naar Voertuigen > Detail pagina templates en open de template waaraan je een tijdlijnblok wilt toevoegen.

Stap 2 – Open de kolom
Open het kolommenblok of paneel en de kolom waaraan je het tijdlijnblok wilt toevoegen.

Stap 3 – Voeg een blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer het bloktype Tijdlijn.

Het tijdlijnblok instellen

Stap 4 – Stel het aantal zichtbare items in
Kies bij Aantal zichtbaar hoeveel slides er tegelijk zichtbaar zijn in de tijdlijn.

Stap 5 – Stel horizontaal centreren in (optioneel)
Zet de toggle Horizontaal centreren aan als de slides horizontaal gecentreerd weergegeven moeten worden.

Stap 6 – Stel de loop in (optioneel)
Zet de toggle Loop aan als de tijdlijn na de laatste slide automatisch terug moet springen naar de eerste slide, zodat deze continu doorloopt.

Stap 7 – Kies de tijdlijn balk stijl
Kies bij Tijdlijn balk stijl hoe de navigatiebalk van de tijdlijn wordt weergegeven. De beschikbare opties zijn:

• Dots met titel — de navigatiebalk toont dots met een bijbehorende titel per slide.
• Alleen dots — de navigatiebalk toont uitsluitend dots zonder titel.

Slides toevoegen en instellen

Stap 8 – Voeg een slide toe
Klik op + Slide toevoegen. Er verschijnt een slideblok. Herhaal deze stap voor elke extra slide die je aan de tijdlijn wilt toevoegen.

Stap 9 – Vul de titel in de tijdlijn in
Vul in het veld Titel in tijdlijn de tekst in die bij de navigatiebalk van de tijdlijn wordt weergegeven voor deze slide.

Stap 10 – Kies het thema van de slide
Kies bij Thema het visuele uiterlijk van de slide. De beschikbare opties zijn:

• Regular (standaard) — een slide met een neutrale opmaak.
• Floating — een slide met een zwevend visueel effect.
• Filled — een slide met een gevulde achtergrond.

Stap 11 – Voeg een afbeelding toe (optioneel)
Klik op Afbeelding toevoegen en selecteer de afbeelding die bij deze slide wordt weergegeven.

Stap 12 – Vul de titel in
Vul in het veld Titel de hoofdtekst in die prominent in de slide wordt getoond.

Stap 13 – Voeg tekst toe
Klik in het tekstveld onder Tekst en typ de gewenste inhoud. Gebruik de opmaakbalk bovenaan de editor om de tekst naar wens op te maken.

Stap 14 – Voeg knoppen toe (optioneel)
Voeg onder Knoppen één of meerdere knoppen toe aan de slide. Raadpleeg voor de volledige uitleg over het instellen van knoppen de handleiding [Hoe stel je het blok Knoppen in binnen een detail pagina template in Datamotive?]

Stap 15 – Bepaal de volgorde van slides
Gebruik het sleepicoon (⋮⋮) links van een slideblok om de volgorde van de slides aan te passen.

Opslaan en publiceren

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

Overzicht instellingen