Templates

Templates zijn een groep geconfigureerde secties die je webshop een consistent ontwerp en een consistente uitstraling geven. De beschikbare secties in je templates zijn afhankelijk van je thema. In de themabewerker kun je zien welke templates op welke pagina's worden toegepast en kun je ze vervolgens bewerken om de informatie die je aan je klanten toont, aan te passen.

Je thema bevat templates voor verschillende soorten content. Deze templatesoorten bevatten secties en blokken die dynamisch content ophalen uit het desbetreffende gedeelte van je Shopify-beheercentrum. De productpaginatemplate van je thema maakt bijvoorbeeld een pagina aan voor elk product dat in de sectie Producten van je Shopify-beheercentrum in je webshop wordt gepubliceerd.

Wanneer je een template bewerkt, zijn je wijzigingen van toepassing op elke pagina die die template gebruikt. Als je bijvoorbeeld een aanmeldingsformulier voor de nieuwsbrief toevoegt aan een collectietemplate, wordt op al je collectiepagina's die de standaard collectietemplate gebruiken het aanmeldingsformulier voor de nieuwsbrief weergegeven.

Je hebt toegang tot alle templates van je thema via de paginakiezer in de menubalk van de themabewerker.

Standaardtemplates

Elke standaardtemplate heeft eigen standaardsecties en -instellingen die je kunt bewerken en aanpassen in de themabewerker. Zo hebben productpagina's standaard een sectie Productinformatie en een sectie Gerelateerde producten. De specifieke aanpassingsinstellingen voor elk thema zijn afhankelijk van de ontwikkelaar en de versie van je thema. Meer informatie over het vinden van je themaversie.

De templates zijn standaard beschikbaar in je thema.

Producten

De productpagina's van je thema geven informatie weer over de producten die je in je winkel verkoopt, en waar je klanten de producten kunnen kopen.

Productpagina's hebben standaard een sectie Productinformatie en een sectie Gerelateerde producten in de themabewerker.

De sectie Productinformatie toont de gegevens van je producten, zoals de titel, beschrijving, prijs en afbeeldingen. Je kunt je producten beheren op de pagina Producten in het Shopify-beheercentrum.

Collecties

Op de collectiepagina's van je thema worden de collecties weergegeven die je aanmaakt op de pagina Producten > Collecties in het Shopify-beheercentrum. Hier kun je specifieke producten samenvoegen in categorieën. Je kunt slimme collecties en handmatige collecties hebben.

Collectiepagina's hebben standaard een sectie Collectiebanner en een sectie Productraster in de themabewerker.

Collectielijst

De collectielijstpagina toont al je collecties die beschikbaar zijn in het verkoopkanaal van de webshop. Als je bijvoorbeeld een juwelierswinkel hebt, kun je een link naar je collectielijstpagina in je menu opnemen zodat klanten kunnen bladeren op type sieraad, zoals ringen of kettingen. Je moet voor elke categorie collecties aanmaken.

Cadeaubon

Wanneer je een cadeaubon aanmaakt, of een klant een cadeaubon bestelt, worden de gegevens van die cadeaubon op de cadeaubonpagina weergegeven, zoals de waarde of het saldo van de cadeaubon en de verzilveringscode.

De cadeaubonpagina is onderdeel van je thema. Je kunt je thema aanpassen om de stijl en informatie op de cadeaubonpagina toe te voegen of aan te passen.

De waarde van de cadeaubon en de verzilveringscode van de cadeaubon kunnen niet worden aangepast.

Pagina's

Je kunt aangepaste pagina's maken in je Shopify-beheercentrum om content voor je klanten te creëren, zoals een 'Over ons'-pagina, of voor extra informatie over je producten.

Winkelwagenpagina

Op de winkelwagenpagina in je webshop kunnen je klanten de artikelen bekijken die ze aan hun winkelwagen hebben toegevoegd.

De winkelwagenpagina heeft standaard een sectie Artikelen en een sectie Subtotaal in de themabewerker.

Blogs

Blogpagina's in je webshop zijn de homepage voor alle blogs die je aanmaakt in je Shopify-beheercentrum en bevatten alle gepubliceerde blogposts in die blog.

Blogpagina's bevatten standaard een sectie Blogposts in de themabewerker.

Blogposts

Blogpostpagina's in je webshop geven de content weer van de blogposts die je aanmaakt op de pagina Content > Blogposts in je Shopify-beheercentrum. Blogpostpagina's bevatten standaard een sectie Blogpost in de themabewerker.

Zoekpagina

De zoekpagina is de plek waar klanten kunnen zoeken naar specifieke producten, pagina's of blogposts in je webshop.

De zoekpagina bevat standaard een sectie Zoekresultaten in de themabewerker.

Naast de instellingen van de sectie Zoekresultaten kun je ook enkele Thema-instellingen voor zoekgedrag bekijken en aanpassen, en je kunt je eigen sectiespecifieke Aangepaste CSS toevoegen.

Wachtwoordpagina

Je kunt je winkel beveiligen met een wachtwoord op de pagina Webshop > Voorkeuren in je Shopify-beheercentrum. Als je winkel met een wachtwoord is beveiligd, wordt de wachtwoordpagina weergegeven aan bezoekers van je webshop. De wachtwoordpaginatemplate heeft een unieke koptekst en voettekst. Je kunt de wachtwoordpaginatemplate aanpassen vanuit de themabewerker.

404-pagina

De 404-pagina wordt weergegeven wanneer een klant een link naar je site probeert te bezoeken die niet bestaat, zoals een productpagina voor een product dat je uit je winkel hebt verwijderd.

Deze pagina heeft geen aanpasbare instellingen, maar je kunt je eigen sectiespecifieke Aangepaste CSS toevoegen aan je 404-pagina in de themabewerker.

Je templates bewerken

Je kunt je templates bewerken om secties aan je webshop toe te voegen. Sommige secties bevatten blokken die verder kunnen worden aangepast, maar niet elke sectie of elk blok heeft instellingen of content die kan worden bewerkt. Wanneer je je templates bewerkt, worden je wijzigingen in realtime weergegeven in het voorbeeld van de themabewerker.

Stappen:

Aandachtspunten voor het aanmaken van een nieuwe template

Lees de volgende aandachtspunten door voordat je een nieuwe template aanmaakt:

• Je kunt meerdere templates hebben voor je producten, collecties, pagina's, blogs en blogposts, maar je kunt in totaal maximaal 1.000 templates hebben.
• Je kunt alleen een nieuwe template aanmaken met een compatibel thema.
• Alle thema's hebben een standaardtemplate voor collecties, producten, blogs, blogposts en pagina's. De bronnen en content van je winkel worden met deze standaardtemplates weergegeven, tenzij je alternatieve templates aanmaakt.
• Alle wijzigingen die je aanbrengt in een template, zijn van invloed op alle pagina's die die template gebruiken. Als je sommige pagina's van een bepaald type anders wilt weergeven, kun je een nieuwe template aanmaken op basis van een template die al in je thema bestaat.
• Wanneer je een nieuwe template aanmaakt op basis van een bestaande template, wordt je nieuwe template automatisch gevuld met dezelfde secties als de bestaande template. Je kunt vervolgens secties verwijderen, toevoegen of verbergen en de content ervan naar wens bewerken, zonder dat dit invloed heeft op de weergave van pagina's die de bestaande template gebruiken.

Een nieuwe template aanmaken

Nadat je een nieuwe template hebt aangemaakt, kun je de template toepassen op een webshoppagina waarvoor je deze wilt gebruiken.

Een template voor metaobjecten aanmaken

Je kunt een template voor een webpagina voor metaobjecten aanmaken. Voer de volgende stappen uit om deze functie te gebruiken:

1. Maak een metaobjectdefinitie aan met Storefront-toegang en activeer optioneel de functie Webpagina's handmatig. Wanneer je een thema-template aanmaakt, wordt de functie Webpagina's geactiveerd in de themabewerker.
2. Maak vermeldingen aan voor de metaobjectdefinitie.

Je kunt nu een metaobjecttemplate aanmaken in de themabewerker.

Voorvertoning van templates

Je kunt templatevoorbeelden gebruiken om een voorbeeld te bekijken van hoe de bronnen van je webshop, zoals producten en pagina's, aan je klanten worden weergegeven met een andere template.

Templates worden toegewezen op product-, collectie-, pagina-, blog- of blogpostniveau. Je kunt templates aanmaken en bewerken in de themabewerker, maar je wijzigt de toegewezen template van een bron in het Shopify-beheercentrum.

Aandachtspunten voor het weergeven van templatevoorbeelden

Houd rekening met de volgende gegevens wanneer je een voorbeeld van templates voor de verschillende bronnen van je webshop bekijkt:

• Wanneer je een voorbeeld van een producttemplate bekijkt in de themabewerker, kun je producten gebruiken met de status Actief of Concept, maar je kunt geen voorbeeld bekijken van een product met de status Gearchiveerd.
• Wanneer je een voorbeeld van een collectietemplate bekijkt in de themabewerker, moet je ervoor zorgen dat voor de collectie Webshop is geactiveerd als verkoopkanaal. Als een collectie de webshop niet als verkoopkanaal heeft geactiveerd, kun je in de themabewerker geen voorbeeld van die collectie bekijken met collectietemplates.
• Wanneer je een voorbeeld van een paginatemplate bekijkt in de themabewerker, kun je pagina's gebruiken waarvan de zichtbaarheid is ingesteld op Zichtbaar of Verborgen.
• Wanneer je een voorbeeld van een blogposttemplate bekijkt in de themabewerker, kun je blogposts gebruiken waarvan de zichtbaarheid is ingesteld op Zichtbaar of Verborgen.

Blogs hebben geen verschillende status- of zichtbaarheidsparameters, dus je kunt een blogtemplate gebruiken om een voorbeeld te bekijken van alle gepubliceerde blogs die je in je webshop hebt.

Voorbeeld van een alternatieve template weergeven

Je kunt een voorbeeld bekijken van hoe je producten, collecties, pagina's, blogs of blogposts worden weergegeven met een andere template.

Stappen:

Specifieke content bekijken

Je kunt een voorbeeld bekijken van hoe je template wordt weergegeven met compatibele content in je winkel. Als je bijvoorbeeld een producttemplate bekijkt, kun je deze testen met elk product in je winkel.

Je moet de template nog wel toewijzen aan de content in het Shopify-beheercentrum.

Je kunt ook naar templates en content zoeken met de zoekbalk in de paginakiezer, in de tool Sectie toevoegen of Blok toevoegen, of in App-integraties.

Stappen:

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

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

3. Selecteer in het templatemenu de template die je wilt bekijken.

4. Klik in het zijbalkmenu in de sectie Voorbeeldweergave op Wijzigen.

5. Selecteer in het menu Selecteren de content die je wilt bekijken.

Een nieuwe template toepassen

Je kunt een toegewezen template wijzigen voor de volgende secties in een gepubliceerd thema:

• pagina's
• producten
• collecties
• blogs
• blogposts

Je wijzigt een toegewezen template in je Shopify-beheercentrum. De weergegeven template-opties zijn alleen gebaseerd op de beschikbare templates in je huidige thema.

Templates voor producten en collecties kunnen worden toegewezen op het niveau van een afzonderlijk item, of aan meerdere items tegelijk met de bulk-editor.

Een nieuwe template op een pagina toepassen

Een nieuwe template op een product toepassen

Een nieuwe template op een collectie toepassen

1. Ga in het Shopify-beheercentrum naar Producten > Collecties.

2. Klik op een collectie waarop je een template wilt toepassen.

3. Klik in de sectie Thematemplate op de vervolgkeuzelijst en selecteer vervolgens de template die je op je collectie wilt toepassen.

4. Klik op Opslaan.

Een nieuwe template op een blog toepassen

Een nieuwe template op een blogpost toepassen

In bulk een nieuwe template toepassen op producten of collecties

Je kunt de bulk-editor gebruiken om in bulk een nieuwe template toe te passen op meerdere producten of collecties.

In bulk een nieuwe template toepassen op producten

1. Ga vanuit het Shopify-beheercentrum naar Producten.

2. Voer een van de volgende handelingen uit om meerdere producten tegelijk te bewerken:

   • Als je producten een voor een wilt selecteren, vink je het selectievakje voor elk product aan.
   • Als je een reeks producten wilt selecteren, klik je om een product te selecteren, houd je de Shift-toets ingedrukt en klik je op een ander product. Hiermee worden het eerste en het laatste product waarop je hebt geklikt, en alle producten daartussenin geselecteerd.
   • Als je alle producten op een pagina wilt selecteren, vink je het selectievakje bovenaan de productlijst aan.
   • Als je alle producten in je winkel wilt selecteren, vink je het selectievakje bovenaan de productlijst aan en klik je vervolgens op Alles in deze winkel selecteren.

3. Klik op Bulkbewerken.

4. Klik in de bulk-editor op de vervolgkeuzelijst Kolommen en selecteer vervolgens Template in de sectie Algemeen.

5. Klik op het eerste veld van de kolom Template, houd de Shift-toets ingedrukt en klik vervolgens op het laatste veld van de kolom Template. De geselecteerde items worden blauw gearceerd.

6. Klik op het eerste veld dat je hebt geselecteerd, selecteer de gewenste template in de vervolgkeuzelijst en klik vervolgens op Opslaan.

Een nieuwe template in bulk toepassen op collecties

1. Ga in het Shopify-beheercentrum naar Producten > Collecties.

2. Voer een van de volgende handelingen uit om meerdere collecties tegelijk te bewerken:

   • Om collecties een voor een te selecteren, vink je het selectievakje van elke collectie aan.
   • Om een reeks collecties te selecteren, klik je op een collectie, houd je de Shift-toets ingedrukt en klik je op een andere collectie. Hiermee selecteer je de eerste en de laatste collectie waarop je hebt geklikt en alle collecties daartussenin.
   • Om alle collecties op een pagina te selecteren, vink je het selectievakje bovenaan de collectielijst aan.
   • Om alle collecties in je winkel te selecteren, vink je het selectievakje bovenaan de collectielijst aan en klik je op Alles in deze winkel selecteren.

3. Klik op Bulkbewerken.

4. Klik in de bulk-editor op de vervolgkeuzelijst Kolommen en selecteer vervolgens Template in de sectie Algemeen.

5. Klik op het eerste veld van de kolom Template, houd de Shift-toets ingedrukt en klik vervolgens op het laatste veld van de kolom Template. De geselecteerde items worden blauw gearceerd.

6. Klik op het eerste veld dat je hebt geselecteerd, selecteer de gewenste template in de vervolgkeuzelijst en klik vervolgens op Opslaan.

Je templates beheren

Als je een template wilt hernoemen of verwijderen, moet je de code-editor gebruiken. Het bewerken van een templatebestand kan problemen met je webshop veroorzaken.

Wanneer je een template verwijdert, worden alle webshoponderdelen waaraan die template was toegewezen, weergegeven met de standaardtemplate totdat je een andere toewijst.

Een template hernoemen

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

2. Zoek het thema met de template die je wilt hernoemen en klik vervolgens op … > Code bewerken.

3. Zoek in de code-editor de map templates.

4. Klik met de rechtermuisknop op het templatebestand dat je wilt hernoemen en selecteer Hernoemen... in de vervolgkeuzelijst.

5. Voer een nieuwe naam voor het bestand in.

6. Druk op Enter op je toetsenbord.

Een template verwijderen

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

2. Zoek het thema waarvan je een template wilt verwijderen en klik vervolgens op … > Code bewerken.

3. Zoek in de code-editor de map templates.

4. Klik met de rechtermuisknop op het templatebestand dat je wilt verwijderen en selecteer Permanent verwijderen in de vervolgkeuzelijst.

5. Klik op Verwijderen.