Shopify thema aanpassen zonder code met de themabewerker

Een Shopify-thema aanpas je zonder code in de themabewerker: ga naar Webshop > Thema’s en klik bij je thema op Thema bewerken. Daar verander je inhoud, indeling, lettertypen en kleuren via secties, blokken en thema-instellingen, met een voorbeeld van je winkel ernaast. Zolang je in de themabewerker blijft, neemt een thema-update je aanpassingen mee; wijzigingen in de code kunnen bij een update verloren gaan.

Voordat je begint

Maak een kopie. Open bij het thema het actiemenu en kies Dupliceren; de kopie is je reservekopie. Je kunt maximaal 20 thema’s in het beheercentrum hebben.
Werk aan een conceptthema bij grote wijzigingen. Pas de kopie aan en publiceer die pas als alles klopt; je live winkel blijft intussen ongewijzigd.
Weet wat een download niet bevat. Via het actiemenu kun je een themabestand downloaden, maar producten, collecties, menu’s, pagina’s, blogberichten en bestanden zitten daar niet in.
Let op een Canvas-badge. Heeft een thema op de pagina Thema’s het label Canvas, dan opent het alleen in Canvas, de aparte editor, en niet in de themabewerker.

Wat je in de themabewerker aanpast

Secties en blokken

Elke pagina van je thema bestaat uit Secties: een banner, een uitgelichte collectie, een rij met reviews, een nieuwsbrief. Binnen een sectie zitten blokken, zoals een kop, een tekst of een knop. Je voegt secties toe, verwijdert ze, verandert de volgorde en vult per sectie de instellingen in. Met de voorbeeldinspector klik je in het voorbeeld direct op een sectie of blok om het te verplaatsen, te dupliceren of te verbergen; die staat in de gratis thema’s van Shopify standaard aan.

Begin bij de pagina’s waar bezoekers het vaakst landen (meer over het runnen van je winkel staat bij winkel runnen): de homepage, de collectiepagina en de productpagina. Je kiest de pagina bovenaan de themabewerker in de vervolgkeuzelijst.

Thema-instellingen

Kleuren en lettertypen stel je één keer in bij de thema-instellingen. Die gelden voor de hele winkel, dus een kleur die je daar wijzigt, verandert overal mee waar het thema die kleur gebruikt. Dat houdt de winkel consistent.

Templates

Wil je één product of collectie anders tonen, bijvoorbeeld een cadeaubon met een andere indeling, dan maak je een extra template op basis van de bestaande en wijs je dat template toe aan dat product. De standaardtemplate voor alle andere producten blijft dan zoals hij is.

Apps in je thema

Apps die iets op je winkel tonen, zoals een chatknop, reviews of een pop-up, zet je aan bij App-embeds in de themabewerker of voeg je als blok toe aan een sectie. De instellingen van app-embeds gaan mee bij een thema-update. Werkt een app niet op je winkel, kijk dan eerst of de embed aanstaat.

Ontwerpkeuzes die bezoekers afschrikken, staan in UX-fouten in Shopify-winkels.

Een blok laten maken door Sidekick

Mist je thema een blok dat je zoekt, dan kan Sidekick er een genereren. Open de themabewerker, klik op een sectie, kies Blok toevoegen en daarna Genereren; beschrijf in minstens vijf woorden wat het blok moet doen. Je krijgt een voorbeeld en kiest met Behouden of je het houdt.

Volgens het Helpcentrum (gelezen op 31 oktober 2026) werkt dit op de proefperiode en de abonnementen Basic, Grow, Advanced en Plus, niet op Starter, en alleen in thema’s uit de Theme Store of gekochte thema’s van derden, niet in oudere thema’s. Shopify waarschuwt dat de gegenereerde code fouten kan bevatten of niet aan toegankelijkheids- en prestatienormen voldoet, en de klantenservice lost geen problemen met die code op. Bekijk het blok dus op mobiel en desktop voordat je publiceert. Sidekick is eind oktober 2026 vernieuwd; controleer de voorwaarden in je eigen beheercentrum.

Thema-updates en code

Als er een nieuwe versie van je thema is, voegt Shopify een bijgewerkte kopie toe aan je conceptthema’s. Volgens de Helpcentrumpagina over thema’s bijwerken gaan daarbij mee: thema-instellingen, secties en blokken die je hebt toegevoegd, verplaatst of verborgen, hun instellingen, nieuwe templates en de instellingen van app-embeds. Wat verloren kan gaan: codewijzigingen die botsen met de nieuwe versie, en code die een app in je thema heeft gezet. In dat geval meldt Shopify dat codewijzigingen niet konden worden overgenomen, en moet je ze met de hand opnieuw invoeren.

Dat is de praktische reden om zoveel mogelijk in de themabewerker te doen. Heb je toch iets nodig wat alleen met code kan, noteer dan precies welke bestanden je hebt gewijzigd, zodat je ze na een update terugvindt.