Hoe stel je het vlak Kolommen in binnen een detail pagina template in Datamotive?
Leer hoe je het vlak Kolommen instelt, kolommen toevoegt en daarbinnen blokken plaatst op de voertuig detailpagina.
Met het vlak Kolommen bouw je een aangepaste sectie op de voertuig detailpagina op uit één tot vier kolommen. Binnen elke kolom voeg je vervolgens zelf blokken toe, zoals tekst, afbeeldingen of voertuigspecifieke content.
Voorwaarde: dit artikel gaat over het instellen van een vlak van het type Kolommen. Heb je nog geen vlak toegevoegd? Raadpleeg dan eerst de handleiding [Hoe voeg je vlakken toe aan een voertuig detail pagina template in Datamotive?]
Het type instellen
Stap 1 – Selecteer het type
Kies bij Type de optie Kolommen.
De achtergrond instellen
Stap 1 – Voeg een achtergrond toe
Klik onder Achtergrond op + Achtergrond toevoegen, of bewerk de reeds toegevoegde achtergrond.
Stap 2 – Kies het type achtergrond
Selecteer bij Type de gewenste optie:
- Thema kleur
- Patroon
Stap 3 – Stel de achtergrondkleur in
Kies bij Achtergrond kleur de gewenste kleur uit de lijst:
- Licht (Standaard)
- Donker
- Wit
- Primair +80% wit
- Primair +40% wit
- Primair
- Primair +40% zwart
- Primair +80% zwart
- Secundair +80% wit
- Secundair +40% wit
- Secundair
- Secundair +40% zwart
- Secundair +80% zwart
- Tertiair +80% wit
- Tertiair +40% wit
- Tertiair
- Tertiair +40% zwart
- Tertiair +80% zwart
De basisinstellingen van het vlak invullen
Stap 1 – Vul een korte beschrijving in
Vul in het veld Korte beschijving een interne omschrijving van het vlak in, ter herkenning binnen het template.
Stap 2 – Stel de kolomverdeling in
Selecteer bij Kolom verdeling de gewenste verdeling, bijvoorbeeld 50% | 50%. De beschikbare verdelingen passen zich automatisch aan op basis van het aantal kolommen dat je toevoegt onder Kolommen.
Stap 3 – Vul het vlak ID in
Vul in het veld Vlak ID een unieke identifier in. Dit ID moet beginnen met een letter en mag bestaan uit de tekens A-z, 0-9, - en _.
Voorwaarde: raadpleeg voor het gebruik van het vlak ID als ankerlink op de detailpagina de handleiding [Hoe stel je een anchor link in op een detailpagina in Datamotive?]
Kolommen toevoegen en instellen
Onder Kolommen voeg je tussen de één en vier kolommen toe. Elke kolom heeft zijn eigen instellingen.
Stap 1 – Vul de korte beschrijving van de kolom in
Vul in het veld Korte beschijving van de kolom een interne omschrijving in.
Stap 2 – Stel de verticale uitlijning in
Selecteer bij Verticale uitlijning de gewenste optie, bijvoorbeeld Geen (Standaard).
Stap 3 – Stel de horizontale uitlijning in
Selecteer bij Horizontale uitlijning de gewenste optie, bijvoorbeeld Geen (Standaard).
Stap 4 – Vul eventueel een positie voor tablet en desktop in
Vul desgewenst de velden Positie tablet (optioneel) en Positie desktop (optioneel) in om de volgorde van de kolom op deze schermformaten af te wijken van de standaardvolgorde.
Stap 5 – Voeg eventueel extra kolommen toe
Herhaal stap 1 tot en met 4 voor elke extra kolom, tot een maximum van vier kolommen.
Blokken toevoegen binnen een kolom
Stap 1 – Klik op Blok toevoegen
Klik binnen de gewenste kolom onder Blokken op + Blok toevoegen.
Stap 2 – Selecteer het bloktype
Kies het gewenste bloktype uit de lijst:
- Tekst
- Knoppen
- Paneel
- Formulier
- Afbeelding
- Card
- Grid
- Slider
- Video
- YouTube video
- HTML
- Social Media Delen
- USPS
- Tijdlijn
- Voertuig titel
- Voertuig CTA's
- Voertuig media
- Voertuig specificaties
- Voertuig opties
- Voertuig downloads
- Voertuig omschrijving
- Voertuig vestiging
- Voertuig garanties
- Voertuig vergelijken
- Voertuig favorieten
Stap 3 – Herhaal voor extra blokken
Herhaal stap 1 en 2 om meerdere blokken binnen dezelfde kolom toe te voegen.
De wijzigingen opslaan
Stap 1 – Sla het template op
Klik op Aanmaken of Wijzigen, afhankelijk van of het template nieuw of bestaand is.
Overzicht instellingen
| Veld / optie | Beschrijving | Verplicht |
|---|---|---|
| Type | Kolommen | Ja |
| Achtergrond type | Thema kleur of Patroon | Nee |
| Achtergrond kleur | Selectie uit beschikbare themakleuren, bijvoorbeeld Licht (Standaard), Donker of Primair | Nee |
| Korte beschijving (vlak) | Interne omschrijving van het vlak | Nee |
| Kolom verdeling | Verdeling van de kolombreedtes, past zich aan op basis van het aantal kolommen | Ja |
| Vlak ID | Unieke identifier van het vlak, te gebruiken als ankerlink | Ja |
| Aantal kolommen | Tussen de 1 en 4 kolommen per vlak | Ja, minimaal één |
| Korte beschijving (kolom) | Interne omschrijving van de kolom | Nee |
| Verticale uitlijning | Uitlijning van de inhoud binnen de kolom | Nee |
| Horizontale uitlijning | Uitlijning van de inhoud binnen de kolom | Nee |
| Positie tablet / desktop (optioneel) | Afwijkende volgorde van de kolom op tablet of desktop | Nee |
| Blokken | Inhoud binnen een kolom, te kiezen uit diverse bloktypen | Nee |