Redigera temakod

Varning

Alla dina kodändringar tas bort i den uppdaterade kopian om ändringar som du har gjort i ett temas kod är inkompatibla med en temauppdatering. Du bör bara redigera temats kod om du inte kan göra de ändringar du behöver genom att använda en Shopify-app eller genom att använda temaredigeraren.

Du kan redigera din temakod för att göra detaljerade ändringar i din webbutik. De flesta filerna som utgör ett tema innehåller Liquid, Shopifys mallspråk. Temafiler innehåller också HTML, CSS, JSON och JavaScript. Redigera inte koden för ett tema om du inte känner till HTML och CSS eller har en grundläggande kunskap om Liquid.

Få din verksamhet att växa

Om du vill lägga till anpassade funktioner eller koder men inte har erfarenhet av att utveckla webbplatser med HTML, CSS och JavaScript kan du överväga att anlita en Shopify partner.

Innan du anpassar ditt tema

Förbered dig för att anpassa ditt tema genom att slutföra följande rekommenderade uppgifter:

• Duplicera ditt tema för att skapa en säkerhetskopia. Detta gör det enkelt att ta bort dina ändringar och börja om igen om du behöver göra det.
• Se till att du förstår vilken supportnivå som finns tillgänglig.
• Läs om kraven och bästa praxis för att ladda upp bilder.

Redigera din temakod

Du kan redigera koden för ditt tema.

Steg:

Dator

1. Från din Shopify-admin går du till Webbshop > Teman.
2. Klicka på ... > Redigera kod.

iPhone

1. Från Shopify-appen trycker du på knappen ….
2. Tryck på Webbshop i avsnittet Försäljningskanaler.
3. Tryck på Hantera teman.
4. Klicka på ... > Redigera kod.

Android

1. Från Shopify-appen trycker du på knappen ….
2. Tryck på Webbshop i avsnittet Försäljningskanaler.
3. Tryck på Hantera teman.
4. Klicka på ... > Redigera kod.

Kodredigeraren visar en katalog med temafiler till vänster och en yta för att se och redigera filerna till höger.

När du klickar på en fil i katalogen till vänster så kommer den att öppnas i kodredigeraren. Du kan öppna och redigera flera filer samtidigt. Alla filer som du redigerar kommer att visa en punkt intill filnamnet:

Detta kan hjälpa dig att hålla reda på var du har gjort ändringar.

Återställa till en äldre version av ditt tema

Om du har ändrat temafiler och behöver återställa dem kan du återställa .liquid-filer individuellt till en tid och ett datum innan du gjorde ändringarna.

Observera

Filer som finns i mappen Tillgångar i Kodredigeraren, inklusive filerna theme.scss.liquid och theme.js, sparar inte tidigare redigerade versioner. Om du gör ändringar i filer i mappen Tillgångar kan du behöva kontakta Temasupporten eller anlita en Shopify partner.

Steg:

Dator

1. Från din Shopify-admin går du till Webbshop > Teman.
2. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
3. Under rubriken Mallar klickar du på en av .liquid -filerna som du nyligen har redigerat.
4. Klicka på Aktuell version under filnamnet .liquid.
5. Klicka på rullgardinsmenyn för att välja en äldre version. Om du klickar på en datumstämpel kommer koden återställas till den sparade versionen.
6. Valfritt: Klicka på Förhandsgranska butik för att verifiera att felet åtgärdades.

iPhone

1. Från Shopify-appen trycker du på knappen ….
2. Tryck på Webbshop i avsnittet Försäljningskanaler.
3. Tryck på Hantera teman.
4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
5. Under rubriken Mallar klickar du på en av .liquid -filerna som du nyligen har redigerat.
6. Klicka på Aktuell version under filnamnet .liquid.
7. Klicka på rullgardinsmenyn för att välja en äldre version. Om du klickar på en datumstämpel kommer koden återställas till den sparade versionen.
8. Valfritt: Klicka på Förhandsgranska butik för att verifiera att felet åtgärdades.

Android

1. Från Shopify-appen trycker du på knappen ….
2. Tryck på Webbshop i avsnittet Försäljningskanaler.
3. Tryck på Hantera teman.
4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
5. Under rubriken Mallar klickar du på en av .liquid -filerna som du nyligen har redigerat.
6. Klicka på Aktuell version under filnamnet .liquid.
7. Klicka på rullgardinsmenyn för att välja en äldre version. Om du klickar på en datumstämpel kommer koden återställas till den sparade versionen.
8. Valfritt: Klicka på Förhandsgranska butik för att verifiera att felet åtgärdades.

Temakontroll

Kodredigeraren inkluderar Theme Check, en funktion som hjälper till att förhindra fel genom att ge omedelbar feedback när koden skrivs, i stället för att upptäcka fel i ditt livetema.

I kodredigeraren kan Theme Check identifiera följande fel i redigerad kod:

• Analysblockeringsskript, vilket kan sakta ner ett skyltfönster
• Skillnader mellan språkzonsfiler, till exempel saknade översättningsnycklar eller översättningar som inte matchar i en lokal fil
• Saknade mallar

En felaktig kod har en röd understrykning. Du kan se felet genom att föra muspekaren över den markerade linjen.

Handledning för anpassning av temakod

Du kan ta hjälp av handledningar för anpassning av temakod för att redigera din webbutik. Handledningarna är organiserade utifrån vilken typ av sida eller funktion de redigerar.

Handledningar för temaanpassning delas upp av den version av temaarkitektur som de använder. Lär dig hur du identifierar din version av temaarkitektur.

• Anpassning av tema för Online Store 2.0
• Anpassning av vintagetema

Få hjälp med anpassningar

Om du behöver hjälp med att göra ändringar i ditt tema kan du kontakta utvecklaren för ditt tema för att få hjälp.

Om du vill se vilka andra resurser som finns tillgängliga för att hjälpa dig med temaanpassningar, se Ytterligare resurser för temastöd.