Dit is artikel is deel van een reeks over Card Element previews.
- Een CKEditor veld als card titel gebruiken
- Een afbeelding als card titel gebruiken (huidig artikel)
Afbeelding als titel
Sommige entry types hebben geen titel. Denk bijvoorbeeld aan een entry type dat enkel een afbeelding bevat, zoals een afbeeldingblok in een page builder.
Vroeger loste ik dat op door het titelveld een andere naam te geven, zoals "Referentie", en het vervolgens niet weer te geven op de frontend. Dat zorgde voor een nette weergave in de page builder zonder extra ruis.
Tegenwoordig pak ik het anders aan: ik haal simpelweg de titel uit de afbeelding zelf via een query. Zo bespaar ik een veld en hoeft de auteur niets extra in te vullen.

Asset query in het "Default Title Format"-veld.
Preview image instellen
Vergeet ook niet om de afbeelding als preview image in te stellen. In tegenstelling tot de andere Card preview-instellingen, doe je dit via het action menu van het veld.

Selecteer de thumbnail in het action menu van het veld.