Thema documentatie

594 views 😃0

Hero banner module

dominicht

Als je hiervoor kiest, kies je voor een duidelijke hoofd-banner voor jouw winkel. Hier kun je grote, indrukwekkende introductieafbeeldingen, carrousels en zelfs video’s plaatsen om zo je gebruikers te verwelkomen.

Er zijn twee typen lay-out voor de hero banner: in een vak en over de volledige breedte. In beide gevallen kun je zowel afbeeldingen, als een video of carrousel gebruiken.

In een vak

Over de volledige breedte

Je kunt hier kiezen voor een carrousel (als je meer dan één afbeelding hebt). In dit geval kun je deze automatisch laten afspelen en de snelheid hiervan instellen. Heb je meer dan één slide? Dan kun je ze in meerdere kolommen weergeven, met een maximum van drie kolommen.

1 kolom

Hero beeldformaat: 3020px x 1344px

2 kolommen

Hero beeldformaat: 1680px x 1444px

3 kolommen

Hero beeldformaat: 994px x 1344px

Meerdere slides in een hero banner

In een carrousel kun je maximaal drie slides toevoegen. Iedere slide heeft eigen instellingen. Wil je maar één afbeelding of video weergeven? Vul dan alleen de opties in van die ene slide en activeer die.

Er kan maar één video in de carrousel zitten. Dit heeft te maken met de prestatie en bruikbaarheid van de website. Om die reden kun je alleen van de eerste slide een video maken. Wil je een video gebruiken? Het wordt aanbevolen om dan slechts één dia te gebruiken.

Om een video-slide te maken, ga je naar Backoffice > Hulpprogramma’s > Bestanden en upload je de .MP4-video die je wilt gebruiken. Het geluid wordt automatisch uitgeschakeld en de video automatisch herhaald voor een betere gebruikerservaring. Gebruik bij voorkeur een korte en kleine video met een resolutie van 720p of 1080p. Hoe kleiner het bestand, hoe beter.

Wat betreft het plaatsen van de tekst: ook hier zijn meerdere opties voor. Kies die plaatsing die het beste bij jouw afbeelding past. Je kunt hier ook een titel, ondertitel, knop en een URL toevoegen om aan deze pagina te linken.

Tekstkleur is hier erg belangrijk. Kies de kleur die het meest contrasteert met de achtergrondafbeelding. De tekst moet altijd leesbaar zijn.

Was dit nuttig?