Beschrijving: Deze tool maakt het mogelijk om dynamische carrousels (sliders) te creëren, personaliseren en beheren, bestaande uit meerdere visuele elementen, ideaal voor het presenteren van uitgelichte inhoud op de website.
Waarvoor is het bedoeld? (praktische voorbeelden)
Gebruik de Carrousel-module om:
- Een welkomgebied op de homepage te maken dat automatisch wisselt tussen verschillende promoties of kernboodschappen.
- Een galerij van afbeeldingen of video's te presenteren met unieke achtergrond-effecten en overliggende teksten.
- Complexe inhoud te organiseren in een gecontroleerde visuele volgorde, zoals een begeleide presentatie of portfolio.
Belangrijkste functies
De module biedt gedetailleerde controle over zowel de algemene instellingen van de carrousel als de personalisatie van elke afzonderlijke slide.
- Gecentraliseerd beheer: Snelle weergave van alle gemaakte carrousels, met directe aanduiding of ze actief of verborgen zijn op de site.
- Slide-structuur: De carrousel bestaat uit aparte tabbladen, elk vertegenwoordigt één enkele slide.
- Geavanceerde visuele editor: Elke slide bevat een gebied voor het invoegen van tekst, afbeeldingen en andere complexe grafische elementen, beheerd via een speciale visuele editor.
- Multimediale achtergronden: Ondersteuning voor het gebruik van achtergrondafbeeldingen (met aparte opties voor desktop en mobiel) of video's (van externe platforms zoals YouTube/Vimeo of MP4-bestanden).
- Overlay-effecten: Mogelijkheid om kleuren, verlopen en transparantieniveaus over de achtergrond toe te passen ter verbetering van de leesbaarheid van de inhoud.
Hoe configureer je het
De configuratie is verdeeld in twee gebieden: de algemene instellingen van de carrousel en de specifieke instellingen per slide.
1. Algemene instellingen van de carrousel
Deze opties bepalen het gedrag en uiterlijk van de gehele carrousel.
| Optie | Beschrijving |
|---|---|
| Titel slider | Interne naam om de carrousel te identificeren in het beheergedeelte. |
| Zichtbaar op site | Status voor activering/deactivering van de carrousel. |
| Hoogte slider | Bepaalt de totale hoogte van de carrousel door een numerieke waarde en meeteenheid (pixels, vh, vw) op te geven. |
| Autoplay | Tijd in seconden waarna automatisch naar de volgende slide wordt gegaan. |
| Loop | Indien ingeschakeld begint de carrousel opnieuw bij het begin na de laatste slide. |
| Pijlen | Toont navigatieknoppen voor handmatig scrollen door slides. |
| Willekeurige volgorde | Slides worden bij elke paginalaadbeurt in een andere volgorde getoond. |
2. Instellingen per individuele slide
Elke slide (beheerd via een tabblad) kan individueel gepersonaliseerd worden.
Inhoud en titel
- Titel Slide: Interne naam van de slide (handig voor organisatie).
- Inhoud: Hoofdgebied om tekst en visuele elementen van de slide toe te voegen met behulp van de editor.
Achtergrond (afbeeldingen)
Dit gedeelte beheert het visuele aspect van de achtergrond via afbeeldingen.
| Optie | Beschrijving |
|---|---|
| Afbeelding Desktop/Mobiel | Hiermee kunt u specifieke afbeeldingen uploaden voor weergave op grote en kleine schermen. |
| Formaat | Bepaalt hoe de afbeelding zich aanpast aan het gebied (bijv. cover om volledig ruimte te vullen). |
| Herhalen | Bepaalt of de afbeelding horizontaal, verticaal herhaald wordt of helemaal niet. |
| Positie | Uitlijning van achtergrondafbeelding (bijv. midden, linksboven, enz.). |
| Bevestiging | Bepaalt of afbeelding meebeweegt met pagina of vast blijft staan (fixed). |
Achtergrond (video)
Maakt het mogelijk een video als achtergrond te gebruiken.
| Optie | Beschrijving |
|---|---|
| Achtergrondvideo | Voer URL in van video (ondersteunt directe links naar MP4-bestanden of links vanaf platforms zoals Vimeo/Youtube). |
| Na afloop video | Bepaalt wat er gebeurt wanneer video eindigt (blijft herhalen, verbergt, stopt op laatste frame). |
| Weergeven op | Mogelijkheid om video te verbergen op specifieke apparaten (Desktop, Tablet, Mobiel). |
Overlay
Deze opties passen een gekleurde of verloopfilter toe bovenop de achtergrond.
| Optie | Beschrijving |
|---|---|
| Verloop | Past een kleurverloop toe over de achtergrond. |
| Kleur | Past een uniforme kleur toe over achtergrond. |
| Doorzichtigheid | Bepaalt transparantie van toegepaste verloop/kleur (van 0 tot 100%). |
Automatische integraties
Eenmaal opgeslagen zijn carrousels direct beschikbaar om ingevoegd te worden op elke pagina van uw site. Het systeem beheert automatisch:
- Meertalige weergave: Als uw systeem meerdere talen ondersteunt, wordt tekstinhoud per taal beheerd en opgeslagen.
- Aanpasbaarheid: Achtergrondinstellingen (desktop/mobiele afbeeldingen) en zichtbaarheid van video's zorgen ervoor dat carrousel correct past op alle soorten apparaten.
