Ga naar hoofdinhoud

Apps

De Apps-sectie is een speciale container binnen het thema, specifiek ontworpen om naadloos functionaliteiten vanuit externe Shopify apps (zoals product reviews, Instagram feeds of loyaliteitsprogramma's) in je winkel te integreren.

Wanneer je een nieuwe sectie toevoegt aan een pagina, vind je deze direct terug als preset onder de naam 'Apps'.

Algemene Layout & Vormgeving

Je kunt het uiterlijk van het kader waarin de app geladen wordt volledig afstemmen op jouw huisstijl:

  • Kleurenschema: Kies de achtergrond- en tekstkleur voor de gehele sectie.
  • Achtergrond Weergave (Type): Bepaal of de sectie over de volledige breedte van het scherm loopt (Edge to Edge) of dat deze strak gecentreerd in een kader wordt geplaatst (Box).
  • Hoogte (Height): Kies of de sectie automatisch in de hoogte moet meegroeien met de inhoud van de app (Grow with content), of dat je liever met een vaste hoogte werkt (Fixed height).
  • Achtergrond Hoogte (Background height): Als je voor een vaste hoogte kiest, kun je met deze slider (0-100%) exact bepalen voor hoeveel procent de achtergrondkleur doorloopt. Dit is handig voor creatieve overlappingen.
  • Aangepaste klasse (Custom Class): Een instelling voor ontwikkelaars om via een CSS-klasse extra maatwerk toe te passen op deze specifieke app-integratie.

Afstanden (Witruimte)

Zorg ervoor dat de app mooi aansluit op de boven- en onderliggende secties door de witruimte aan te passen:

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

Voor al deze instellingen kun je kiezen tussen Auto (de standaardruimte van het thema) of None (om de ruimte volledig te verwijderen).

Blokken toevoegen (App-integraties)

De inhoud van deze sectie wordt bepaald door zogenaamde App-blokken.

Zodra je de sectie aan je pagina toevoegt, kun je in het zijmenu de gewenste app selecteren. Welke opties je hier ziet, hangt volledig af van de apps die je actief hebt geïnstalleerd via de Shopify App Store. Elk app-blok nestelt zich perfect binnen de styling en afstanden die je hierboven hebt ingesteld.