Hoe stel je een grid blok in binnen een kolommenblok in Datamotive?
Leer hoe je met het grid blok meerdere content items in een overzichtsweergave toont binnen een kolom in het CMS van Datamotive.
Met het grid blok toon je meerdere content items in een overzichtsweergave binnen een kolom. Je bepaalt zelf het aantal kolommen en voegt per item een blok toe van het gewenste type. Dit is handig voor bijvoorbeeld een rij kaarten, een afbeeldingenraster of een overzicht van medewerkers of vestigingen.
Voorwaarde: het grid blok wordt toegevoegd binnen een kolom van een kolommenblok. Heb je nog geen kolommenblok aangemaakt? Raadpleeg dan eerst de handleiding [Hoe stel je een kolommenblok in binnen Datamotive?]
Een grid blok toevoegen
Stap 1 – Voeg een blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer het bloktype Grid.
Stap 2 – Vul een korte beschrijving in (optioneel)
Vul een korte beschrijving in voor intern gebruik in het CMS. Deze tekst is niet zichtbaar op de website.
Stap 3 – Kies het aantal kolommen
Selecteer bij Aantal kolommen hoeveel kolommen het grid moet bevatten. De volgende opties zijn beschikbaar: 1, 2, 3, 4, 6 of 12 kolommen. Het aantal kolommen bepaalt hoe de items naast elkaar worden weergegeven.
Blokken toevoegen aan het grid
Stap 4 – Voeg blokken toe
Klik op + Blok toevoegen binnen het grid om een content item toe te voegen. Kies het gewenste bloktype. De volgende bloktypes zijn beschikbaar binnen een grid:
- Tekst
- Knoppen
- Afbeelding
- Video
- YouTube video
- Card
- Slider
- Voertuig slider
- FAQ
- Model
- Uitvoering
- Medewerker
- Vestiging
- HTML
Herhaal deze stap voor elk item dat je aan het grid wilt toevoegen. De blokken worden automatisch verdeeld over het ingestelde aantal kolommen.
Opslaan en publiceren
Stap 5 – Sla op en publiceer
Klik linksboven op Opslaan. Publiceer de pagina om de wijzigingen zichtbaar te maken op de live website.
Overzicht instellingen
| Instelling | Opties |
|---|---|
| Aantal kolommen | 1, 2, 3, 4, 6 of 12 |
| Beschikbare bloktypes | Tekst, Knoppen, Afbeelding, Video, YouTube video, Card, Slider, Voertuig slider, FAQ, Model, Uitvoering, Medewerker, Vestiging, HTML |