Sectie: Hero afbeelding
Met een hero afbeelding kun je eenvoudig een grote banner bovenaan je webshop plaatsen. Je kunt hier vervolgens tekst, links, overlays (een kleurtint over de afbeelding), enzovoort aan toevoegen.
Sectie toevoegen
- Open de Design builder
- Klik onderaan het paginamenu op “+ Sectie” en kies “Hero banner.”
- Sleep de sectie naar de gewenste positie om de volgorde aan te passen.
Sectie bewerken – Basis
- Open de bewerkmodus door op het potloodicoon van de sectie te klikken.
- In de basisweergave (niet de geavanceerde) kun je eenvoudige instellingen aanpassen, zoals:
- de achtergrondafbeelding
- de tekstkleur
- de tekstinhoud
- het toevoegen van links
- alternatieve tekst (alt-tekst)
Sectie bewerken – Geavanceerd
Algemene instellingen
In de geavanceerde modus zijn extra opties beschikbaar. Onder Algemene instellingen kun je naast het wijzigen van de afbeelding ook:
- de positie van de tekst op de banner aanpassen
- afgeronde hoeken instellen
- de hoogte van de banner bepalen (voor desktop én mobiel)
- de zichtbaarheid van de banner beheren
Parallax-effect
Wanneer je deze functie inschakelt, kun je kiezen uit twee parallax-effecten:
Statische achtergrond tijdens scrollen
De afbeelding blijft op zijn plek terwijl de tekst meebeweegt. Houd er rekening mee dat de afbeelding hierdoor groter lijkt, omdat deze de volledige hoogte van de webshop moet vullen.
Geanimeerde tekst
Wanneer je naar beneden scrolt, beweegt de tekst over de afbeelding. Je kunt kiezen of de tekst omhoog (UP) of omlaag (DOWN) beweegt.
Kleuroverloop in koptekst
Onder de geavanceerde instellingen voor Koptekst kun je kiezen voor “Kleuroverloop gebruiken”.
Hiermee stel je twee kleuren in voor de koptekst én de hoek van het kleurverloop. Dit kan helpen om je banner beter op te laten vallen.
Banner-overlay
Met een banner-overlay kun je een egale kleur over de achtergrondafbeelding plaatsen en de transparantie instellen. Zo kun je bijvoorbeeld de afbeelding iets donkerder maken, zodat de tekst beter leesbaar wordt.