Slider / Carrousel
De Slideshow-sectie is de perfecte manier om meerdere grote boodschappen, acties of sfeerbeelden op één prominente plek te tonen. Deze sectie ondersteunt zowel afbeeldingen als video's en is specifiek ontworpen voor gebruik op de Homepagina.
Algemene Layout & Formaat
Je kunt de slideshow op twee manieren presenteren, afhankelijk van de gewenste impact:
- Breedte (Width type):
- Full width: De slides vullen de volledige breedte van het scherm. Je kunt hierbij zelf de hoogte in pixels instellen voor zowel Desktop (300px - 800px) als Mobiel (150px - 700px).
- Box: De slideshow wordt binnen een kader geplaatst. Hierbij bepaal je de vorm aan de hand van een Afbeeldingsverhouding (Image ratio), zoals 16:9 of de extra brede 8:3.
- Kleurenschema: Kies een algemeen kleurenschema voor de sectie en een specifiek schema voor de inhoud op de slides (tekst en knoppen).
- Afstanden: Beheer de marges en padding om de slideshow naadloos aan te laten sluiten op andere secties.
Slider Instellingen
- Automatisch afspelen (Autoplay): Vink dit aan om de slides automatisch te laten wisselen. Je kunt de vertraging (delay) zelf instellen tussen de 2 en 9 seconden.
- Herhalen (Loop): Zorg dat de slideshow na de laatste slide weer vloeiend opnieuw begint bij de eerste.
- Overlay: Voeg een donkere transparante laag (0-70%) toe over de gehele slideshow om de leesbaarheid van de tekst te verbeteren, ongeacht de achtergrond.
Inhoud van de Slides (Blokken)
Je kunt tot 5 afbeeldingsslides en 1 videoslide toevoegen. Elke slide kan individueel worden opgemaakt.
Afbeeldingsslide (Image slide)
- Afbeeldingen: Upload een liggende afbeelding voor desktop en optioneel een staande afbeelding voor mobiel voor het beste resultaat op elk scherm.
- Uitlijning: Bepaal of de tekst op de slide links, in het midden of rechts moet staan.
- Tekst: Voeg een titel (Heading) en een subtitel toe. Voor beide kun je de visuele grootte en de letterdikte (normaal of vet) aanpassen.
- Knoppen: Voeg maximaal twee knoppen toe per slide. Je kunt de tekst, link, een optioneel icoontje en de stijl (ingekleurd of alleen een rand) per knop bepalen.
Videoslide (Video slide)
- Video: Upload een videobestand dat als achtergrond dient voor deze slide.
- Autoplay: Vink dit aan om de video direct te laten afspelen zodra de slide in beeld komt.
- Overlay & Tekst: Net als bij de afbeeldingsslides kun je ook over je video een titel, subtitel en knoppen plaatsen met instelbare uitlijning en grootte.
Tip: Gebruik korte, krachtige teksten op je slides. Omdat een slideshow beweegt, heeft de bezoeker beperkte tijd om de informatie op te nemen.