Hoe stel je het blok Card in binnen een detail pagina template in Datamotive?
Leer hoe je een card toevoegt aan een kolom binnen een detail pagina template en instelt met een thema, afbeelding, titel, tekst en knoppen.
Met het blok Card toon je een visueel contentblok op de detailpagina van een voertuig, opgebouwd uit een afbeelding, een titel, tekst en optionele knoppen. Je kiest een thema dat het visuele uiterlijk van de card bepaalt.
Voorwaarde: het blok Card wordt toegevoegd binnen een kolom van een kolommenblok of paneel. Heb je nog geen kolommenblok aangemaakt? Raadpleeg dan eerst de handleiding [Hoe stel je het vlak Kolommen in binnen een detail pagina template in Datamotive?]
Voorwaarde: het blok Card wordt toegevoegd binnen een detail pagina template. Heb je nog geen detail pagina template aangemaakt? Raadpleeg dan eerst de handleiding [Hoe maak je een detail pagina template aan voor voertuigen in Datamotive?]
Een card blok toevoegen
Stap 1 – Open de detail pagina template
Navigeer in het linkermenu naar Voertuigen > Detail pagina templates en open de template waaraan je een card wilt toevoegen.
Stap 2 – Open de kolom
Open het kolommenblok of paneel en de kolom waaraan je het card blok wilt toevoegen.
Stap 3 – Voeg een blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer het bloktype Card.
Het card blok instellen
Stap 4 – Kies het thema
Kies bij Thema het visuele uiterlijk van de card. De beschikbare opties zijn:
- Regular (standaard) — een card met een neutrale opmaak.
- Floating — een card met een zwevend visueel effect.
- Filled — een card met een gevulde achtergrond.
Stap 5 – Voeg een afbeelding toe
Klik op Afbeelding toevoegen en selecteer de gewenste afbeelding die bovenaan de card wordt weergegeven.
Stap 6 – Vul een titel in
Vul in het veld Titel de hoofdtekst in die prominent in de card wordt getoond.
Stap 7 – Voeg tekst toe
Klik in het tekstveld onder Tekst en typ de gewenste inhoud. Gebruik de opmaakbalk bovenaan de editor om de tekst naar wens op te maken.
Stap 8 – Voeg knoppen toe (optioneel)
Voeg onder Knoppen één of meerdere knoppen toe aan de card. Raadpleeg voor de volledige uitleg over het instellen van knoppen de handleiding [Hoe stel je het blok Knoppen in binnen een detail pagina template in Datamotive?]
Opslaan en publiceren
Stap 9 – Sla op en publiceer
Klik linksboven op Opslaan. Publiceer de pagina om de wijzigingen zichtbaar te maken op de live website.
Overzicht instellingen
| Veld/optie | Beschrijving | Verplicht |
|---|---|---|
| Type | Bloktype, in dit geval Card | Ja |
| Thema – Regular (standaard) | Card met een neutrale opmaak | Nee |
| Thema – Floating | Card met een zwevend visueel effect | Nee |
| Thema – Filled | Card met een gevulde achtergrond | Nee |
| Afbeelding | Afbeelding die bovenaan de card wordt weergegeven | Nee |
| Titel | Hoofdtekst van de card | Nee |
| Tekst | Ondersteunende tekst, op te maken via de WYSIWYG-editor | Nee |
| Knoppen | Één of meerdere knoppen onderaan de card | Nee |