Redigere temakode

Advarsel

Hvis endringer du har gjort i temakoden ikke er kompatible med en temaoppdatering, fjernes alle kodeendringer i den oppdaterte kopien. Du bør bare redigere temakoden hvis du ikke kan gjøre endringene du har behov for ved hjelp av en Shopify-app eller ved å bruke temaredigeringsprogrammet.

Du kan redigere temakoden for å gjøre detaljerte endringer i nettbutikken. De fleste filene som utgjør et tema inneholder Liquid, som er Shopifys målspråk. Temafiler inneholder også HTML, CSS, JSON og JavaScript. Rediger kun koden for et tema hvis du er kjent med HTML og CSS og har en grunnleggende forståelse av Liquid.

Skap vekst for virksomheten din

Hvis du vil legge til tilpassede funksjoner eller kode, men ikke har erfaring med å utvikle nettsteder med HTML, CSS og JavaScript, bør du vurdere å leie inn en Shopify-partner.

Før du tilpasser temaet ditt

Fullfør følgende anbefalte oppgaver for å forberede tilpasning av temaet:

• Dupliser temaet for å opprette en sikkerhetskopi. Da blir det lettere å forkaste endringer og starte på nytt hvis det er nødvendig.
• Sørg for at du forstår hvilket brukerstøttenivå som er tilgjengelig.
• Finn ut mer om kravene og beste praksis for opplasting av bilder.

Rediger temakoden din

Du kan redigere koden til temaet.

Steg:

Datamaskin

1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
2. Klikk på … > Rediger kode.

iPhone

1. Trykk på …-knappen fra Shopify-appen.
2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
3. Trykk på Administrer temaer.
4. Klikk på … > Rediger kode.

Android

1. Trykk på …-knappen fra Shopify-appen.
2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
3. Trykk på Administrer temaer.
4. Klikk på … > Rediger kode.

Koderedigeringsprogrammet viser en katalog med temafiler til venstre og et område hvor du kan vise og redigere filene til høyre.

Når du klikker på en fil i katalogen til venstre åpnes den i koderedigeringsprogrammet. Du kan åpne og redigere flere filer samtidig. For alle filer du endrer vises det en prikk ved siden av filnavnet:

Dette kan gjøre det enklere å holde oversikt over hvor du har gjort endringer.

Rull tilbake til en eldre versjon av temaet

Hvis du har endret temafiler og har behov for å tilbakestille dem, kan du rulle tilbake .liquid-filer enkeltvis til en tid og dato før du har gjort endringene.

Merk

Filer i mappen Ressurser i redigeringsprogrammet for kode, inkludert filene theme.scss.liquid og theme.js, lagrer ikke tidligere redigerte versjoner. Hvis du gjør endringer i filer i mappen Ressurser, kan det hende du må kontakte temastøtte eller leie inn en Shopify-partner.

Steg:

Datamaskin

1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
3. Under overskriften Maler klikker du på en av .liquid- filene du nylig har redigert.
4. Klikk på Gjeldende versjon under .liquid-filnavnet.
5. Klikk på rullegardinmenyen for å velge en eldre versjon. Hvis du klikker på et datostempel, rulles koden tilbake til den lagrede versjonen.
6. Valgfritt: Klikk på Forhåndsvis butikk for å bekrefte at feilen er rettet.

iPhone

1. Trykk på …-knappen fra Shopify-appen.
2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
3. Trykk på Administrer temaer.
4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
5. Under overskriften Maler klikker du på en av .liquid- filene du nylig har redigert.
6. Klikk på Gjeldende versjon under .liquid-filnavnet.
7. Klikk på rullegardinmenyen for å velge en eldre versjon. Hvis du klikker på et datostempel, rulles koden tilbake til den lagrede versjonen.
8. Valgfritt: Klikk på Forhåndsvis butikk for å bekrefte at feilen er rettet.

Android

1. Trykk på …-knappen fra Shopify-appen.
2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
3. Trykk på Administrer temaer.
4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
5. Under overskriften Maler klikker du på en av .liquid- filene du nylig har redigert.
6. Klikk på Gjeldende versjon under .liquid-filnavnet.
7. Klikk på rullegardinmenyen for å velge en eldre versjon. Hvis du klikker på et datostempel, rulles koden tilbake til den lagrede versjonen.
8. Valgfritt: Klikk på Forhåndsvis butikk for å bekrefte at feilen er rettet.

Temasjekk

Koderedigeringsprogrammet inkluderer Temasjekk, en funksjon som bidrar til å forhindre feil ved å gi umiddelbar tilbakemelding når koden skrives, i stedet for å oppdage feil i live-temaet ditt.

I koderedigeringsprogrammet kan temakontrollen identifisere følgende feil i redigert kode:

• Parser-blokkeringsskript, som kan sinke en butikkfront
• Inkonsekvente samsvar mellom oversettelsesfiler, for eksempel manglende oversettelsesnøkler eller oversettelser som ikke samsvarer i en nasjonal innstillingsfil
• Manglende maler

Feil vises med en rød linje under koden. For å se feilen må du holde musepekeren over den fremhevede linjen.

Tilpasningsopplæringen for temakoder

Du kan følge opplæringer for temakodetilpasning for å gi deg en veiledning om hvordan du gjøre endringer i nettbutikken. Veiledningene organiseres basert på side- eller funksjonstypene de endrer.

Veiledninger for tematilpasninger avhenger av hvilken versjon av temaarkitekturen de bruker. Finn ut hvordan du identifiserer arkitekturversjonen for temaet.

• Tilpasning av Online Store 2.0-temaer
• Tilpasning av eldre temaer

Få hjelp med tilpasninger

Hvis du trenger hjelp med å foreta endringer i temaet, kan du kontakte temautvikleren for brukerstøtte.

For å se hvilke andre ressurser som er tilgjengelige for hjelp med tilpasning av tema, se Ytterligere ressurser for temastøtte.