Rediger temakode

Du kan redigere din temakode for at foretage detaljerede ændringer til din webshop. De fleste af de filer, der udgør et tema, indeholder Liquid, Shopifys skabelonsprog. Temafiler indeholder også HTML, CSS, JSON og JavaScript. Rediger kun koden for et tema, hvis du kender til HTML og CSS og har en grundlæggende forståelse af Liquid.

Hvis du redigerer dit temas kode, kan dette medføre, at det ikke er kvalificeret til automatiske opgraderinger. Du bør kun redigere dit temas kode, hvis du ikke kan foretage de ønskede ændringer ved hjælp af en HTML- eller Liquid-indstilling eller ved hjælp af en Shopify-app.

Inden du tilpasser dit tema

Inden du tilpasser dit tema, er det en god ide at udføre følgende opgaver:

  • Dupliker dit tema for at oprette en sikkerhedskopi. Dette gør det nemt at afvise dine ændringer og starte igen, hvis du har brug for det.
  • Du skal være indforstået med, hvilket niveau af support der er til rådighed.
  • Lær om kravene og bedste fremgangsmåder til upload af billeder.

Rediger din temakode

Du kan redigere koden for dit tema.

Fremgangsmåde:

  1. Klik på Handlinger > Rediger kode.

Kodeeditoren viser en mappe med temafiler til venstre og til højre vises et område, hvor du kan få vist og redigere filerne.

Du kan udvide kodeeditoren, så den fylder hele skærmen, ved at klikke på ikonet Udvid:

Ikonet Udvid

Du kan gendanne siden til normal ved at klikke på ikonet Skjul:

Ikonet Skjul

Når du klikker på en fil i mappen til venstre, åbner den i kodeeditoren. Du kan åbne og redigere flere filer ad gangen. For alle filer, du redigerer, vises en prik ud for filnavnet:

Mappen temafiler med en lilla prik ud for de filer, der er blevet redigeret

Dette kan hjælpe dig til at holde styr på, hvor du har foretaget ændringer.

Rul tilbage til en ældre version af dit tema

Hvis du har ændret dine temafiler og skal gendanne dem, kan du rulle .liquid-filerne tilbage enkeltvist til et tidspunkt og en dato, som ligger før ændringstidspunktet.

  1. Klik på en af de .liquid-filer, du har redigeret for nyligt, i sidehovedet Skabeloner.

    åbn liquid-fil

  2. Klik på Ældre versioner ud for .liquid-filnavnet.

    ældre versioner

  3. Klik på rullemenuen for at vælge en ældre version. Hvis du klikker på et datostempel, rulles koden tilbage til denne gemte version.

    eksempel på tilbageføring

  4. Valgfrit: Klik på Forhåndsvisning, og se om fejlen blev rettet.

Mørk tilstand

Når kodeeditoren er udvidet til fuld skærm, kan du skifte editorens farveskema mellem Lys og Mørk ved at klikke på knapperne nederst på siden.

Se The Power of the Dark Side: Dark User Interfaces på Shopify-partnerbloggen for at få mere at vide om fordele ved at bruge den mærke editor.

Selvstudier i tilpasning af temakode

For vejledning i, hvordan du foretager ændringer til din webshop kan du følge selvstudier i tilpasning af temakode. Selvstudierne er organiseret baseret på den type af side eller funktion, de modificerer.

Vejledninger til tematilpasninger er opdelt i de forskellige arkitekturversioner, som temaerne bruger. Se, hvordan du kan identificere dit temas arkitekturversion.

Få hjælp til tilpasninger

Hvis du har brug for hjælp til at ændre dit tema, kan du kontakte dit temas udvikler for at få support.

Se de andre ressourcer, der kan hjælpe dig med tilpasning af temaer, i Yderligere ressourcer til temasupport.

Er du klar til at begynde at sælge med Shopify?

Prøv det gratis