Overzicht van functies in de themabewerker

Je kunt de themabewerker gebruiken om de gebieden van je thema aan te passen, zoals kleuren, en om content in je thema te beheren met secties en blokken.

De themabewerker openen

Je kunt de themabewerker openen vanuit het Shopify-beheercentrum.

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

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

Indeling van de themabewerker

De themabewerker heeft de volgende onderdelen:

• De menubalk bevat navigatieknoppen aan de linkerkant om te schakelen tussen secties, thema-instellingen en app-insluitingen; de themanaam, markt en templatemenu's in het midden; en bedieningselementen voor aanpassing aan de rechterkant.
• De zijbalk toont een boomweergave van alle content voor het template dat je op dit moment bekijkt. Je kunt secties en blokken, app-insluitingen en instellingen beheren vanuit de zijbalk. De zijbalk is inklapbaar.
• Het voorbeeldvenster toont je thema en wordt automatisch bijgewerkt wanneer je wijzigingen aanbrengt. Je kunt een mobiele weergave activeren of het voorbeeldinspectievenster gebruiken om de content voor een thema-template in het voorbeeldvenster te beheren.

Menubalk

De menubalk toont navigatie, thema-informatie en bedieningselementen voor het aanpassen van je thema.

Zijbalknavigatie

Aan de linkerkant van de menubalk kun je schakelen tussen de volgende weergaven in de zijbalk:

• om de secties en blokken in je huidige template te beheren.
• om de algemene instellingen van je thema te beheren, zoals kleuren, typografie en opmaak.
• om apps te beheren die zijn ingesloten in je thema.

Om de zijbalk te verbergen en een voorbeeldweergave van je thema over de volledige breedte te krijgen, klik je nogmaals op de actieve knop om de selectie op te heffen. Als beide panelen zichtbaar zijn, klap je ze allebei tegelijkertijd in door op de actieve knop te klikken.

Menu's voor themagegevens, markten en templates

In het midden van de menubalk vind je het volgende:

• De themanaam en de bijbehorende status. Je gepubliceerde thema toont het statuslabel Live . Niet-gepubliceerde thema's tonen het statuslabel Concept . Klik op de themanaam om de volgende opties te openen:
  • Gebruik Code bewerken om de code-editor te openen.
  • Gebruik Standaard themacontent bewerken om de standaardtekst in je thema te bewerken.
  • Gebruik om een voorbeeld van je thema te openen.
  • Gebruik Documentatie bekijken om de documentatie van je thema te openen.
  • Gebruik om alle beschikbare sneltoetsen voor de themabewerker te bekijken.
  • Gebruik Ondersteuning vragen om ondersteuning te vragen.
• Het menu markt om een voorbeeld van je thema te bekijken en dit aan te passen voor verschillende markten.
• Het menu template om te navigeren tussen verschillende paginatemplates in je thema.

Snelkoppelingen voor aanpassing

Je kunt de volgende bedieningselementen in de menubalk gebruiken om je thema aan te passen en je wijzigingen te beheren:

• Sidekick activeren of deactiveren om je te helpen met thema-aanpassingen.
• De voorbeeldinspector activeren of deactiveren.
• Schakel de voorbeeldknop in om een voorbeeld van je thema op een mobiel scherm te bekijken.
• Je huidige aanpassingssessie beheren met de bedieningselementen voor ongedaan maken en opnieuw uitvoeren.
• Gebruik de knop Opslaan om je wijzigingen op te slaan.

Als er geen niet-opgeslagen aanpassingen zijn om opnieuw uit te voeren, ongedaan te maken, of beide, is de betreffende knop inactief.

Zijbalk

De zijbalk geeft een boomstructuur weer van alle content van de template die je op dat moment bekijkt. Je kunt secties en blokken en thema-instellingen beheren vanuit de zijbalk. Je kunt de zijbalk inklappen door nogmaals op de actieve navigatieknop in de menubalk te klikken om deze uit te schakelen.

Je thema heeft mogelijk conditionele instellingen die in de zijbalk worden weergegeven, afhankelijk van welke andere instellingen actief zijn. Als je thema bijvoorbeeld een blok heeft met een instelling om een video of een afbeelding toe te voegen, is de afbeeldingskiezer of videolink mogelijk een conditionele instelling die pas wordt weergegeven nadat je Afbeelding als mediatype hebt geselecteerd.

Zijbalkmodi

De themabewerker heeft twee modi om alle ruimte op je scherm te benutten.

De dubbele zijbalkmodus is voor bredere browservensters en grotere schermen, en de enkele zijbalkmodus is voor smallere browservensters en kleinere schermen. De zijbalkmodus bepaalt waar het instellingenpaneel in de bewerker wordt weergegeven.

Modus met dubbele zijbalk

Als je browservenster minimaal 1600 pixels breed is, heb je twee panelen. Het linkerpaneel bevat de paginastructuur met je secties en blokken, en het rechterpaneel bevat de instellingen voor de geselecteerde sectie of het geselecteerde blok. Je kunt het rechterpaneel inklappen door de secties te deselecteren.

Maak je browservenster smaller totdat de bewerker overschakelt op de gestapelde opmaak als je de themabewerker in de enkele zijbalkmodus op een groot scherm wilt bekijken.

Modus met enkele zijbalk

Op smallere schermen gebruikt de bewerker een gestapelde opmaak. Wanneer je op een sectie of blok klikt, schuift het instellingenpaneel vanaf de onderkant van het scherm omhoog in plaats van je paginastructuur te bedekken. Je kunt de scheidingslijn slepen om de verdeling tussen de paginastructuur en instellingen aan te passen, zodat beide altijd zichtbaar blijven.

Voorbeeld van je thema bekijken

Je kunt een voorbeeld van de mobiele opmaak van je thema bekijken door op de knop in de menubalk te klikken. Klik nogmaals op de mobiel-knop om terug te keren naar het desktopvoorbeeld.

Klik op de actieve zijbalknavigatieknop om de zijbalk in te klappen en een voorbeeld van je thema over de volledige breedte te bekijken. Als beide panelen zichtbaar zijn, worden deze tegelijkertijd ingeklapt en krijg je een voorbeeld van je webshop over de volledige breedte.

Niet-opgeslagen wijzigingen 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 opnieuw uitvoeren of ongedaan maken.

Sneltoetsen gebruiken in de themabewerker

Je kunt sneltoetsen gebruiken om in de themabewerker te navigeren en acties uit te voeren.