Secties en blokken

Je kunt secties in je thema gebruiken om de opmaak ontwerpen die jij voor je webshop voor ogen hebt. De meeste secties bestaan uit blokken met een specifieke functie, zoals tekst, knoppen, losse afbeeldingen, een collage van afbeeldingen of links. Door secties en blokken in je templates te gebruiken kun je je content flexibel ordenen, zodat je de stijl en de uitstraling van je webshop zelf kunt bepalen zonder dat je code hoeft te bewerken. Elke template kan maximaal 25 secties hebben.

Voor elke sectie is een specifieke verzameling blokken beschikbaar die je eraan kunt toevoegen. Je kunt maximaal 50 blokken per sectie toevoegen. Welke secties en blokken beschikbaar zijn, hangt van je thema af. Meer informatie over welke opties je hebt, is te vinden in de themadocumentatie.

Voor sommige secties gelden beperkingen voor het aantal blokken dat je kunt toevoegen of voor het type blokken dat je kunt gebruiken. In de sectie Afbeelding met tekst worden bijvoorbeeld alleen de blokken weergegeven die ontwerper van het thema heeft opgegeven. In Dawn, het gratis Shopify-thema, kun je maar één van elk van de volgende blokken toevoegen aan de sectie Afbeelding met tekst:

• een blok Kop;
• een blok Tekst;
• een blok Knop;
• een blok Bijschrift.

Je kunt de sectie Afbeelding met tekst verder aanpassen met de volgende opties:

• een afbeelding toevoegen en de grootte ervan instellen;
• een animatiestijl voor de afbeelding selecteren;
• de uitlijning voor de content van de blokken kiezen;
• een kleurschema voor de sectie instellen.

Als je de limiet voor het aantal blokken bereikt dat je kunt toevoegen, wordt de optie Blok toevoegen in de themabewerker grijs weergegeven en kun je er niet op klikken of tikken. Als je bijvoorbeeld in de sectie Afbeelding met tekst in het Dawn-thema een blok Kop, een blok Tekst, een blok Knop en een blok Bijschrift hebt toegevoegd, dan wordt Blok toevoegen (4/4) weergegeven, omdat je alle vier beschikbare blokken voor de sectie Afbeelding met tekst al hebt toegevoegd.

Als de secties die je aan je winkellay-out toevoegt niet de instellingen of opties bevatten die je nodig hebt, kun je je themacode bewerken of contact opnemen met de ontwikkelaar van je thema voor ondersteuning.

Je thematemplates aanpassen met secties en blokken

Wanneer je de themabewerker opent, wordt standaard de homepage van je winkel geladen. Je kunt een andere template selecteren in de vervolgkeuzelijst, zoals een template voor producten, collecties, pagina's of blogs, of je kunt een specifieke template zoeken met de zoekbalk in de vervolgkeuzelijst. Wanneer je een template selecteert, wordt deze in de themabewerker geladen en krijg je een voorbeeld van eventuele wijzigingen in de bewerker te zien.

Opmerking

Als je scherm breder is dan 1600 pixels, worden je aanpassings- en bewerkingsopties aan de rechterkant van je scherm weergegeven. Als je scherm kleiner is dan 1600 pixels, worden ze aan de linkerkant weergegeven.

Een sectie toevoegen

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

Stappen:

Desktop

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
3. Pas je homepage aan of klik op de vervolgkeuzelijst Homepage en selecteer de template waaraan je een sectie wil toevoegen.

4. Klik in de zijbalk op Sectie toevoegen en voer een van de volgende stappen uit:

   • Selecteer een sectie in de lijst.
   • Gebruik het veld Secties zoeken om een specifieke sectie te zoeken en selecteer deze.

5. Pas de nieuwe sectie volgens een van de onderstaande stappen aan:

   • Bewerk de instellingen en content van de nieuwe sectie.
   • Bewerk de instellingen en content van de standaardblokken die met de sectie worden geladen.
   • Klik op Blok toevoegen om een nieuw blok toe te voegen.

6. Optioneel: Als je de volgorde van de secties op je pagina wil veranderen, beweeg je met de muis over de sectienaam en versleep je het ⋮⋮-pictogram.

7. Klik op Opslaan.

iPhone

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Pas je homepage aan of tik op de vervolgkeuzelijst Homepage en selecteer de template waaraan je een sectie wil toevoegen.

6. Tik op Secties, daarna op Sectie toevoegen en voer een van de volgende stappen uit:

   • Selecteer een sectie in de lijst en tik op Toevoegen.
   • Tik op het vergrootglaspictogram om naar een specifieke sectie te zoeken, selecteer je sectie en tik op Toevoegen.

7. Pas de nieuwe sectie volgens een van de onderstaande stappen aan:

   • Bewerk de instellingen en content van de nieuwe sectie.
   • Bewerk de instellingen en content van de standaardblokken die met de sectie worden geladen.
   • Tik op Blok toevoegen om een nieuw blok toe te voegen.

8. Optioneel: Versleep de sectie om de volgorde van de secties op je pagina te veranderen.

9. Tik op Opslaan.

Android

1. Tik in de Shopify-app op de knop ☰.
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Pas je homepage aan of tik op de vervolgkeuzelijst Homepage en selecteer de template waaraan je een sectie wil toevoegen.

6. Tik op Secties, daarna op Sectie toevoegen en voer een van de volgende stappen uit:

   • Selecteer een sectie in de lijst en tik op Toevoegen.
   • Tik op het vergrootglaspictogram om naar een specifieke sectie te zoeken, selecteer je sectie en tik op Toevoegen.

7. Pas de nieuwe sectie volgens een van de onderstaande stappen aan:

   • Bewerk de instellingen en content van de nieuwe sectie.
   • Bewerk de instellingen en content van de standaardblokken die met de sectie worden geladen.
   • Tik op Blok toevoegen om een nieuw blok toe te voegen.

8. Optioneel: Versleep de sectie om de volgorde van de secties op je pagina te veranderen.

9. Tik op ✓.

Een sectie bewerken

Desktop

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
3. Bewerk een sectie op je homepage of klik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die je wil bewerken.
4. Klik in de zijbalk op een sectienaam om de content in het voorbeeldvenster te laden en toegang te krijgen tot de instellingen en opties die je kunt bewerken.
5. Optioneel: Klik op afzonderlijke blokken om de blokken binnen een sectie te bewerken.
6. Klik op Opslaan.

iPhone

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Bewerk een sectie op je homepage of tik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die je wil bewerken.
6. Tik op Secties en daarna op een sectienaam om de content in het voorbeeldvenster te laden toegang te krijgen tot de instellingen en opties die je kunt bewerken.
7. Optioneel: Klik op afzonderlijke blokken om de blokken binnen een sectie te bewerken.
8. Tik op Opslaan.

Android

1. Tik in de Shopify-app op de knop ☰.
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Bewerk een sectie op je homepage of tik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die je wil bewerken.
6. Tik op Secties en daarna op een sectienaam om de content in het voorbeeldvenster te laden toegang te krijgen tot de instellingen en opties die je kunt bewerken.
7. Optioneel: Klik op afzonderlijke blokken om de blokken binnen een sectie te bewerken.
8. Tik op ✓.

Tip

Je kunt de blokken in een sectie anders rangschikken door met de muis over de naam van een blok te gaan en het blok met het ⋮⋮-pictogram te verslepen, of je kunt op het blok tikken en het verslepen als je de mobiele Shopify-app gebruikt.

Een sectie of blok dupliceren

Desktop

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
3. Dupliceer een sectie of blok op je homepage of klik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die of het blok dat je wil dupliceren.
4. Klik op een sectie die of blok dat je wil dupliceren.
5. Klik in de zijbalk op ... > Dupliceren.
6. Klik op Opslaan.

iPhone

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Dupliceer een sectie of blok op je homepage of tik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die of het blok dat je wil dupliceren.
6. Tik op Secties en daarna op de sectie die of het blok dat je wil dupliceren.
7. Tik op ... > Dupliceren.
8. Tik op Opslaan.

Android

1. Tik in de Shopify-app op de knop ☰.
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Dupliceer een sectie of blok op je homepage of tik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die of het blok dat je wil dupliceren.
6. Tik op Secties en daarna op de sectie die of het blok dat je wil dupliceren.
7. Tik op ... > Dupliceren.
8. Tik op ✓.

Een sectie of blok verbergen of verwijderen

Desktop

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
3. Verberg of verwijder een sectie of blok op je homepage of tik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die of het blok dat je wil verbergen of verwijderen.
4. Optioneel: Als je een sectie of blok uit je webshop wil verbergen, beweeg je met de muis over een sectie- of bloknaam en klik je op het oogpictogram.
5. Optioneel: Als je een sectie of blok uit je webshop wil verwijderen, beweeg je met de muis over een sectie- of bloknaam en klik je op het prullenbakpictogram.
6. Klik op Opslaan.

iPhone

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Verberg of verwijder een sectie of blok op je homepage of tik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die of het blok dat je wil verbergen of verwijderen.
6. Tik op Secties en daarna op de sectie die of het blok dat je wil verbergen of verwijderen.
7. Optioneel: Als je een sectie of blok in je webshop wil verbergen, tik je op ... > Verbergen.
8. Optioneel: Als je een sectie of blok uit je webshop wil verwijderen, tik je op ... > Verwijderen.
9. Tik op Opslaan.

Android

1. Tik in de Shopify-app op de knop ☰.
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Verberg of verwijder een sectie of blok op je homepage of tik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die of het blok dat je wil verbergen of verwijderen.
6. Tik op Secties en daarna op de sectie die of het blok dat je wil verbergen of verwijderen.
7. Optioneel: Als je een sectie of blok in je webshop wil verbergen, tik je op ... > Verbergen.
8. Optioneel: Als je een sectie of blok uit je webshop wil verwijderen, tik je op ... > Verwijderen.
9. Tik op ✓.

Werken met blokken

Blokken zijn aanpasbare modules waarmee je content toevoegt aan de secties in je templates. Je kunt op deze manier tekst, afbeeldingen, links, knoppen en dergelijke toevoegen.

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 beschikbaar zijn gesteld voor die sectie.

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

Een blok toevoegen

Desktop

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
3. Voeg rechtstreeks een blok toe aan een sectie op je homepage of klik op de vervolgkeuzelijst Homepage en selecteer de template waaraan je een blok wil toevoegen.

4. Zoek de sectie waaraan je een blok wil toevoegen, klik op Blok toevoegen en voer een van de volgende stappen uit:

   • Selecteer een blok in de lijst.
   • Zoek een specifiek blok met het veld Blokken zoeken en selecteer het.

5. Klik op Opslaan.

iPhone

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Voeg rechtstreeks een blok toe aan een sectie op je homepage of tik op de vervolgkeuzelijst Homepage en selecteer de template waaraan je een blok wil toevoegen.

6. Tik op Secties en daarna op Blok toevoegen voor de sectie waaraan je een blok wil toevoegen en voer een van de volgende stappen uit:

   • Selecteer een blok in de lijst.
   • Tik op het vergrootglaspictogram om naar een specifiek blok te zoeken en selecteer het gewenste blok.

7. Tik op Opslaan.

Android

1. Tik in de Shopify-app op de knop ☰.
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Voeg rechtstreeks een blok toe aan een sectie op je homepage of tik op de vervolgkeuzelijst Homepage en selecteer de template waaraan je een blok wil toevoegen.

6. Tik op Secties en daarna op Blok toevoegen voor de sectie waaraan je een blok wil toevoegen en voer een van de volgende stappen uit:

   • Selecteer een blok in de lijst.
   • Tik op het vergrootglaspictogram om naar een specifiek blok te zoeken en selecteer het gewenste blok.

7. Tik op ✓.

Metavelden en metaobjecten met dynamische bronnen gebruiken

Met metavelden en metaobjecten kun je dynamische informatie in je webshop weergeven. Als je een thema hebt dat metavelden ondersteunt, kun je een metaveld koppelen aan een sectie of blok in de themabewerker.

Een verkoper van een bestseller met een bestseller wil bijvoorbeeld de brandtijden weergeven voor elk type beschikbare soorten vet. Nadat er bijvoorbeeld een productmetaveld voor de verbrandingstijd hebt ingesteld, kan de verkoper een blok voor verbrandingstijd toevoegen aan de producttemplate en vervolgens verbinden met het metaveld van het product. Nadat je een metaveld voor collecties hebt ingesteld voor een pagina met brandtijden, kan de verkoper een blok toevoegen aan de collectie-template en vervolgens verbinden met het metaveld van de collectie.

Tip

Deze functie vereist een thema dat JSON-templates ondersteunt. Raadpleeg de themadocumentatie om te zien of een thema compatibel is met dynamische thema-instellingen. Hier vind je meer informatie over aangepaste gegevens.

Let op

Als je een Shopify-thema hebt, kun je de meeste metavelden en metaobjecten via de themabewerker aan het thema toevoegen. Als je andere thema's gebruikt, of als je aangepaste gegevenstypen wil toevoegen die niet worden ondersteund door het thema, kun je de themacode bewerken bewerken of een Shopify-partner inhuren om je te helpen. Meer informatie over Een Shopify-partner inhuren.

Niet alle secties ondersteunen dynamische bronnen. Lees voor meer informatie de documentatie van je thema.

Je kunt dynamische gegevens 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 met compatibele bronnen (product, collectie, pagina, blog en blogpost). Voeg het metaveld toe en koppel het daarna aan de templates. Zie 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 deze stappen om met de knop Dynamische bron verbinden dynamische bronnen te verbinden met blokken in je thema.

Stappen:

Desktop

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
3. Bewerk een sectie op je homepage of klik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die of het blok dat je wil bewerken.
4. Klik in de zijbalk op een sectie-of bloknaam om de content in het voorbeeldvenster te laden en de beschikbare instellingen en opties te openen.
5. Klik op de knop Dynamische bron verbinden voor type content dat je wil bewerken en verbind je dynamische bron.
6. Klik op Opslaan.

iPhone

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Bewerk een sectie of blok op je homepage of tik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die of het blok dat je wil bewerken.
6. Tik op Secties en daarna op een sectie-of bloknaam om de content in het voorbeeldvenster te laden en de beschikbare instellingen en opties te openen.
7. Tik op de knop Dynamische bron verbinden voor het type content dat je wil bewerken en verbind de dynamische bron.
8. Tik op Opslaan.

Android

1. Tik in de Shopify-app op de knop ☰.
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Bewerk een sectie of blok op je homepage of tik op de vervolgkeuzelijst Homepage en selecteer de template met de sectie die of het blok dat je wil bewerken.
6. Tik op Secties en daarna op een sectie-of bloknaam om de content in het voorbeeldvenster te laden en de beschikbare instellingen en opties te openen.
7. Tik op de knop Dynamische bron verbinden voor het type content dat je wil bewerken en verbind de dynamische bron.
8. Tik op ✓.

Dynamische bronselector

Je kunt de dynamische bronselector gebruiken om de juiste dynamische bron rechtstreeks in de themabewerker te verbinden. Bekijk de volgende belangrijke functies van de dynamische bronselector:

• Je kunt vanuit verschillende resources naar dynamische bronnen verwijzen. Als je bijvoorbeeld een instelling koppelt aan een blok dat zowel met een productbron als een paginabron verbonden is, kun je met de vervolgkeuzelijst in de dynamische bronselector opgeven waar je wil zoeken naar metavelden die aan de product- of de paginabron zijn gekoppeld.
• De dynamische bronselector beschikt over een zoek- en filterfunctie waarmee je het juiste filter kunt vinden.
• Met de dynamische bronselector kun je categoriemetavelden kiezen. Dit zijn extra kenmerken die beschikbaar worden wanneer je een productcategorie aan een product toewijst. Met toegang tot deze metavelden kun je dynamische bronnen verbinden met relevante velden op het onderliggende kenmerk-metaobject.