Liquid
Met de sectie Aangepaste Liquid kun je zelf geschreven Liquid-, HTML-, CSS- of JavaScript-code direct in je pagina laden. Dit is een uiterst krachtige tool voor geavanceerde gebruikers en ontwikkelaars die specifieke, op maat gemaakte functies of externe widgets (zoals iframes, formulieren of speciale videospelers) willen toevoegen die niet standaard in het thema zitten.
Code Invoeren
- Aangepaste Liquid (Custom Liquid): Plak hier je code. Je kunt hier gewone HTML schrijven, maar je hebt ook volledige toegang tot de Liquid-variabelen van Shopify om dynamische content op te halen en weer te geven.
Algemene Layout & Achtergrond
Ook al schrijf je je eigen code, je kunt nog steeds profiteren van de krachtige lay-out opties van het Inspire thema om je code naadloos in de pagina te laten overvloeien:
- Kleurenschema: Kies een passend kleurenschema voor de achtergrond en standaard tekstkleur van deze sectie.
- Sectie weergave (Type): Bepaal of de achtergrond van de sectie over de volledige breedte van het scherm loopt (Full width / Edge-to-edge) of strak gecentreerd in een kader wordt geplaatst (Box / Container).
- Hoogte & Achtergrondhoogte: Kies of de sectie automatisch moet meegroeien met de inhoud van je code (Auto) of werk met een vaste hoogte (Fixed). Als je voor vaste hoogte kiest, verschijnt er een schuifregelaar (0-100%) waarmee je apart voor desktop en mobiel kunt instellen tot hoe ver de achtergrondkleur doorloopt.
- Aangepaste klasse (Custom Class): Voeg een eigen CSS-klasse toe om de sectie (of elementen in je code) via je stylesheet heel specifiek verder te stylen.
Afstanden (Witruimte)
Zorg dat jouw op maat gemaakte sectie perfect 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).