Hoe stel je een masonry (media) blok in binnen een kolommenblok in Datamotive?

Met het masonry (media) blok toon je afbeeldingen in een vaste masonry-layout, waarbij items van verschillende hoogtes in een visueel grid worden geplaatst. De positie en lay-out aan de voorkant liggen vast en zijn niet aanpasbaar via het CMS. Alleen de inhoud verschilt per item.

Voorwaarde: het masonry (media) 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 masonry (media) blok toevoegen

Stap 1 – Voeg een blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer het bloktype Masonry (media).

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.

Items toevoegen

Stap 3 – Voeg een item toe
Klik op + Item toevoegen om een nieuw item toe te voegen. Vul per item de volgende velden in:

• Afbeelding (verplicht): selecteer een afbeelding via de mediabibliotheek
• Titel (optioneel): voeg een titel toe bij de afbeelding
• Tekst (optioneel): voeg een aanvullende beschrijving toe bij de afbeelding

Herhaal deze stap voor elk item dat je aan de masonry wilt toevoegen. De items worden automatisch in de vaste masonry-layout geplaatst.

Opslaan en publiceren

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

Overzicht instellingen