Hoe stel je het blok Afbeelding in binnen een detail pagina template in Datamotive?
Leer hoe je een afbeeldingsblok toevoegt aan een kolom binnen een detail pagina template en de beeldverhouding en resize methode instelt.
Met het blok Afbeelding voeg je een statische afbeelding toe aan de detailpagina van een voertuig. Je stelt de beeldverhouding en de resize methode in om te bepalen hoe de afbeelding wordt weergegeven binnen de kolom.
Voorwaarde: het blok Afbeelding 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 Afbeelding 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 afbeeldingsblok toevoegen
Stap 1 – Open de detail pagina template
Navigeer in het linkermenu naar Voertuigen > Detail pagina templates en open de template waaraan je een afbeeldingsblok wilt toevoegen.
Stap 2 – Open de kolom
Open het kolommenblok of paneel en de kolom waaraan je het afbeeldingsblok wilt toevoegen.
Stap 3 – Voeg een blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer het bloktype Afbeelding.
Het afbeeldingsblok instellen
Stap 4 – Stel de beeldverhouding in
Kies bij Beeldverhouding de gewenste verhouding waarin de afbeelding wordt weergegeven. De beschikbare opties zijn:
- 1:1
- 4:3
- 3:2
- 16:9
Stap 5 – Stel de resize methode in
Kies bij Resize methode hoe de afbeelding wordt aangepast aan de ingestelde beeldverhouding. De beschikbare opties zijn:
- Bijsnijden (standaard) — de afbeelding wordt bijgesneden zodat deze de volledige ruimte vult.
- Witruimte toevoegen — de afbeelding wordt volledig weergegeven met witruimte rondom waar nodig.
- Uitrekken — de afbeelding wordt uitgerekt om de volledige ruimte te vullen.
Stap 6 – Voeg de afbeelding toe
Klik op Afbeelding toevoegen en selecteer de gewenste afbeelding.
Let op: het veld Afbeelding is verplicht. Het blok kan niet worden opgeslagen zolang er geen afbeelding is geselecteerd.
Opslaan en publiceren
Stap 7 – 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 Afbeelding | Ja |
| Beeldverhouding | Verhouding van de afbeelding: 1:1, 4:3, 3:2 of 16:9 | Ja |
| Resize methode – Bijsnijden (standaard) | Snijdt de afbeelding bij zodat deze de volledige ruimte vult | Nee |
| Resize methode – Witruimte toevoegen | Toont de afbeelding volledig met witruimte rondom | Nee |
| Resize methode – Uitrekken | Rekt de afbeelding uit om de volledige ruimte te vullen | Nee |
| Afbeelding | De te tonen afbeelding | Ja |