Een Shopify-thema bewerken zonder uw winkel kapot te maken
Een Shopify-thema bewerken
Een Shopify-thema veilig bewerken: editor, secties, code | We.Inc
Bewerk uw Shopify-thema zonder de live winkel te breken: eerst dupliceren, secties en blokken gebruiken in de thema-editor, en code alleen aanraken met een back-up.
Dupliceer eerst het thema zodat u een back-up hebt, open dan de kopie in de thema-editor en wijzig secties, blokken en thema-instellingen zonder code. Bekijk een voorbeeld en publiceer pas als het er goed uitziet. Gebruik Code bewerken alleen voor wijzigingen die de editor niet kan maken, en kopieer elk bestand voordat u het aanpast.
Manieren om een Shopify-thema te wijzigen, de veiligste eerst
Methode
Wat u wijzigt
Code nodig?
Thema-instellingen
Kleuren, lettertypen, knoppen en andere stijlen voor de hele winkel
Nee
Secties en blokken
Wat er op elke pagina staat en in welke volgorde
Nee
Code bewerken
Liquid-, CSS- en JavaScript-bestanden van het thema
Ja
Lokale ontwikkeling
Het hele thema, met versiebeheer
Ja
Met de thema-editor van Shopify deelt u uw winkel opnieuw in zonder code aan te raken, en de meeste eigenaren hebben nooit meer nodig. Loop de checklist hieronder op volgorde door. Bij elke stap houdt u een veilige kopie, zodat een slechte wijziging u een minuut kost in plaats van een verloren weekend.
Ga in uw beheeromgeving naar Online winkel, open het actiemenu van uw thema en klik op Dupliceren.
Klik op Aanpassen bij de kopie, niet bij het live thema, om de thema-editor te openen.
Voeg secties en blokken toe, verberg, herschik of verwijder ze, en stel stijlen voor de hele winkel in bij de thema-instellingen.
Bekijk een voorbeeld van de kopie en publiceer die als u tevreden bent. Het oude thema blijft als terugvaloptie in uw bibliotheek.
Verberg een sectie in plaats van haar te verwijderen als u twijfelt. Een verborgen sectie bewaart haar inhoud voor later.
Elke template kan tot 25 secties bevatten, en in totaal tot 1250 blokken, dus erg lange pagina's moeten worden ingekort.
Als een thema-update botst met code die u hebt gewijzigd, waarschuwt Shopify dat uw codewijzigingen in de bijgewerkte kopie verdwijnen. Houd aantekeningen bij van elke bewerking.
In de thema-editor ziet u de ontwikkelaar en het versienummer van uw thema, wat helpt als u contact opneemt met support.
Veelgestelde vragen
Verandert het bewerken van mijn thema meteen de live winkel?
Bewerkingen aan het gepubliceerde thema gaan live zodra u opslaat. Het bewerken van een ongepubliceerd duplicaat verandert niets voor klanten tot u die kopie publiceert.
Wat is het verschil tussen een sectie en een blok?
Een sectie is een deel van een pagina over de volle breedte, zoals een diavoorstelling of een uitgelichte collectie. Blokken zijn de kleinere onderdelen daarbinnen, zoals een kop, een knop of een afbeelding.
Hoe maak ik een codewijziging ongedaan?
In de code-editor kan de tijdlijnweergave van een bestand een oudere versie terugzetten. Shopify merkt op dat de tijdlijngeschiedenis beperkt is en dat terugzetten het hele bestand vervangt, dus kopieer eerst alles wat u wilt bewaren.
Kan Shopify Support mijn thema voor mij bewerken?
Bij thema's die Shopify zelf heeft gemaakt, kan support helpen met bepaalde vooraf vastgelegde aanpassingen, maar schrijft geen eigen code. Vraag het bij een betaald thema aan de ontwikkelaar ervan, of schakel een Shopify Partner in voor maatwerk.
Hoeveel kopieën van een thema kan ik bewaren?
Winkels met een Basic-, Grow- of Advanced-abonnement kunnen tot 20 thema's bewaren. Bereikt u die grens, dan moet u er een verwijderen voordat u een ander dupliceert.
Wanneer u Code bewerken opent
Shopify raadt aan themacode alleen te bewerken als u HTML en CSS kent en een basisbegrip hebt van Liquid, de templatetaal van Shopify. Typische redenen zijn een kleine stijlaanpassing die de instellingen niet bieden, of een fragment dat een app u laat plakken.
Kopieer vóór het opslaan het oorspronkelijke bestand naar een tekstbestand op uw computer. Dat geeft u een tweede vangnet naast de eigen tijdlijn van Shopify.
Waarom het duplicaat ertoe doet
Een kopie verschijnt in uw themabibliotheek als Kopie van plus de oorspronkelijke naam. Geef haar een duidelijke naam, zoals de datum en wat u hebt gewijzigd, zodat u versies later uit elkaar kunt houden.
Een kopie publiceren is omkeerbaar: het vorige thema staat nog in de bibliotheek, en u kunt het opnieuw publiceren als de verkoop daalt of iets er kapot uitziet.
Wat de editor voor u opslaat
Elk paginatype in een modern thema is een JSON-template: een lijst met secties, hun instellingen en hun volgorde. De thema-editor schrijft dit bestand wanneer u dingen versleept, en daarom hoeft u het zelden met de hand te bewerken.
Een kleine template voor een productpagina
Het sections-object bevat elke sectie en haar instellingen; order is de lijst die Shopify van boven naar beneden rendert.
Checklist voor veilig bewerken
{n} van {v} stappen klaar
Opnieuw beginnen
Alle stappen klaar. Uw oude thema staat nog in de bibliotheek als u het nodig hebt.
Dupliceer het live thema vanuit Online winkel
Geef de kopie een nieuwe naam zodat u haar herkent
Open de kopie met Aanpassen
Stel kleuren, lettertypen en knoppen in bij de thema-instellingen
Voeg secties en blokken toe, verberg of herschik ze
Bekijk een voorbeeld op een telefoon en op een computer