Ga naar hoofdinhoud

Content

Met de sectie Geavanceerde Inhoud (Content) heb je als het ware een mini-paginabouwer in handen. Deze sectie is extreem flexibel; in plaats van een vaste lay-out, bepaal je hier helemaal zelf welke elementen je toevoegt en hoe je deze indeelt met behulp van kolommen.

Omdat deze sectie zoveel mogelijkheden biedt, is deze voorzien van een aantal handige 'presets' (kant-en-klare lay-outs) waarmee je direct een goede basis neerzet.

Kant-en-klare Lay-outs (Presets)​

Wanneer je deze sectie toevoegt, kun je in de lijst met secties kiezen uit de volgende voorgeprogrammeerde ontwerpen:

  • Heading: Een indrukwekkende, paginabrede titel.
  • Heading text: Een scherm opgedeeld in tweeën, met een grote titel aan de linkerkant en een begeleidende tekst aan de rechterkant.
  • Text image (1 & 2): Een klassieke lay-out met tekst en een actieknop naast een grote afbeelding. Je kunt kiezen voor de preset met de afbeelding aan de linkerkant of aan de rechterkant.
  • Images: Twee afbeeldingen netjes naast elkaar gepresenteerd.
  • FAQ: Een kant-en-klaar overzicht voor veelgestelde vragen, opgebouwd uit handige uitklapmenu's (accordeons).

Nadat je een preset hebt gekozen, kun je de inhoud hiervan nog volledig naar wens aanpassen, weghalen of verder uitbreiden.

Algemene Layout & Achtergrond​

Stel de basis van je content-sectie in zodat deze perfect in de pagina past:

  • Kleurenschema: Kies een passend kleurenschema voor de achtergrond- en tekstkleur van de sectie.
  • Sectie weergave (Type): Bepaal of de achtergrond van deze sectie over de volledige breedte van het scherm loopt (Full width / Edge-to-edge) of gecentreerd in een net kader wordt geplaatst (Box / Container).
  • Hoogte & Achtergrondhoogte: Kies of de sectie automatisch in hoogte moet meegroeien met de inhoud (Auto) of werk met een vaste hoogte (Fixed). Als je voor een vaste hoogte kiest, verschijnt er een slider (0-100%) waarmee je instelt tot hoe ver de achtergrondkleur exact doorloopt. Dit kun je voor desktop en mobiel apart instellen, wat perfect is voor ontwerpen met overlappende elementen.
  • Aangepaste klasse (Custom Class): Voeg een eigen CSS-klasse toe voor geavanceerde styling opties door ontwikkelaars.

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 voor de bovenkant en onderkant.

Je kunt voor elk van deze instellingen kiezen voor de standaardruimte van het thema, of de ruimte volledig weglaten (Geen).

Blokken toevoegen & Indelen​

De echte kracht van deze sectie zit in de blokken. Deze sectie ondersteunt zogenaamde 'Themablokken' en 'App-blokken'.

Dit betekent dat je via het menu aan de linkerkant zelf elementen kunt stapelen, zoals:

  • Titel, Tekst & Knoppen: Voor je basisboodschap.
  • Afbeeldingen: Om je verhaal visueel te ondersteunen.
  • Kolommen (Columns): Dit is een speciaal blok waarmee je andere blokken (zoals tekst of afbeeldingen) naast elkaar op het scherm kunt plaatsen.
  • FAQ: Voeg veelgestelde vragen toe en pas direct het kleurenschema van het uitklapmenu aan.
  • App-integraties: Laad widgets in van je favoriete Shopify apps.