Hoe maak je een panelen fragment aan in Datamotive?

Met het panelen fragment maak je een kolommenblok aan dat je op meerdere pagina's tegelijk kunt koppelen. Wijzig je het fragment, dan wordt deze wijziging automatisch doorgevoerd op alle pagina's waar het fragment gekoppeld is. Dit is handig voor content die op meerdere plekken hetzelfde moet blijven, bijvoorbeeld een terugkerende banner, een call-to-action of een blok met algemene informatie.

Let op het verschil: het panelen fragment is een volledig vlak met eigen kolommen, dat je als geheel aan een pagina koppelt. Wil je in plaats daarvan slechts de inhoud van één kolom binnen een bestaand kolommenblok herbruikbaar maken, dan gebruik je het content blok Fragment. Raadpleeg hiervoor de handleiding [Hoe voeg je een fragment toe binnen een kolom van een kolommenblok in Datamotive?]

Voorwaarde: de opbouw van het panelen fragment is identiek aan een regulier kolommenblok, met kolommen en content blokken. Raadpleeg hiervoor de handleiding [Hoe stel je een kolommenblok in binnen Datamotive?]

Een nieuw panelen fragment aanmaken

Stap 1 – Navigeer naar Fragmenten
Klik in het linkermenu van het CMS op Fragmenten. Een overzicht van alle bestaande fragmenten wordt getoond.

Stap 2 – Voeg een nieuw fragment toe
Klik linksboven op Toevoegen om een nieuw fragment aan te maken.

Stap 3 – Kies het fragmenttype Panelen
Klik op het typemenu naast Opslaan en selecteer Panelen uit de lijst met beschikbare fragmenttypes.

Stap 4 – Vul de fragmenttitel in
Vul bij Fragment titel een duidelijke naam in voor het fragment, bijvoorbeeld "Paneel - CTA demo aanvragen". Deze naam is alleen zichtbaar in het CMS.

Het vlak inrichten

Stap 5 – Voeg een vlak toe
Klik onder Vlakken op + Vlak toevoegen en kies het vlaktype Kolommen.

Stap 6 – Stel de algemene vlakinstellingen in
Vul desgewenst het veld Korte beschrijving in. Vul het veld Vlak ID in als je het vlak via een ankerlink wilt kunnen benaderen.

Let op: het Vlak ID moet beginnen met een letter. Toegestane karakters zijn A-z, 0-9, - en _.

Stap 7 – Stel de vlak hoogte in
Open het dropdownmenu Vlak hoogte en maak een keuze voor de hoogte van het vlak.

Stap 8 – Stel de achtergrond in
Open het dropdownmenu bij Achtergrond en kies een type, bijvoorbeeld Thema kleur. Stel vervolgens de Achtergrond kleur in, bijvoorbeeld Licht (standaard). Klik op + Achtergrond toevoegen om een extra achtergrondlaag toe te voegen.

Kolommen en content blokken toevoegen

Stap 9 – Voeg een kolom toe
Klik onder Kolommen op + Kolom toevoegen. Stel per kolom de volgende velden in:

• Korte beschrijving — interne beschrijving van de kolom
• Verticale uitlijning — Geen (Standaard) of een andere uitlijningsoptie
• Horizontale uitlijning — Geen (Standaard) of een andere uitlijningsoptie
• Positie tablet (optioneel) — standaard hetzelfde als de volgorde van de blokken
• Positie desktop (optioneel) — standaard hetzelfde als tablet

Stap 10 – Voeg content blokken toe
Klik binnen de kolom op + Blok toevoegen en selecteer het gewenste content blok. Raadpleeg voor de specifieke opties per content blok de bijbehorende handleiding, bijvoorbeeld [Website - Blokken]

Stap 11 – Voeg meer kolommen toe (optioneel)
Klik op + Kolom toevoegen om meerdere kolommen naast elkaar in te richten.

Opslaan

Stap 12 – Sla het fragment op
Klik linksboven op Opslaan. Het fragment is nu beschikbaar om aan meerdere pagina's te koppelen. [Hoe koppel je een panelen fragment aan een pagina in Datamotive?]

Let op: wijzig je later de inhoud van dit fragment, dan wordt deze wijziging automatisch doorgevoerd op elke pagina waar het fragment gekoppeld is.

Overzicht instellingen