Ga naar hoofdinhoud

Collectie Grid

Met de sectie Collectie Raster (te vinden onder de preset 'Featured collections grid') kun je een overzichtelijke lijst van je belangrijkste collecties tonen. In tegenstelling tot een slider, worden de collecties hier in een vast stramien (raster of grid) geplaatst. Dit is ideaal om bezoekers in één oogopslag te laten zien welke categorieën je allemaal aanbiedt.

Let op: De visuele opmaak van de individuele collectiekaarten zelf (bijv. de vorm of de grootte van de afbeelding) pas je aan in de algemene thema-instellingen onder 'Collectie- & Merkkaarten'.

Algemene Layout & Witruimte​

Stem de sectie perfect af op je huisstijl en de omliggende content:

  • Kleurenschema: Bepaal de achtergrond- en tekstkleuren voor de gehele sectie.
  • Aangepaste klasse (Custom Class): Voeg een eigen CSS-klasse toe voor geavanceerde styling opties.
  • Marge & Padding: Beheer de afstand direct rondom de sectie (buitenruimte) en de afstand tussen het kader en de teksten binnenin (binnenruimte). Je kunt kiezen voor de standaardruimte van het thema of de ruimte volledig weglaten (Geen).

Raster (Grid) Instellingen​

Hier bepaal je hoeveel collecties er naast elkaar getoond worden. Als je meer collecties toevoegt dan er in één rij passen, vallen ze automatisch netjes op de volgende regel.

  • Desktop (Items per rij): Kies of je op grote schermen 3, 4 of 6 collecties naast elkaar wilt tonen.
  • Tablet (Items per rij): Kies voor 2, 3 of 4 collecties naast elkaar op middelgrote schermen.
  • Mobiel (Items per rij): Kies voor 2 of 3 collecties naast elkaar op smartphones.

Collecties Selecteren​

  • Collectielijst (Collection list): Klik hier om specifieke collecties uit je Shopify winkel te selecteren die in dit raster getoond moeten worden. Je kunt maximaal 20 collecties toevoegen en de volgorde bepalen door ze te slepen.

Tekst & Knoppen​

Begeleid je raster met een duidelijke introductie en eventuele call-to-actions:

  • Uitlijning: Kies of je de tekst boven de collecties links, gecentreerd of rechts wilt uitlijnen.
  • Titel & Inhoud: Voeg een opvallende koptekst toe (bijv. "Shop per categorie") en schrijf een korte, inleidende tekst. Je kunt de grootte, letterdikte en de SEO HTML-tag van de titel naar wens aanpassen.
  • Actieknoppen (Buttons): Je kunt onder de tekst (boven de collecties) maximaal twee knoppen toevoegen. Dit is handig als je bijvoorbeeld een knop "Bekijk alle collecties" wilt aanbieden.
    • Vul het label (tekst) in en koppel een link.
    • Vink Secundaire knopstijl (Outline button) aan als je wilt dat de knop een transparant uiterlijk met een randje krijgt.
    • Kies optioneel een FontAwesome-icoontje (zoals een pijltje).
    • Tip: Laat het label leeg als je geen knop wilt tonen.