Tilpass nettbutikken ved hjelp av temaredigeringsprogrammet

Du kan bruke temaredigeringsprogrammet til å tilpasse områdene i temaet ditt, for eksempel Colors, og administrere innhold i temaet ditt med seksjoner og blokker. Temaredigeringsprogrammet har følgende seksjoner:

  • Menylinjen viser verktøy som du kan finne mer informasjon om temaet ditt, navigere til forskjellige maler i temaet ditt, for eksempel produktside, justere skjermstørrelsen og administrere tilpasningshandlingene dine.
  • Sidefeltmenyen viser en trevisning av alt innholdet for malen du ser på i sidefeltet. Du kan administrere seksjoner, blokker og innstillinger fra sidefeltmenyen.
  • Forhåndsvisningsvinduet viser temaet ditt og oppdater automatisk når du gjør endringer. Du kan velge forskjellige visningsalternativer i menylinjen for å forhåndsvise temaet ditt på stasjonær datamaskin eller mobillayout. Du kan også aktivere forhåndsvisningsinspektøren for å administrere innholdet for en temamal i forhåndsvisningsvinduet.

Åpne temaredigeringsprogrammet

Du kan få tilgang til temaredigeringsprogrammet fra din Shopify-administrator.

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Klikk på Tilpass ved siden av temaet du vil redigere.

Menylinjen inneholder informasjon om temaet ditt, meny for å få tilgang til mer informasjon og ulike områder av temaet, og kontroller for å tilpasse temaet.

Menylinjen viser temainformasjon og knapp for å administrere tematilpasning.

Menylinjen viser følgende tilleggsinformasjon og navigasjonsalternativer:

Du kan få tilgang til forskjellige mal og merket layout med følgende meny:

Du kan bruke følgende kontroller i menylinjen for å tilpasse temaet ditt:

Vise dokumentasjon, få brukerstøtte og kontrollere temaversjonen

Du kan se tilgjengelig informasjon om temaet ditt, for eksempel temaversjon og utviklerinformasjon, samt lenker til temaets dokumentasjon og støtteinformasjon i den horisontale menyen i menylinjen.

Bruk mer-knappen for å få tilgang til temainformasjon.

Få hjelp med tilpasninger

Hvis du trenger hjelp med å gjøre endringer i temaet, kan du kontakte temautvikleren.

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

Bruke hurtigtaster i temaredigeringsprogrammet

Du kan bruke hurtigtaster for å navigere og utføre handlinger i temaredigeringsprogrammet.

Liste over støttede hurtigtaster i temaredigeringsprogrammet for både Windows- og macOS-enheter.
KategoriHandlingSnarvei i WindowsSnarvei i macOS
Generelt Angre CTRL + Z + Z
Gjør om CTRL + Y + Y
Lagre CTRL + S + + S
Se alle snarveier CTRL + / + /
Verktøy Forhåndsvisningsinspektør CTRL + SHIFT + | + + |
Forhåndsvisningsmodus + CTRL + | + + |
Sidekick CTRL + . + .
Navigasjon Seksjoner + CTRL + Z + + 1
Temainnstillinger + CTRL + Z + + 2
Appintegrasjoner + CTRL + Z + + 3
Seksjoner og blokker Skjul og vis CTRL + SHIFT + H + + H
Fjern SHIFT + +
Velg forrige SHIFT + +
Velg neste SHIFT + +
Åpne valgt element SHIFT + ENTER +
Utvid alle seksjoner CTRL + SHIFT + O + + O
Lukk alle seksjoner CTRL + SHIFT + P + + P

Maler

Nå har du tilgang til alle temamalene fra sidevelgeren i øverste linje i temaredigeringsprogrammet.

Velg en mal fra menylinjen

Hvis du bruker et Nettbutikk 2.0-tema, kan du også opprette en ny mal direkte fra sidevelgeren ved å klikke på alternativet Ny mal.

Forhåndsvise maler med spesifikke ressurser

Du kan forhåndsvise hvordan malen din vises med en hvilken som helst kompatibel ressurs i butikken din. Hvis du for eksempel ser på en produktmal kan du teste den med alle produktene i butikken.

Du må fortsatt tilordne malen til ressursen i Shopify-administrator.

Du kan også søke etter maler og ressurser med Søk-feltet i sidevelgeren, i Legg til seksjon- eller Legg til blokk-verktøyet, eller i App-integrasjoner.

Trinn:

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Klikk på Tilpass ved siden av temaet du vil redigere.

  3. Fra malmenyen velger du malen du vil forhåndsvise.

  4. Fra sidefeltmenyen, i Forhåndsvisning-delen, klikk Endre.

  5. Velg ressursen du vil forhåndsvise fra Velg-menyen.

Forhåndsvisningsinspektør

Forhåndsvisningsinspektøren lar deg navigere til deler og blokker direkte fra forhåndsvisningsvinduet, så du finner tilhørende innstillinger raskere og mer intuitivt. Med forhåndsvisningsinspektøren kan du sortere, skjule eller duplisere deler og blokker direkte fra forhåndsvisningsvinduet.

Forhåndsvisningsinspektøren er tilgjengelig for alle gratis Shopify-temaer og er aktivert som standard. Du kan klikke på forhåndsvisningsinspektør-knappen for å slå forhåndsinspektøren av eller på under redigeringsøkten.

Slå forhåndsvisningsinspektøren på eller av med veksleknappen i startlinjen

Når forhåndsvisningsinspektøren er aktivert, kan du klikke på elementer med omriss for å åpne den tilhørende innstillingen. På en mobil enhet, når forhåndsvisningsinspektøren er aktivert, kan du klikke på et element for å velge den tilhørende innstillingen. Du kan åpne det nederste arket for å gjøre endringer i denne valgte innstillingen.

Forhåndsvisningsinspektør med Bilde med tekst-seksjonen valgt og de tilhørende innstillingene som er lastet inn i sidefeltet

Forhåndsvisningsinspektøren viser ett av de følgende to omrissene rundt seksjoner og blokker som klikkes på i forhåndsvisningsvinduet:

  • Den heltrukkede blå linjen indikerer den aktive delen. Den tilsvarende innstillingen i sidefeltmenyen er uthevet i grått.
  • Den blå stiplede linjen indikerer den tilknyttede blokken for seksjonen. Du kan klikke på elementet i forhåndsvisningsvinduet for å åpne innstillingene for blokken eller seksjonen.

Hvis du klikker på en del av nettstedet i forhåndsvisningsvinduet lastes de tilhørende innstillingene inn i sidefeltet. På mobile enheter trykker du to ganger for å navigere på nettstedet som en kunde ville gjort.

Legg til seksjoner og blokker i forhåndsvisningsinspektøren

Når du bruker forhåndsvisningsinspektøren, kan du legge til seksjoner og blokker til temaet ditt direkte fra forhåndsvisningsvinduet. For å bruke forhåndsvisningsinspektøren fra Shopify-app, trykk lenge på en seksjon for å administrere seksjonen.

Alternativet Legg til seksjon i forhåndsvisningsinspektøren

Alternativet Legg til blokk i forhåndsvisningsinspektøren

Beskrivelser av Legg til deler- og Legg til blokker-knapper i forhåndsvisningsinspektøren.
VerktøyBeskrivelse
Legg til seksjonKnappen Legg til seksjon vises øverst og nederst i den valgte seksjonen. Klikk på knappen Legg til seksjon for å sette inn en ny seksjon enten over eller under den valgte seksjonen.
Legg til blokkKnappen Legg til blokk vises når du holder markøren over en eksisterende blokk. For å legge til en blokk, flytt markøren over knappen Legg til. Et popup-vindu med temaet og appblokker som kan legges til i den valgte seksjonen, vises. Klikk på blokken du vil legge til. Innstillingsvinduet for den nye blokken lastes inn i høyre sidefelt.

Verktøy for forhåndsvisningsinspektøren

Du kan flytte, skjule, duplisere eller slette deler og blokker fra temaredigeringsprogrammet med forhåndsvisningsinspektøren.

Verktøysett for forhåndsvisningsinspektør

Liste over de tilgjengelige verktøyene i forhåndsvisningsinspektøren, inkludert flytting, duplisering, skjuling og sletting av deler eller blokker.
VerktøyHandlingBeskrivelse
Flytt til forrige posisjon-knappFlytt til forrige plasseringKlikk på denne knappen for å flytte en del eller blokk til neste eller forrige posisjon ved hjelp av pilikonene i forhåndsvisningsinspektøren. Hvis den valgte delen ligger øverst på siden din, blir knappen Flytt til forrige posisjon nedtonet. På samme måte kan du ikke bruke knappen Flytt til neste posisjon dersom delen ligger nederst på siden.
Flytt til neste posisjon-knappFlytt til neste posisjon
Dupliser-knappDupliser seksjon eller blokkKlikk på denne knappen for å duplisere en seksjon eller blokk, med innhold.
skjulSkjul en seksjon eller blokkKlikk på denne knappen for å skjule en del eller blokk. Når en del eller blokk er skjult, kan du ikke velge å ikke skjule den fra forhåndsvisningsinspektøren. Du kan enten klikke på angre-knappen i menylinjen, eller klikke på skjul-knappen i sidemenyen til delen eller blokken om du vil vise den.
Slett-knappSlett en seksjon eller blokkDenne knappen sletter den valgte delen eller blokken i forhåndsvisningsinspektøren.

Viser forskjellige skjermstørrelser i temaredigeringsprogrammet

Du kan se forskjellige skjermstørrelser i ditt temaredigeringsprogram. Du kan endre temaredigeringsprogrammet til å vise stasjonær datamaskin, mobil eller fullskjermstørrelse for å sikre at temaredigeringene dine er optimale for forskjellige skjermstørrelser og for å sjekke alternativ layout for stasjonær datamaskin og mobil. Klikk på følgende knapp i menylinjen for å endre skjermstørrelsen:

  • Klikk på stasjonær datamaskin-knappen for stasjonær datamaskin.
  • Klikk på knappen mobil for mobil.
  • Klikk på knappen fullskjerm for fullskjerm.

Angre og gjøre om handlinger

Du kan bruke knappene angre og gjenta for å angre eller gjøre om på ulagrede tilpasninger. Etter at du har lagret endringene dine, kan du ikke lenger gjenta eller angre.

Hvis det ikke er noen ulagrede tilpasning for å gjenta, angre eller begge deler, er den tilsvarende knappen nedtonet.

Knappene Angre og Gjør om i menylinjen i temaredigeringsprogrammet.

Meny i sidefeltet

Sidefeltmenyen viser en trevisning av alt innhold for den malen du ser på i sidefeltet. Du kan administrere seksjoner, blokker og innstillinger fra sidefeltmenyen.

Sidefeltmodi

Temaredigeringsprogrammet har to moduser for å utnytte all tilgjengelig plass på skjermen.

Dobbelt sidefeltmodus er for brede nettleservinduer og større skjermer, mens enkelt sidefeltmodus er for smalere nettleservinduer og mindre skjermer. Sidefeltmodusen avgjør hvor innstillingspanelet vises i redigeringsprogrammet.

Dobbelt sidefeltmodus

Hvis du har en skjerm som er større enn 1600 piksler bred og nettleservinduet er utvidet helt, eller hvis nettleservinduet er utvidet til minst 1600 pikslers bredde, vil du se to sidefelt. Det venstre sidefeltet inneholder navigasjonspanelet, mens det høyre sidefeltet inneholder innstillingspanelet.

Innstillingspanelet vises på høyre side av skjermen i dobbel sidefeltmodus.

For å vise temaredigeringsprogrammet i enkel sidefeltmodus på en stor skjerm, kan du gjøre nettleservinduet smalere til innstillingspanelet flyttes over navigasjonssidefeltet eller forsvinner.

Enkelt sidefeltmodus

Smalere nettlesere har bare ett sidefelt for å spare plass til forhåndsvisning av temaet. Når du klikker på en seksjon eller blokk for å redigere den, åpnes innstillingspanelet over navigasjonspanelet i sidefeltet.

Innstillingspanelet vises som et overlegg for navigasjonspanelet i enkelt sidefeltmodus

Seksjoner og blokker

I listen over seksjoner og blokker vises alle blokkene i seksjonene på en side som standard.

Seksjoner som utgjør overskrift eller bunntekst er lukk som standard. Du kan klikke på vis mer-knappen ved siden av et seksjonsnavn for å vise innholdet.

Seksjonsgrupper

Seksjoner er gruppert i følgende områder for hver sidemal i temaet ditt:

  • Overskrift-området inkluderer overskriften, kunngjøringslinjen og eventuelle apper eller tilpasset Liquid.
  • Mal-området inkluderer seksjoner som utgjør hoveddelen av siden. Malseksjonene kan for eksempel inneholde blogginnlegg, kollasj, liste over samlinger eller tilpasset Liquid.
  • Bunntekst-området inkluderer bunnteksten, e-postregistrering og eventuelle apper eller tilpasset Liquid.

Toppteksten og bunnteksten deles på tvers av alle sider i nettbutikken. Hvis du for eksempel legger til en blokk med tilpasset Liquid i toppteksten, vil den tilpassede Liquid-koden vises på alle produktsider, startsiden og alle andre sider.

Utvid og lukk seksjoner og blokker

Utvid en seksjonsnode ved å bruke knappen utvid for å vise blokkene, eller skjul den ved å bruke knappen skjul for å skjule blokkene. Du kan klikke på en hvilken som helst seksjon eller blokk for å se innstillingene.

Utvid og lukk seksjoner for å vise blokker

Flytte seksjoner og blokker

Du kan flytte en seksjon eller en blokk fra ett område av siden til et annet ved å bruke knappen drahåndtak til å klikke og dra seksjonen eller blokken, og slippe den på en annen tilgjengelig plassering.

Hvis du forsøker å flytte en seksjon eller blokk til et sted den ikke kan legges, vil seksjonen eller blokken flyttes tilbake til den opprinnelige plasseringen.

Fjerning av seksjoner og blokker

Du kan fjerne en seksjon eller blokk fra en mal på en av følgende to måter:

  • Flytt markøren ved siden av seksjonsnavnet, og klikk deretter på slett-knappen:

    Remove a section in the template overview

  • Klikk seksjonsnavnet, og klikk deretter Fjern seksjon i seksjonsinnstillingsdetaljen:

    Remove a section using the Remove section button

Trinn:

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Klikk på Tilpass ved siden av temaet du vil redigere.

  3. Klikk på seksjonen eller blokken du vil fjerne i sidemenyen i temaredigeringsprogrammet.

  4. Klikk på Fjern seksjon eller Fjern blokk.

  5. Klikk på Lagre. Hvis du redigerer et publisert tema klikker du på Publiser for å lagre endringene og gjøre dem offentlige i butikken.

Skjule seksjoner eller blokker

Nå kan du skjule alle seksjoner eller blokker med knappen vis:

Hide a section using the hide icon

Finner du ikke svarene du leter etter? Vi er her for å hjelpe deg.