Secties en blokken

Je kunt secties in je thema gebruiken om de gewenste opmaak voor je webshop te creëren. Secties bestaan uit verschillende soorten blokken die elk een specifieke functie hebben, zoals tekst, knoppen, losse afbeeldingen, een collage van afbeeldingen of links.

Secties en blokken bieden flexibiliteit in hoe je je content indeelt en geven je controle over de stijl en uitstraling van je webshop zonder dat je code hoeft te bewerken. Ze bieden onder meer de volgende aanpassingsopties:

• Je kunt secties in je templates en blokken binnen secties opnieuw indelen.
• Secties en blokken kunnen specifieke aanpassingsinstellingen hebben.
• Je kunt compatibele secties en blokken koppelen om dynamische informatie uit aangepaste gegevens in je webshop weer te geven, zoals het toevoegen van onderhoudsinstructies voor je producten. Meer informatie over het koppelen van dynamische bronnen.

De secties en blokken die beschikbaar zijn in de themabewerker, zijn afhankelijk van je thema en themaversie. Je thema kan bijvoorbeeld een Dia-blok hebben dat je alleen aan een Diavoorstelling-sectie kunt toevoegen, en een tekstblok Kop dat je aan alle secties van je thema kunt toevoegen. Raadpleeg de documentatie van je thema voor meer informatie over de beschikbare opties.

Maximale limieten voor secties en blokken

Voor secties en blokken gelden de volgende maximale beperkingen:

• Elke template kan maximaal 25 secties bevatten.
• Elke template kan maximaal 1.250 blokken bevatten, verdeeld over alle secties. Het exacte aantal blokken en het aantal van elk type blok dat je aan elke sectie kunt toevoegen, hangt af van de sectie- en blokbronnen en wordt bepaald door de themaontwerper voor je thema. Als je thema bijvoorbeeld een sectie E-mailaanmelding heeft, kun je mogelijk maar één blok E-mailformulier toevoegen.
• Blokken die nesten ondersteunen, kunnen maximaal acht niveaus van geneste blokken hebben.

Blokbronnen

Afhankelijk van de structuur van je thema en de apps die je hebt geïnstalleerd, kan je thema verschillende secties bevatten die blokken van verschillende bronnen accepteren. Wanneer je een blok aan een sectie toevoegt, worden alle beschikbare blokken voor die sectie weergegeven in de blokkiezer. Afhankelijk van je thema en themaversie kun je de volgende typen blokken aan secties in je thema toevoegen:

• App-blokken zijn blokken die functionaliteit aan je thema toevoegen. Je kunt een app-blok gebruiken om delen van je thema die door je geïnstalleerde apps zijn toegevoegd, te verplaatsen naar een specifieke plek op een pagina in je thema.
• Sectieblokken zijn blokken die binnen een specifieke sectie worden gedefinieerd.
• Themablokken zijn blokken die in je thema zijn gedefinieerd en dynamische functionaliteit kunnen hebben, zoals nesten.

Je thema kan secties bevatten die sectieblokken gebruiken en andere secties die themablokken gebruiken. Eén sectie kan themablokken of sectieblokken accepteren, maar geen combinatie van beide.

De beschikbaarheid van app-blokken binnen secties hangt af van de functionaliteit van de app en of de sectie app-blokken kan accepteren.

Sectieblokken

Sectieblokken zijn blokken die zijn ontworpen voor een specifieke sectie. Een sectie kan limieten hebben voor de typen sectieblokken en het aantal van een bepaald type blok dat je kunt toevoegen beperken.

Voorbeeld van een sectie met sectieblokken

Je thema heeft bijvoorbeeld een sectie E-mailaanmelding. Je kunt deze sectie gebruiken om een aanmeldformulier voor de nieuwsbrief toe te voegen, zodat klanten zich kunnen aanmelden voor je nieuwsbrief. Nadat je de sectie E-mailaanmelding hebt toegevoegd, kun je een van de volgende blokken toevoegen:

• een blok E-mailformulier
• een blok Kop
• een blok Subkop

Als je het blok E-mailformulier toevoegt en op Blok toevoegen klikt om nog een blok toe te voegen, wordt het blok E-mailformulier niet meer als optie weergegeven in de blokkiezer. Deze beperking helpt problemen met het vastleggen van het e-mailadres van de klant te voorkomen en zorgt ervoor dat de klant zijn e-mailadres gemakkelijk kan invoeren.

Als je alle drie de beschikbare blokken voor de sectie E-mailaanmelding hebt toegevoegd, geeft de blokkiezer een bericht weer dat alle beschikbare blokken zijn gebruikt.

Themablokken

Themablokken zijn blokken die in je thema zijn gedefinieerd en dynamische functionaliteit kunnen hebben, zoals nesten. Secties die themablokken accepteren, kunnen verschillende blokken accepteren, afhankelijk van de structuur van de sectie. Een sectie die themablokken accepteert, kan alle beschikbare themablokken accepteren, een specifieke subset van blokken of blokken die uniek zijn voor die sectie. Themablokken kunnen ook de volgende eigenschappen hebben:

• Sommige blokken ondersteunen nesten, zodat je blokken tot acht niveaus diep in andere blokken kunt nesten.
• Sommige secties hebben vereiste blokken. Je kunt deze blokken aanpassen of verbergen, maar je kunt de volgorde niet wijzigen of ze verwijderen.
• Sommige blokken worden automatisch weergegeven in een sectie wanneer aan bepaalde voorwaarden wordt voldaan.

Voorbeeld van een sectie met themablokken

Je thema heeft bijvoorbeeld een sectie Diavoorstelling met themablokken.

Wanneer je in de diavoorstellingsectie van je thema op Blok toevoegen klikt, kun je een Dia-blok selecteren in de blokkiezer. Er zijn geen andere bloktypen beschikbaar. Als je een Dia-blok probeert toe te voegen aan een andere sectie in je thema, zoals een sectie Afbeeldingsbanner, is Dia niet beschikbaar. Dit is een voorbeeld van een beperkt blok.

Nadat je een diablok aan de sectie Diavoorstelling hebt toegevoegd, kun je op Blok toevoegen klikken om extra blokken toe te voegen aan alle diablokken in de sectie Diavoorstelling, zoals een Kop, Afbeelding en Knop. Deze blokken zijn genest in het diablok. Dit is een voorbeeld van een genest blok.

Als je een tweede diablok aan de sectie Diavoorstelling toevoegt, voegt het thema automatisch een blok Besturingselementen voor diavoorstelling toe. Dit blok geeft knoppen weer waarop bezoekers van je site kunnen klikken om van de ene dia naar de andere te navigeren. Je kunt de stijl van de knoppen aanpassen of de besturingselementen verbergen, maar je kunt het blok niet verwijderen. Dit is een voorbeeld van een vereist blok dat voorwaardelijk wordt weergegeven.

Compatibiliteit van themablokken

Om toegang te krijgen tot themablokken, moet je thema secties hebben die themablokken ondersteunen. Je kunt in de code van je thema controleren of je thema themablokken ondersteunt. Als er een map blocks in de zijbalk van de Liquid-editor staat, gebruik je een thema dat themablokken ondersteunt. Je kunt ook de documentatie van je thema raadplegen.

Stappen:

1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

2. Klik naast het thema dat je wilt controleren op de knop en klik vervolgens op Code bewerken.

3. Zoek in de zijbalk naar de map 'blocks'.

   

Je thema-templates aanpassen met secties en blokken

Wanneer je de themabewerker opent, wordt standaard de homepage van je winkel geladen. Je kunt de vervolgkeuzelijst gebruiken om een andere template te selecteren, zoals producten, collecties, pagina's of blogs, of de zoekbalk in de vervolgkeuzelijst met templates gebruiken om een specifieke template te zoeken. Wanneer je een template selecteert, wordt deze in de themabewerker geladen en worden alle wijzigingen die je aanbrengt, als voorbeeld weergegeven in de editor.

Een sectie toevoegen

Voeg een nieuwe sectie toe aan een pagina in je webshop.

Stappen:

Een sectie bewerken

Een sectie of blok herschikken

Je kunt de volgorde van secties in je paginatemplates wijzigen en blokken binnen die secties herschikken. Daarnaast kun je compatibele blokken tussen verschillende secties verplaatsen. Als je homepage bijvoorbeeld twee secties Diavoorstelling heeft, kun je een diablok van de ene diavoorstelling naar de andere slepen.

Je kunt een blok niet naar een andere sectie verplaatsen als het bloktype incompatibel is of als de sectie het maximale aantal blokken al heeft bereikt. Als je een sectie of blok naar een ongeldige locatie probeert te verplaatsen, keert het terug naar de oorspronkelijke positie.

Je kunt ook de preview-inspector gebruiken om secties te herschikken. Meer informatie over het gebruik van de preview-inspector in de themabewerker.

Stappen:

Een sectie of blok dupliceren

Je kunt een sectie of blok dupliceren om een identieke kopie van die sectie of dat blok te maken.

Nadat je een blok hebt gedupliceerd, wordt het nieuwe blok aan dezelfde sectie toegevoegd. Als je het blok naar een nieuwe sectie wilt verplaatsen of de blokvolgorde wilt wijzigen, kun je het blok opnieuw rangschikken. Je kunt in plaats daarvan ook een blok kopiëren en het rechtstreeks in een andere sectie plakken.

Blokken kopiëren en plakken

Als je hetzelfde blok in meerdere secties wilt gebruiken, kun je het eenvoudig kopiëren en in een andere sectie plakken. Je kunt een blok ook binnen dezelfde sectie kopiëren en plakken, of ervoor kiezen om in plaats daarvan het blok te dupliceren. Een gedupliceerd blok behoudt alle instellingen en content van het oorspronkelijke blok.

Stappen:

1. Ga vanuit het Shopify-beheercentrum naar Webshop > Thema's.

2. Klik naast het thema dat je wilt bewerken op Thema bewerken.

3. Om een blok op je homepage te kopiëren en plakken, selecteer je het rechtstreeks of gebruik je de vervolgkeuzelijst Homepage om de specifieke template te kiezen die de sectie of het blok bevat dat je wilt bewerken.

4. Klik met de rechtermuisknop op het blok dat je wilt dupliceren en klik vervolgens op Kopiëren.

5. Klik met de rechtermuisknop in dezelfde of een andere sectie en klik vervolgens op Plakken.

6. Klik op Opslaan.

Een sectie of blok verbergen of verwijderen

De naam van een sectie of blok wijzigen

Standaard wordt de titel van een sectie of blok in het zijbalkmenu van de themabewerker en de instellingengegevens ingesteld op het blok- of sectietype, zoals ‘Collectie’ of ‘Tekst’.

Voor blokken geldt dat als de blokinstellingen een tekstveld bevatten, zoals een kop of beschrijving, die tekst ook aan de titel in het zijbalkmenu wordt toegevoegd. Als er meer dan één tekstveld is, wordt het eerste tekstveld met content toegevoegd. Wanneer je de tekst in het tekstveld wijzigt, verandert de titel van het blok om de bijgewerkte tekst op te nemen. De naam van een sectie of blok mag niet leeg zijn.

Je voegt bijvoorbeeld een sectie Meerdere kolommen toe aan je paginatemplate met Kolom-blokken. Het kolomblok bevat zowel een instelling Kop met de standaardtekst Kolom als een instelling Beschrijving met de standaardtekst Combineer tekst met een afbeelding om je gekozen product, collectie of blogpost uit te lichten.. De standaardtitel van de sectie is Meerdere kolommen. De standaardtitel van het Kolom-blok is Kolom - Kolom. Als je de tekst uit de sectie Kop verwijdert, wordt de bloktitel bijgewerkt naar Kolom - Combineer tekst met een af...

Je kunt elke sectie of elk blok een aangepaste naam geven via de bijbehorende instellingen in het zijbalkmenu van de themabewerker.

Stappen:

Werken met blokken

Blokken zijn aanpasbare modules waarmee je content toevoegt aan de secties in je templates. Je kunt blokken gebruiken om onder andere tekst, afbeeldingen, links en knoppen toe te voegen.

Shopify-thema's hebben secties en blokken die je kunt aanpassen. Sommige secties hebben vaste bloktypen, wat betekent dat je alleen kunt kiezen uit de blokken die door de themaontwerper voor die sectie beschikbaar zijn gesteld.

In andere secties kun je elk blok selecteren, maar er is een limiet aan het totale aantal blokken dat je aan de sectie kunt toevoegen. Als je sectie het maximale aantal beschikbare blokken bereikt, wordt de optie Blok toevoegen grijs weergegeven en kun je er niet op klikken of tikken.

Je kunt de zoekfunctie gebruiken om een specifiek blok op naam te vinden, of een blok selecteren in de vervolgkeuzelijst van de blokkiezer. De blokken van je thema kunnen in de blokkiezer in categorieën worden gesorteerd, zoals Collectie voor blokken met een collectiekiezer, of Media voor afbeeldings- en videoblokken.

In de blokkiezer wordt een voorbeeld van het blok weergegeven, zodat je de weergave van het blok kunt bekijken voordat je het toevoegt.

Een blok toevoegen

Metavelden en metaobjecten gebruiken met dynamische bronnen

Je kunt metavelden en metaobjecten gebruiken om dynamische informatie in je webshop weer te geven. Als je een thema hebt dat metavelden ondersteunt, kun je in de themabewerker een metaveld aan de instellingen van een compatibele sectie of een compatibel blok koppelen.

Als je bijvoorbeeld kaarsen verkoopt, wil je misschien de branduren voor elke kaars in je winkel weergeven. Nadat je een productmetaveld voor Brandtijd hebt ingesteld in de sectie Aangepaste gegevens van de instellingen van je Shopify-beheercentrum, kun je een tekstblok toevoegen aan de hoofdsectie van je producttemplate. In het tekstblok kun je op de knop bij de tekstinstelling klikken en het metaveld Brandtijd selecteren. Informatie over de brandtijd wordt nu weergegeven bij je producten.

Als je een Shopify-thema hebt, kun je de meeste metavelden en metaobjecten aan je thema koppelen met de themabewerker. Als je andere thema's gebruikt, of als je aangepaste gegevenstypen wilt toevoegen die je thema niet ondersteunt, kun je je themacode bewerken of een Shopify-partner inhuren om je te helpen. Meer informatie over het inhuren van een Shopify-partner.

Niet alle secties of blokken ondersteunen dynamische bronnen. Controleer de architectuurversie van je thema en de beschikbare aanpassingsopties in de themabewerker om te bepalen of je thema dynamische bronnen ondersteunt.

Je kunt dynamische informatie in je webshop weergeven door secties of blokken toe te voegen die dynamische bronnen kunnen gebruiken. Dynamische bronnen kunnen worden gebruikt in elke template, sectie of blok waarin compatibele bronnen worden weergegeven (product, collectie, pagina, blog en blogpost). Je moet je metaveld toevoegen voordat je het in je templates kunt koppelen. Raadpleeg Dynamische bronnen voor meer informatie over het gebruik van metavelden en metaobjecten met dynamische bronnen in je thema.

Nadat je het installatieproces hebt voltooid, volg je de onderstaande stappen om dynamische bronnen aan secties of blokken in je thema te koppelen met de knop .

Stappen:

Meer informatie over het weergeven van metavelden in je webshop en het weergeven van metaobjecten in je webshop.

Kiezer voor dynamische bronnen

Je kunt de kiezer voor dynamische bronnen gebruiken om de juiste dynamische bron rechtstreeks in de themabewerker te koppelen. Bekijk de volgende belangrijke functies van de kiezer voor dynamische bronnen:

• Je kunt, indien van toepassing, verwijzen naar dynamische bronnen uit verschillende bronnen. Als je bijvoorbeeld een instelling koppelt aan een blok dat zowel aan een productbron als aan een paginabron is gekoppeld, kun je in de vervolgkeuzelijst van de kiezer voor dynamische bronnen aangeven of je wilt zoeken naar metavelden die bij de productbron of de paginabron horen.
• De kiezer voor dynamische bronnen heeft een zoek- en filterfunctie om je te helpen het metaveld te vinden dat je nodig hebt.
• Met de kiezer voor dynamische bronnen kun je categoriemetavelden kiezen. Dit zijn aanvullende attributen die beschikbaar komen wanneer je een productcategorie toewijst aan een product. Door toegang te krijgen tot deze metavelden kun je dynamische bronnen koppelen aan alle relevante velden op het onderliggende attribuut-metaobject.