Hoe stel je een kolommenblok in binnen Datamotive?

Het kolommenblok is een flexibel contentblok binnen het CMS van Datamotive. Je verdeelt content over maximaal vier kolommen, elk met eigen achtergrond, uitlijning en contentblokken.

Een kolommenvlak toevoegen

Stap 1 – Voeg een kolommenvlak toe
Navigeer naar de pagina die je wilt bewerken en klik op + Vlak toevoegen. Kies als vlaktype Kolommen. Vul optioneel een korte beschrijving in voor intern gebruik en voeg indien gewenst een Vlak ID toe voor gebruik als anchor link.

Let op: het vlak ID moet beginnen met een letter en mag alleen letters, cijfers, - of _ bevatten.

De achtergrond instellen

Stap 2 – Kies een achtergrondtype
Klik op + Achtergrond toevoegen en kies een van de volgende typen:

Thema kleur
Kies een achtergrondkleur uit het thema, zoals Licht (standaard) of Donker.

Afbeelding
Voeg aparte afbeeldingen toe voor mobiel, tablet en desktop. Tablet en desktop gebruiken standaard dezelfde afbeelding als mobiel tenzij je deze overschrijft. Stel daarnaast in:

• Resize methode: standaard bijsnijden
• Tekst kleur: voor goede leesbaarheid over de afbeelding
• Achtergrond kleur: als fallback
• Overlay toevoegen: optioneel

Video
Voer een mp4-URL in via het Video URL veld. Stel daarnaast in:

• Placeholder afbeelding: voor apparaten die geen video ondersteunen
• Resize methode, tekst kleur en achtergrond kleur
• Overlay toevoegen: optioneel

Slides
Voeg meerdere afbeeldingen toe als slideshow (maximaal 10 per apparaattype). Stel in:

• Aparte afbeeldingen voor mobiel, tablet en desktop
• Overgangssnelheid in seconden (minimaal 1, standaard 5)
• Resize methode, tekst kleur, achtergrond kleur
• Gebruik overlay: optioneel

Kolommen toevoegen

Stap 3 – Voeg kolommen toe
Klik onderaan het vlak op + Kolom toevoegen. Je kunt maximaal vier kolommen toevoegen. Stel per kolom in:

• Kolom verdeling: bepaal de breedte per kolom, bijvoorbeeld 33% | 66%
• Verticale uitlijning: boven, midden, onder of geen (standaard)
• Horizontale uitlijning: links, gecentreerd, rechts of geen (standaard)
• Positie tablet (optioneel): bepaalt de volgorde op tablets
• Positie desktop (optioneel): standaard hetzelfde als tablet

Contentblokken toevoegen

Stap 4 – Voeg blokken toe aan elke kolom
Klik binnen een kolom op + Blok toevoegen. Je kunt meerdere blokken per kolom toevoegen. De volgorde van blokken binnen een kolom is vrij te bepalen. De volgende bloktypes zijn beschikbaar:

• Tekst
• Knoppen
• Afbeelding
• Video
• YouTube video
• Card
• Grid
• Pagina grid
• Slider
• Pagina slider
• Tijdlijn
• Hero
• Masonry (cards)
• Masonry (media)
• Logo grid
• FAQ
• Model
• Uitvoering
• Model uitvoeringen slider
• Medewerker
• Vestiging
• Voertuig slider
• Paneel
• Formulier
• Voertuigzoeker
• Werkplaatsplanner ingang
• Maps
• Tabs
• HTML
• Fragment
• Vacature overzicht
• Vacature slider
• Vacaturezoeker
• USPS

Let op: elk bloktype heeft zijn eigen instellingen. Raadpleeg de handleiding van het betreffende bloktype voor de verdere uitleg.

Opslaan en publiceren

Stap 5 – Sla op en publiceer
Klik linksboven op Opslaan. Publiceer vervolgens de webspace om de wijzigingen zichtbaar te maken op de live website.

Overzicht instellingen