Ga naar hoofdinhoud

Artikelen (blog)

Met de sectie Uitgelichte artikelen (die je in de lijst vindt onder de preset 'Blog articles') kun je eenvoudig de nieuwste of belangrijkste berichten van je blog in een aantrekkelijke slider tonen. Let op: deze sectie is specifiek ontworpen om op de Homepagina gebruikt te worden. Dit is de perfecte manier om je expertise te delen en bezoekers te inspireren zodra ze je webshop binnenkomen.

Algemene Layout & Achtergrond​

Je kunt de achtergrond en het kader van deze sectie volledig naar wens stijlen:

  • Kleurenschema: Kies een passend kleurenschema voor de achtergrond- en tekstkleur van de sectie.
  • Sectie weergave (Type): Bepaal of de achtergrond over de volledige breedte van het scherm loopt (Full width / Edge-to-edge) of dat het geheel in een net kader wordt geplaatst (Box / Container).
  • Hoogte & Achtergrondhoogte: Kies of de sectie automatisch meegroeit met de inhoud (Auto) of werk met een vaste hoogte (Fixed). Als je voor een vaste hoogte kiest, kun je met een handige slider instellen voor hoeveel procent (0-100%) de achtergrondkleur doorloopt. Dit kun je apart instellen voor desktop en mobiel, wat ideaal is voor creatieve overlappende designs.

Afstanden (Witruimte)​

Zorg dat de sectie perfect aansluit op de rest van je homepagina:

  • Marge (Buitenruimte): Beheer de afstand direct buiten de sectie aan de bovenkant en onderkant.
  • Padding (Binnenruimte): Beheer de afstand binnenin de sectie voor de bovenkant en onderkant.

Voor elke instelling kun je kiezen tussen de standaardruimte van het thema, of deze ruimte volledig verwijderen (None).

Bron & Slider Instellingen​

Hier bepaal je welke artikelen er getoond worden en hoe de bezoeker erdoorheen kan bladeren:

  • Blog selecteren: Koppel de specifieke Shopify-blog (bijvoorbeeld "Nieuws" of "Inspiratie") waaruit de artikelen gehaald moeten worden.
  • Aantal slides (Slides per view): Bepaal exact hoeveel artikelkaarten er tegelijkertijd zichtbaar zijn. Je kunt dit specifiek finetunen voor:
    • Desktop: Kies voor 3, 4, 5 of 'auto'.
    • Tablet & Mobiel: Kies hier voor hele of 'halve' weergaves (zoals 1.5 of 2.5). Een halve weergave is een bekende designtruc om bezoekers subtiel te laten zien dat ze verder kunnen swipen.
  • Weergave-opties: Schakel paginatie in (de klikbare bolletjes onder de slider), laat de kaarten speels op en neer verspringen (Alternate offset), of bepaal of de slider buiten het containerkader mag vallen (Carousel overflow).

Tekst & Knoppen​

Begeleid je bezoekers met een duidelijke introductie en actieknoppen:

  • Tekst & Uitlijning: Vul een titel en een begeleidende tekst in. Je kunt de grootte, letterdikte en de HTML-tag van de titel aanpassen. Bepaal vervolgens of je deze teksten links, gecentreerd of rechts wilt uitlijnen.
  • Actieknoppen (Buttons): Je kunt maximaal twee knoppen onder je tekst plaatsen (bijv. "Lees alle artikelen" en "Naar de shop").
    • Voor beide knoppen kun je een eigen tekst, een link en een optioneel FontAwesome-icoontje (zoals een pijltje) instellen.
    • Vink Secundaire knopstijl aan om de knop een omlijnd, transparant uiterlijk te geven in plaats van een volledig ingekleurde knop.
    • Wil je maar één knop of helemaal geen knoppen? Laat de tekstvelden dan simpelweg leeg.