Ga naar hoofdinhoud

Uitgelichte producten

Met de sectie Uitgelichte Producten (te vinden onder de preset 'Featured products') kun je specifieke artikelen uit je assortiment in een dynamische, swipebare carrousel tonen. Dit is de ideale manier om bestsellers of nieuwe collecties op je homepagina te presenteren zonder dat de pagina te lang wordt.

Let op: De visuele opmaak van de individuele productkaarten (zoals prijzen, buttons en badges) pas je aan in de algemene thema-instellingen onder 'Productkaarten'.

Algemene Layout & Achtergrond​

  • Kleurenschema: Kies een passend kleurenschema voor de achtergrond- en tekstkleur van de gehele sectie.
  • Sectie weergave (Type): Bepaal of de achtergrond over de volledige breedte loopt (Full width / Edge-to-edge) of gecentreerd in een kader (Box / Container).
  • Achtergrondafbeelding: Je kunt de slider extra sfeer geven door een achtergrondafbeelding in te stellen, met de mogelijkheid voor een aparte foto voor mobiel.
  • Hoogte & Achtergrondhoogte: Kies of de sectie automatisch meegroeit met de producten (Auto) of werk met een vaste hoogte (Fixed). Bij een vaste hoogte kun je met een schuifregelaar bepalen tot hoe ver de achtergrondkleur doorloopt, wat handig is voor creatieve overlappende effecten.

Afstanden (Witruimte)​

Beheer de marge (buitenruimte) en padding (binnenruimte) aan de boven- en onderkant om de slider naadloos te integreren met de rest van je pagina.

Producten Selecteren​

  • Productlijst (Product list): Selecteer hier handmatig de producten die je in de slider wilt tonen. Je kunt maximaal 20 producten toevoegen en de volgorde bepalen door ze in de lijst te verslepen.

Slider Instellingen​

  • Aantal producten in beeld (Slides per view): Bepaal hoeveel producten er tegelijkertijd zichtbaar zijn:
    • Desktop: Kies voor 3 t/m 6 producten.
    • Tablet & Mobiel: Kies hier voor hele of 'halve' weergaves (zoals 1.5 of 2.5). Een halve weergave laat een stukje van het volgende product zien, wat een sterke visuele aanwijzing is voor de bezoeker om te swipen.
  • Navigatie & Weergave:
    • Paginatie: Schakel de klikbare bolletjes onder de slider in of uit.
    • Speels verspringen (Alternate offset): Vink dit aan om de productkaarten om en om iets hoger of lager te plaatsen voor een dynamisch effect.
    • Carousel overflow: Bepaal of de slider strak binnen het kader stopt of visueel doorloopt tot de rand van het scherm.

Tekst & Knoppen​

Introduceer je producten met een sterke tekst en optionele call-to-actions:

  • Uitlijning: Lijn de titel en inleidende tekst links, gecentreerd of rechts uit.
  • Titel Opmaak: Voeg een koptekst toe en pas de SEO HTML-tag, de visuele grootte en de letterdikte aan.
  • Inhoud (Rich text): Gebruik dit veld voor een korte beschrijving van de collectie of actie.
  • Actieknoppen (Buttons): Voeg maximaal twee knoppen toe onder de tekst (bijv. "Shop Alles").
    • Vul het label en de link in.
    • Vink Secundaire knopstijl aan voor een transparante 'outline' look.
    • Voeg optioneel een icoontje toe (zoals een pijltje naar rechts).