Je webshop aanpassen met de themabewerker
Je kunt de themabewerker gebruiken om de gebieden van je thema aan te passen, zoals kleuren, en inhoud in je thema beheren met secties en blokken. De themabewerker heeft de volgende secties:
- De menubalk toont tools waarmee je meer informatie over je thema kunt ontdekken, naar verschillende templates in je thema kunt navigeren, zoals productpagina's, de schermgrootte kunt aanpassen en je aanpassingsacties kunt beheren.
- Het zijbalkmenu toont een boomweergave van alle inhoud voor de template die je momenteel bekijkt in de zijbalk. Je kunt secties, blokken en instellingen beheren via het zijbalkmenu.
- Het voorbeeldvenster geeft je thema weer en wordt automatisch bijgewerkt wanneer je wijzigingen aanbrengt. Je kunt verschillende weergaveopties selecteren in de menubalk om een voorbeeld van je thema te bekijken op desktop- of mobiele opmaak. Je kunt ook de preview inspector activeren om de inhoud van een thema-template te beheren in het preview venster.
Op deze pagina
- Toegang tot de themabewerker
- Menubalk
- Documentatie bekijken, ondersteuning krijgen en je themaversie controleren
- Hulp bij aanpassingen
- Sneltoetsen gebruiken in de themabewerker
- Templates
- Templates weergeven met specifieke bronnen
- Preview Inspector
- Verschillende schermgrootten bekijken in de themabewerker
- Zijbalkmenu
- Secties en blokken
Toegang tot de themabewerker
Je hebt toegang tot de themabewerker vanuit je Shopify-beheercentrum.
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Klik op Aanpassen naast het thema dat je wilt bewerken.
Menubalk
De menubalk bevat informatie over je thema, menu's om meer informatie en verschillende onderdelen van je thema te openen en knoppen om je thema aan te passen.
De menubalk geeft de volgende extra informatie en navigatieopties weer:
- Gebruik de knop
om terug te gaan naar je Shopify-beheercentrum. - Controleer de naam van je thema.
- Controleer de status van je thema. Je gepubliceerde thema toont het Live statuslabel. Niet-gepubliceerde thema's geven het statuslabel Concept weer.
- Gebruik het
menu om toegang te krijgen tot de volgende aanvullende opties:
- Gebruik de 
Code bewerken om de code-editor te openen.
- Gebruik de 
Standaard thema-content bewerken om de standaardtekst in je thema te bewerken.
- Gebruik de**
** om een voorbeeld van je thema te openen.
- Gebruik de 
Documentatie bekijken om de documentatie van je thema te openen.
- Gebruik het 
om alle beschikbare sneltoetsen voor de themabewerker te bekijken.
- Gebruik het 
Krijg ondersteuning om ondersteuning te krijgen.
Je hebt toegang tot verschillende templates en opmaken voor de markt met de volgende menu's:
Je kunt de volgende besturingselementen in de menubalk gebruiken om je thema aan te passen:
- Sidekick activeren of deactiveren.
- Preview Inspector activeren of deactiveren.
- Wijzig de schermgrootte met besturingselementen voor schermgrootte.
- Beheer je huidige aanpassessie met de knoppen voor ongedaan maken en opnieuw uitvoeren.
- Gebruik de knop Opslaan om je wijzigingen op te slaan.
Documentatie bekijken, ondersteuning krijgen en je themaversie controleren
Je kunt beschikbare informatie over je thema bekijken, zoals informatie over de versie en ontwikkelaar van het thema en links naar de documentatie en ondersteuningsinformatie van je thema in het menu in de menubalk.
Hulp bij aanpassingen
Als je hulp nodig hebt bij het maken van wijzigingen in je thema, kun je contact opnemen met de ontwikkelaar van je thema voor ondersteuning.
Zie Aanvullende bronnen voor ondersteuning van thema's om te zien welke andere bronnen beschikbaar zijn om je te helpen bij het aanpassen van thema's.
Sneltoetsen gebruiken in de themabewerker
Je kunt sneltoetsen gebruiken om te navigeren en acties uit te voeren in de themabewerker.
| Categorie | Actie | Windows-sneltoets | macOS-sneltoets |
|---|---|---|---|
| Algemeen | Ongedaan maken |
CTRL + Z
|
⌘ + Z
|
| Opnieuw uitvoeren |
CTRL + Y
|
⌘ + Y
| |
| Opslaan |
CTRL + S
|
⌘ + ⇧ + S
| |
| Alle sneltoetsen bekijken |
CTRL + /
|
⌘ + /
| |
| Tools | Preview Inspector |
CTRL + SHIFT + |
|
⌘ + ⇧ + |
|
| Voorbeeldmodus |
⊞ + CTRL + |
|
⌘ + ⌃ + |
| |
| Sidekick |
CTRL + .
|
⌘ + .
| |
| Navigatie | Secties |
⊞ + CTRL + Z
|
⌘ + ⌃ + 1
|
| Thema-instellingen |
⊞ + CTRL + Z
|
⌘ + ⌃ + 2
| |
| Ingesloten apps |
⊞ + CTRL + Z
|
⌘ + ⌃ + 3
| |
| Secties en blokken | Verbergen en weergeven |
CTRL + SHIFT + H
|
⌘ + ⇧ + H
|
| Verwijderen |
SHIFT + ⭠
|
⇧ + ⌫
| |
| Selecteer vorige |
SHIFT + ←
|
⇧ + ▲
| |
| Selecteer volgende |
SHIFT + →
|
⇧ + ▼
| |
| Geselecteerd element openen |
SHIFT + ENTER
|
⇧ + ▼
| |
| Alle secties uitklappen |
CTRL + SHIFT + O
|
⌘ + ⇧ + O
| |
| Alle secties inklappen |
CTRL + SHIFT + P
|
⌘ + ⇧ + P
|
Templates
Je hebt toegang tot alle templates van je thema via de paginaselectie in de bovenste balk van de themabewerker.
Als je een thema van Online Store 2.0 gebruikt, kun je ook rechtstreeks vanuit de paginaselectie een nieuw template aanmaken door op de optie Nieuw template te klikken.
Templates weergeven met specifieke bronnen
Je kunt een voorbeeld bekijken van hoe je template wordt weergegeven met elke compatibele bron in je winkel. Als je bijvoorbeeld een producttemplate bekijkt, kun je deze met elk product in je winkel testen.
Je moet het template nog steeds toewijzen aan de bron in het Shopify-beheercentrum.
Je kunt ook naar templates en bronnen zoeken met behulp van de Zoekbalk in de paginaselectie, via de tools Sectie toevoegen of Blok toevoegen of in Ingesloten apps.
Stappen:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Klik op Aanpassen naast het thema dat je wilt bewerken.
Selecteer in het template-menu de template die je wil bekijken.
Vanuit het zijbalkmenu, in het gedeelte Voorbeeld , op Wijzigen.
Selecteer in het menu Selecteren de bron waar je een voorbeeld van wilt bekijken.
Preview Inspector
Met de Preview Inspector kun je direct vanuit het voorbeeldvenster naar secties en blokken navigeren en de bijbehorende instellingen sneller en intuïtiever vinden. Met de Preview Inspector kun je secties en blokken direct vanuit je voorbeeldvenster opnieuw ordenen, verbergen of dupliceren.
De Preview Inspector is beschikbaar voor alle gratis Shopify-thema's en is standaard geactiveerd. Je kunt klikken op de
-knop om de Preview Inspector tijdens het bewerken te activeren of deactiveren.
Wanneer de Preview Inspector is geactiveerd, kun je op elk beschreven element klikken om de bijbehorende instelling te openen. Wanneer de Preview Inspector is geactiveerd op een mobiel apparaat, kun je op elk element klikken om de bijbehorende instelling te selecteren. Je kunt het onderste blad openen om via deze geselecteerde instelling bewerkingen uit te voeren.
De Preview Inspector geeft een van de volgende randen weer rond de secties en blokken waar je in het voorbeeldvenster op klikt:
- De Doorgetrokken blauwe lijn geeft de actieve sectie aan. De bijbehorende instelling op het zijbalkmenu is grijs gemarkeerd.
- De Blauwe stippellijn geeft het verwante blok voor de sectie aan. Je kunt op het item in het voorbeeldvenster klikken om de instellingen voor het blok of de sectie te openen.
Als je in het voorbeeldvenster op een deel van je website klikt, worden de bijbehorende instellingen in de zijbalk geladen. Op een mobiel apparaat kun je door twee keer te tikken door de site navigeren zoals een klant dat zou doen.
Secties en blokken toevoegen aan de Preview Inspector
Tijdens het gebruik van de Preview Inspector kun je secties en blokken rechtstreeks vanuit het voorbeeldvenster aan je thema toevoegen. Om de Preview Inspector te gebruiken vanuit de Shopify-app, druk je lang op een sectie om de sectie te beheren.
| Hulpmiddelen | Beschrijving |
|---|---|
| Sectie toevoegen | De knop Sectie toevoegen staat aan de boven- en onderkant van de geselecteerde sectie. Klik op de knop Sectie toevoegen om een nieuwe sectie boven of onder de geselecteerde sectie in te voegen. |
| Blok toevoegen | De knop Blok toevoegen wordt weergegeven wanneer je de cursor op een bestaand blok plaatst. Om een blok toe te voegen, zet je de cursor op de knop  . Er wordt een pop-upmenu weergegeven met de thema- en app-blokken die je aan de geselecteerde sectie kunt toevoegen. Klik op het blok dat je wil toevoegen. Het instellingenvenster voor het nieuwe blok wordt geladen in de rechterzijbalk.
|
Preview Inspector-tools
Je kunt secties en blokken in de themabewerker verplaatsen, verbergen, dupliceren of verwijderen met de Preview Inspector.
| Hulpmiddelen | Actie | Beschrijving |
|---|---|---|
 | Naar vorige positie verplaatsen | Klik op deze knop om een sectie of blok naar de volgende of vorige positie te verplaatsen met behulp van de pijlpictogrammen in de Preview Inspector. Als de geselecteerde sectie bovenaan je pagina staat, dan zal de knop grijs worden weergegeven. En als je sectie onderaan de pagina staat, kun je de knop niet gebruiken. |
| Naar volgende positie verplaatsen | |
 | Sectie of blok dupliceren | Klik op deze knop om een sectie of blok en de inhoud ervan te dupliceren. |
 | Sectie of blok verbergen | Klik op deze knop om een sectie of blok te verbergen. Wanneer een sectie of blok verborgen is, kun je deze niet meer zichtbaar maken in de Preview Inspector. Je kunt op de knop  klikken in de menubalk of klikken op de knop in het zijbalkmenu naast de sectie of het blok om het weer zichtbaar te maken. |
 | Sectie of blok verwijderen | Met deze knop verwijder je de geselecteerde sectie of het geselecteerde blok in de Preview Inspector. |
Verschillende schermgrootten bekijken in de themabewerker
Je kunt verschillende schermgroottes bekijken in je themabewerker. Je kunt de themabewerker wijzigen om de formaten voor desktop, mobiel of volledig scherm weer te geven, zodat je zeker weet dat je bewerkingen optimaal zijn voor verschillende schermformaten en om alternatieve opmaken voor desktop en mobiel te controleren. Klik op de volgende knoppen in de menubalk om de schermgrootte te wijzigen:
- Klik op de knop
voor het bureaublad. - Klik op de knop
voor mobiel. - Klik op de knop
voor volledig scherm.
Acties ongedaan maken en opnieuw uitvoeren
Je kunt de knoppen en 
gebruiken om niet-opgeslagen aanpassingen ongedaan te maken of opnieuw uit te voeren. Nadat je je wijzigingen hebt opgeslagen, kun je ze niet meer ongedaan maken.
Als er geen niet-opgeslagen aanpassingen zijn om opnieuw te doen, ongedaan te maken of beide, dan wordt de bijbehorende knop grijs weergegeven.
Zijbalkmenu
Het zijbalkmenu toont een structuurweergave van alle inhoud voor de template die je momenteel in de zijbalk bekijkt. Je kunt secties, blokken en instellingen beheren vanuit het zijbalkmenu.
Zijbalkmodi
De themabewerker heeft twee modi om gebruik te maken van alle ruimte op je scherm.
De dubbele zijbalkmodus is bedoeld voor bredere browservensters en grotere schermen, en de enkele zijbalkmodus is voor smallere browservensters en kleinere schermen. De zijbalkmodus bepaalt waar het deelvenster in de editor wordt weergegeven.
Dubbele zijbalkmodus
Als je beeldscherm groter is dan 1600 pixels breed en je internet-venster volledig is uitgevouwen, of als je internet-venster is uitgevouwen tot minimaal 1600 pixels breed, kun je twee zijbalken zien. De linker zijbalk bevat het navigatiepaneel en de rechter zijbalk bevat het instellingspaneel.
Als je de themabewerker in de enkele zijbalkmodus op een groot scherm wil bekijken, maak dan je browservenster smaller totdat het instellingspaneel over de navigatiezijbalk beweegt of verdwijnt.
Modus enkele zijbalk
Smallere browsers hebben slechts één zijbalk om ruimte te creëren voor het voorbeeld van het thema. Wanneer je op een sectie of blok klikt om het te bewerken, wordt het instellingspaneel boven in je navigatiepaneel in de zijbalk geopend.
Secties en blokken
In de lijst met secties en blokken worden standaard alle blokken voor de secties op een pagina weergegeven.
Secties die de koptekst of voettekst vormen, worden standaard ingeklapt. Je kunt klikken op de knop 
naast een sectienaam klikken om de inhoud ervan weer te geven.
Sectiegroepen
Secties worden voor elke paginatemplate in je thema gegroepeerd in de volgende gebieden:
- Het Koptekstgebied bevat je koptekst, aankondigingsbalk en eventuele apps of aangepaste Liquid.
- Het Templategebied bevat secties die samen het grootste deel van je pagina vormen. De templatesecties kunnen bijvoorbeeld blogposts, een collage, collectielijsten of aangepaste Liquid bevatten.
- Het Voettekstgebied bevat je voettekst, aanmelding voor het ontvangen van e-mail en eventuele apps of aangepaste Liquid.
Je koptekst en voettekst worden gedeeld door alle pagina's van je webshop. Als je bijvoorbeeld een aangepast Liquid-blok aan de koptekst toevoegt, wordt die aangepaste Liquid weergegeven op al je productpagina's, de homepage en eventuele andere pagina's.
Secties en blokken uitklappen en inklappen
Klap een sectieknooppunt uit met de knop om de blokken weer te geven of klap het in met de knop 
om de blokken te verbergen. Je kunt op secties en blokken klikken om de instellingen te bekijken.
Secties en blokken verplaatsen
Je kunt een sectie of een blok op een pagina verplaatsen met behulp van de knop
door op de sectie of het blok te klikken, te slepen en neer te zetten op een andere beschikbare locatie.
Als je een sectie of blok naar een locatie probeert te verplaatsen waar dat niet is toegestaan, wordt de sectie of het blok op de oorspronkelijke plaats teruggezet.
Secties en blokken verwijderen
Je kunt een sectie of blok op twee manieren verwijderen uit een template:
Beweeg je cursor naast de sectienaam en klik vervolgens op de knop
: 
Klik op de sectienaam en klik vervolgens op Sectie verwijderen in de sectie-instellingsdetails:
Stappen:
Ga in het Shopify-beheercentrum naar webshop > Thema's.
Klik op Aanpassen naast het thema dat je wilt bewerken.
Klik op of blokkeer in de zijbalk van de themabewerker de sectie die je wilt verwijderen.
Klik op Sectie verwijderen of Blok verwijderen.
Klik op Opslaan. Als je een gepubliceerd thema bewerkt, klik dan op Publiceren om je wijzigingen op te slaan en ze live te laten gaan in je winkel.
Secties en blokken verbergen
Je kunt elke sectie of blok verbergen met behulp van de knop :
