Product Grid

Met de sectie Product Raster (te vinden onder de preset 'Featured products grid') kun je een selectie van specifieke producten in een vast raster tonen. In tegenstelling tot de slider-variant staan de producten hier direct onder elkaar in rijen, wat zorgt voor een rustig en overzichtelijk beeld. Dit is ideaal voor het presenteren van een kleine vaste collectie of 'top picks' op je homepagina.

Let op: net als bij de andere productsecties worden de instellingen voor de individuele productkaarten (zoals afbeeldingstype en prijsweergave) beheerd via de algemene thema-instellingen.

Algemene Layout & Achtergrond

Pas de omgeving van het raster aan voor de juiste visuele impact:

• Kleurenschema: Kies het kleurenschema voor de achtergrond en de teksten van deze sectie.
• Sectie weergave (Type): Bepaal of de achtergrond van de sectie over de volledige breedte loopt (Full width / Edge-to-edge) of gecentreerd is in een kader (Box / Container).
• Achtergrondafbeelding: Je kunt de sectie verrijken met een achtergrondafbeelding (met opties voor een aparte mobiele versie).
• Hoogte & Achtergrondhoogte: Kies voor een automatische hoogte die meegroeit met de producten (Auto) of een vaste hoogte (Fixed). Bij een vaste hoogte kun je met een schuifregelaar bepalen tot hoe ver de achtergrondkleur of -afbeelding precies doorloopt (apart instelbaar voor desktop en mobiel).

Afstanden (Witruimte)

Beheer de marge (buitenruimte) en padding (binnenruimte) aan de boven- en onderkant om de sectie netjes te positioneren ten opzichte van andere elementen op de pagina.

Producten Selecteren

• Productlijst (Product list): Selecteer hier handmatig de producten die je wilt tonen. Je kunt maximaal 20 producten toevoegen. De producten worden automatisch verdeeld over de beschikbare kolommen.

Tekst & Knoppen

Boven het productraster kun je een introductie plaatsen om de collectie toe te lichten:

• Uitlijning: Kies of de titel en inleidende tekst links, gecentreerd of rechts uitgelijnd moeten worden.
• Titel Opmaak: Vul een koptekst in en pas de SEO HTML-tag, de visuele grootte en de letterdikte aan.
• Inhoud (Rich text): Gebruik dit veld voor een extra toelichting onder de titel.
• Actieknoppen (Buttons): Je kunt maximaal twee knoppen toevoegen (bijv. "Bekijk alle producten").
  • Geef de knop een label en koppel een link.
  • Vink Secundaire knopstijl aan voor een 'outline' (omlijnd) uiterlijk.
  • Voeg optioneel een icoontje toe (zoals een pijltje naar rechts).
  • Tip: De knoppen verschijnen alleen als je daadwerkelijk een label invult.