Ga naar hoofdinhoud

Merken

Met de Merken-sectie (Brands) toon je een overzicht van de merken die je verkoopt, partners waarmee je samenwerkt of in de media waar je bent verschenen. Dit is een uitstekende manier om vertrouwen uit te stralen ('social proof').

Wanneer je deze sectie toevoegt, kun je kiezen uit twee handige presets: Logo list large (grote logo's met speelse verspringing) en Logo list small (een strakke, compacte rij met kleinere logo's).

Algemene Layout & Achtergrond​

Stel de basis van je merkensectie in zodat deze perfect in de pagina past:

  • Kleurenschema: Kies een passend kleurenschema voor de achtergrond en tekst.
  • Afstanden (Witruimte): Beheer de marge (buitenruimte) en padding (binnenruimte) aan de boven- en onderkant. Kies tussen de standaard instellingen of verwijder de ruimte volledig.
  • Sectie weergave (Type): Bepaal of de sectie over de volledige breedte van het scherm loopt (Full width / Edge-to-edge) of gecentreerd in een kader wordt geplaatst (Box / Container).
  • Achtergrondafbeelding: Upload optioneel een achtergrondfoto. Om dit er op elk apparaat goed uit te laten zien, kun je een aparte afbeelding voor desktop en mobiel uploaden.
  • Hoogte & Achtergrondhoogte: Kies of de sectie automatisch meegroeit met de logo's (Auto) of gebruik een vaste hoogte (Fixed). Bij een vaste hoogte kun je via een slider (0-100%) bepalen tot hoe ver de achtergrondkleur of -afbeelding doorloopt achter de blokken.

Weergave: Slider of Grid​

Je hebt de volledige vrijheid in hoe de logo's gepresenteerd worden. Kies je Weergave (Display type):

  • Slider: De logo's worden in een interactieve carrousel geplaatst waar bezoekers doorheen kunnen swipen.
    • Aantal slides: Bepaal hoeveel merken er zichtbaar zijn op desktop (3 t/m 8), tablet en mobiel. Gebruik 'halve' getallen (zoals 1.5 of 2.5) op mobiele apparaten om visueel duidelijk te maken dat bezoekers kunnen swipen.
    • Paginatie: Toon klikbare bolletjes onder de slider.
    • Speels verspringen (Alternate offset): Vink dit aan om de logoblokken om en om iets hoger of lager te plaatsen voor een dynamisch design.
    • Carousel overflow: Bepaal of de slider strak afgesneden wordt bij het kader, of dat deze visueel doorloopt tot de rand van het scherm.
  • Grid (Raster): De logo's staan in een vast raster op de pagina.
    • Kolommen: Bepaal exact hoeveel logo's er naast elkaar staan op desktop (2 t/m 6), tablet (1 t/m 4) en mobiel (1 t/m 3). De logo's vallen automatisch op een nieuwe regel als het er meer zijn.

Voor beide weergaven kun je de Afbeeldingsverhouding (Image ratio) instellen. Kies bijvoorbeeld '1-1' voor vierkante vlakken of '16-9' voor brede logovlakken.

Tekst & Knoppen​

Begeleid je logo's met een introductie of stuur bezoekers direct door naar al je merken:

  • Uitlijning: Lijn je teksten links, gecentreerd of rechts uit.
  • Titel & Inhoud: Voeg een koptekst (bijv. "Onze Merken") en een korte inleiding toe. Je kunt de HTML-tag, grootte en letterdikte van de titel aanpassen.
  • Actieknoppen (Buttons): Je kunt maximaal twee knoppen onder je logo's toevoegen (bijv. "Bekijk alle merken"). Geef de knop een label, een link en eventueel een FontAwesome icoontje. Vink Secundaire knopstijl aan voor een transparante knop met een gekleurde randlijn. Laat de velden leeg als je geen knoppen wilt tonen.

Blokken toevoegen (Merken)​

De inhoud van deze sectie bouw je op met de merk-blokken. Voeg voor elk merk dat je wilt tonen een blok toe:

  • Logo (Afbeelding): Upload hier de afbeelding van het logo. Transparante PNG-bestanden of SVG's werken hier het mooist.
  • Titel: Vul de naam in (ook goed voor de toegankelijkheid/SEO van de afbeelding).
  • Link: Maak het logo klikbaar door er een URL aan te koppelen, bijvoorbeeld naar een collectiepagina van dat specifieke merk.