Shopify thema aanpassen: alles wat je zonder code kunt wijzigen

De meeste mensen gebruiken maar een fractie van wat hun Shopify thema kan. Zonde, want in de theme editor pas je vrijwel alles aan zonder één regel code. Hieronder loop ik de editor van boven naar beneden door, met de instellingen die daadwerkelijk verschil maken op je omzet.

1. De theme editor openen

Ga naar Online Store → Themes en klik op Customize bij het thema dat je wilt aanpassen. Werk bij grote wijzigingen altijd in een duplicaat: klik op ⋯ → Duplicate en pas de kopie aan. Je live shop blijft dan ongemoeid tot je publiceert.

2. Kleuren, lettertypes en knoppen

• Theme settings → Colors: stel je kleurschema's in. Werk met een lichte en een donkere set, zodat secties kunnen afwisselen.
• Theme settings → Typography: kies één lettertype voor koppen en één voor tekst. Meer lettertypes maakt je shop rommelig en trager.
• Theme settings → Buttons: rond of hoekig, gevuld of omlijnd. Hou je koopknop consequent in één opvallende kleur.
• Theme settings → Logo: upload een PNG met transparante achtergrond en stel de maximale breedte in.

3. Secties toevoegen en verslepen

Elke pagina is opgebouwd uit secties, en elke sectie uit blokken. In de linkerkolom voeg je een sectie toe met Add section, en met slepen bepaal je de volgorde. Verwijderen hoeft niet: met het oogje zet je een sectie tijdelijk verborgen, zodat je hem later terug kunt halen zonder je instellingen kwijt te raken.

Verbergen in plaats van verwijderen: zo test je een sectie zonder je instellingen kwijt te raken.

4. Je productpagina herbouwen

Dit is de pagina waar je geld verdient. In een modern thema is ook de koopzone opgebouwd uit blokken: titel, prijs, varianten, koopknop, maattabel, bundelkorting, trustbadges en verzendbelofte. Sleep ze in de volgorde die jouw bezoeker nodig heeft. Een beproefde volgorde: titel, prijs, varianten, maattabel, koopknop, verzendbelofte, trustbadges, bundelkorting, omschrijving.

• Zet informatie die twijfel wegneemt boven de vouw: levertijd, retourtermijn en betaalmethodes.
• Gebruik echte productvideo's tussen je foto's — beweging verkoopt beter dan een stilstaande foto.
• Hou het aantal blokken beperkt: elke extra sectie kost aandacht en laadtijd.

5. Mobiel apart controleren

Boven in de editor schakel je met het telefoonicoontje naar mobiele weergave. Veel thema's hebben aparte instellingen voor mobiel: aantal kolommen, beeldhoogte en of een sticky koopknop meeloopt bij het scrollen. Omdat het grootste deel van je advertentietraffic mobiel is, is dit geen extra stap maar de belangrijkste.

6. Een aparte indeling voor één pagina

Wil je één product anders opbouwen dan de rest? Klik bovenin de editor op de paginakiezer, kies Products → Create template en geef het een naam. Vervolgens koppel je dat template in je productbeheer onder Theme template aan het betreffende product. Zo test je een nieuwe indeling zonder je andere producten aan te raken.

Wanneer heb je wél code nodig?

• Een compleet nieuw sectietype dat je thema niet meelevert.
• Een koppeling met een externe dienst die geen app of embed heeft.
• Kleine visuele correcties: veel thema's hebben een veld voor eigen CSS, dat is veiliger dan in de bestanden knippen.

Ga je toch in de code, maak dan eerst een duplicaat van je thema. Zo kun je altijd terug naar de werkende versie.

Veelgemaakte fouten bij aanpassen

• Aanpassen in het live thema in plaats van in een duplicaat.
• Tien secties op de homepage zetten en de productpagina ongemoeid laten.
• Alleen op desktop controleren.
• Code van verwijderde apps laten staan in theme.liquid.