Hieronder vind je de blokken uitgelegd van de builder sectie Hero +new+
Block: Afbeeldingen Grid
De "Afbeeldingen Grid" toont tot drie afbeeldingen met titels, subtitels en knoppen. Dit block is bedoeld voor opvallende campagnes of thema-uitlichten bovenaan de homepage.
Algemene instellingen:
-
Afstand tussen bovenste en onderste blok: klein / middel / groot
-
Sectiehoogte [Desktop]: bepaalt verticale ruimte (bijv. Medium)
-
Knoppen & Afbeeldingen Borderradius (px): afronding hoeken (bijv. 2xl)
Instellingen per afbeelding (max. 3 afbeeldingen):
Voor elk van de 3 afbeeldingen gelden dezelfde instelmogelijkheden:
-
Alt-tekst: toegankelijkheidstekst (bijv. "Hoofdafbeelding")
-
Afbeelding Picker: upload of kies een afbeelding
-
Tekstkleur afbeelding: bepaalt kleur van de overlay-tekst
-
Titel: hoofdkop op de afbeelding (bijv. "File?")
-
Ondertitel: optionele tweede regel
-
Button label: tekst in de knop (bijv. "Speel de Reiseditie")
-
Button URL: link waar knop naartoe gaat (bijv. /category/kaartspel)
-
Kleur knop achtergrond: keuze uit ingestelde kleuren
-
Kleur knoptekst: keuze uit ingestelde kleuren
-
Contentpositie: links / midden / rechts
Voorbeeldinhoud (afbeelding 1):
-
Titel: "File?"
-
Ondertitel: "Ontsnap met een spelletje"
-
Button label: "Speel de Reiseditie"
-
URL: /category/kaartspel
Afbeelding 2 voorbeeld:
-
Titel: "Puzzels voor jong en oud"
-
Button label: "Vind wat bij jou past"
-
URL: /category/puzzel
Afbeelding 3 voorbeeld:
-
Titel: "Een swingende vakantie?"
-
Button label: "Koop Hitster"
-
URL: /_search?q=hitster
Gebruikstip: Je kunt met de volgorde van de drie afbeeldingen visueel sturen op wat het meest opvalt. Titels, subtitels en knoppen zijn optioneel. Op mobiel worden de blokken onder elkaar geplaatst.
Block: Afstand
Het Afstand-block zorgt voor witruimte tussen blokken op de pagina, zodat de layout overzichtelijk en ademend blijft.
Instellingen:
-
Afstandsgrootte (dropdown):
-
Tiny
-
Extra Klein
-
Small
-
Medium
-
Large
-
Gebruikstip:
Gebruik "Tiny" of "Extra Klein" als blokken visueel bij elkaar moeten horen, en "Large" voor duidelijke scheiding tussen onderdelen zoals promotie vs. content.
Block: Sectietitel
De Sectietitel is een tekstblok dat dient als kop voor een inhoudsblok. Je kunt dit gebruiken als visuele introductie voor de onderliggende content.
Instellingen:
-
Afstand tussen boven- en onderblok: Geen / Klein / Large
-
Titel: de tekst die wordt weergegeven (bijv. "Populaire producten")
-
Titeluitlijning: Links / Midden / Rechts
-
Titelkleur: instelbare kleur voor de koptekst
Gebruikstip: Gebruik consistentie in titeluitlijning en kleur voor visuele rust. Titels kunnen ook SEO-waarde hebben als je daar relevante woorden in opneemt.