Ga naar hoofdinhoud

Uitgelichte collecties

Met de sectie Uitgelichte collecties (te vinden onder de preset 'Featured collections') presenteer je jouw belangrijkste categorieën in een dynamische, swipebare carrousel (slider). Dit is een speelse en ruimtebesparende manier om bezoekers door je aanbod te laten navigeren, in tegenstelling tot het vaste stramien van het Collectie Raster.

Let op: De visuele opmaak van de individuele collectiekaarten zelf (zoals de afbeeldingsverhouding) pas je aan in de algemene thema-instellingen onder 'Collectie- & Merkkaarten'.

Algemene Layout & Achtergrond​

Geef je collectie-slider de perfecte uitstraling die bij de rest van de pagina past:

  • Kleurenschema: Kies het gewenste kleurenschema voor de teksten en achtergrond van deze sectie.
  • Sectie weergave (Type): Bepaal of de achtergrond over de volledige breedte van het scherm loopt (Full width / Edge-to-edge) of gecentreerd in een net kader wordt geplaatst (Box / Container).
  • Achtergrondafbeelding: Je kunt de sectie extra laten opvallen door een achtergrondafbeelding in te stellen (met de mogelijkheid voor een aparte afbeelding op desktop en mobiel).
  • Hoogte & Achtergrondhoogte: Kies of de sectie automatisch meegroeit met de collectiekaarten (Auto) of werk met een vaste hoogte (Fixed). Gebruik je een vaste hoogte? Dan kun je met een schuifje (0-100%) bepalen tot hoe ver de achtergrondkleur of -afbeelding achter de slider doorloopt.

Afstanden (Witruimte)​

Zorg dat de sectie naadloos aansluit op de elementen erboven en eronder:

  • Marge (Buitenruimte): Beheer de afstand direct buiten de sectie aan de bovenkant en onderkant.
  • Padding (Binnenruimte): Beheer de afstand binnenin de sectie, tussen de tekst en de rand van het kader, voor de bovenkan en onderkant. Je kunt voor elk van deze instellingen kiezen voor de standaardruimte of de ruimte volledig verwijderen (None).

Collecties Selecteren​

  • Collectielijst (Collection list): Klik hier om de collecties te selecteren die je in de slider wilt tonen. Je kunt maximaal 20 collecties toevoegen en de volgorde achteraf gemakkelijk aanpassen door ze te slepen.

Slider Instellingen​

Bepaal hoe bezoekers door je collecties bladeren:

  • Aantal slides (Slides per view): Kies hoeveel collectiekaarten er tegelijk in beeld zijn.
    • Desktop: Kies voor 3 t/m 8 kaarten, of laat het thema dit automatisch ('auto') bepalen.
    • Tablet & Mobiel: Gebruik hier hele of 'halve' getallen (zoals 1.5 of 2.5). Een afgesneden kaart aan de zijkant van het scherm is de beste visuele hint voor mobiele gebruikers dat ze kunnen swipen.
  • Weergave-opties: - Paginatie: Toon navigatiebolletjes (bullets) onder de slider.
    • Speels verspringen (Alternate offset): Vink dit aan om de kaarten om en om iets hoger of lager te plaatsen voor een creatief, speels effect.
    • Carousel overflow: Bepaal of de slider buiten het containerkader mag doorlopen tot aan de rand van het beeldscherm.

Tekst & Knoppen​

Introduceer je collecties met sterke teksten en call-to-actions:

  • Uitlijning: Kies of de tekst links, gecentreerd of rechts boven de slider uitgelijnd moet worden.
  • Titel & Inhoud: Voeg een opvallende koptekst toe (bijv. "Ontdek onze collecties") en schrijf een korte, inleidende tekst. Je hebt volledige controle over de HTML-tag (voor SEO), de visuele grootte en de letterdikte van de titel.
  • Actieknoppen (Buttons): Voeg maximaal twee knoppen toe onder de inleidende tekst (bijv. "Shop Alles").
    • Geef de knop een tekst (label) en koppel de juiste link.
    • Vink Secundaire knopstijl (Outline button) aan voor een transparante knop met een gekleurde randlijn.
    • Kies optioneel een FontAwesome-icoontje (zoals een pijltje naar rechts).
    • Tip: Wil je geen knoppen tonen? Laat de tekstvelden (labels) dan simpelweg leeg.