---
title: "Sectie: Hero afbeelding"
url: "https://support.acendy.com/nl/article/sectie-hero-afbeelding"
language: "nl"
last_updated: "2025-12-08T15:04:37.009Z"
---

# 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

1.  Open de Design builder
2.  Klik onderaan het paginamenu op **“+ Sectie”** en kies **“Hero banner.”**
3.  Sleep de sectie naar de gewenste positie om de volgorde aan te passen.

## Sectie bewerken – Basis

1.  Open de bewerkmodus door op het **potloodicoon** van de sectie te klikken.
2.  In de **basisweergave** (niet de geavanceerde) kun je eenvoudige instellingen aanpassen, zoals:
3.  -   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.