Oversigt over funktioner i temaeditoren

Du kan bruge temaeditoren til at tilpasse områder i dit tema, f.eks. farver, og til at administrere indhold ved hjælp af afsnit og blokke.

Adgang til temaeditoren

Du kan få adgang til temaeditoren fra din Shopify-administrator.

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Klik på Tilpas ved siden af det tema, du vil redigere.

Layoutafsnit i temaeditoren

Temaeditoren har følgende afsnit:

  • Menulinjen indeholder navigationsknapper til venstre, så du kan skifte mellem afsnit, temaindstillinger og app-indlejringer. I midten finder du temanavn samt menuer for marked og skabelon, og til højre er der betjeningselementer til tilpasning.
  • Sidepanelet viser en træstruktur over alt indhold for den skabelon, du aktuelt ser. Du kan administrere afsnit og blokke, app-indlejringer og indstillinger fra sidepanelet. Sidepanelet kan skjules.
  • Vinduet for forhåndsvisning viser dit tema og opdateres automatisk, når du foretager ændringer. Du kan aktivere en forhåndsvisning for mobilenheder eller bruge værktøjet til forhåndsvisning til at administrere indholdet i en temaskabelon fra vinduet til forhåndsvisning.

Menulinjen viser navigation, temaoplysninger og betjeningselementer til tilpasning af dit tema.

Menulinjen viser temaoplysninger og knapper til at administrere tilpasning af temaet.

Temadetaljer og handlinger på menulinjen for temaeditoren

I venstre side af menulinjen kan du skifte mellem følgende visninger i sidepanelet:

  • Afsnit for at administrere afsnittene og blokkene i din aktuelle skabelon.
  • Temaindstillinger for at administrere dit temas globale indstillinger, såsom farver, typografi og layout.
  • App-indlejringer for at administrere apps, der er integreret i dit tema.

Hvis du vil skjule sidebjælken og få en forhåndsvisning i fuld bredde af dit tema, skal du klikke på den aktive knap igen for at fravælge den. Hvis begge paneler er synlige, skjules begge paneler samtidigt, når du klikker på den aktive knap.

Menuer for temadetaljer, marked og skabelon

Menuer for temadetaljer, marked og skabelon i midten af menulinjen

I midten af menulinjen kan du finde følgende:

  • Navnet på temaet og dets status. Dit udgivne tema viser statusetiketten Live . Ikke-udgivne temaer viser statusetiketten Kladde . Klik på temanavnet for at få adgang til følgende muligheder:
  • Menuen marked for at forhåndsvise og tilpasse dit tema til forskellige markeder.
  • Menuen skabelon for at navigere mellem forskellige sideskabeloner i dit tema.

Genveje til tilpasning

Tilpasningsikoner på menulinjen i temaeditoren

Du kan bruge følgende kontrolelementer i menulinjen til at tilpasse dit tema og administrere dine ændringer:

Hvis der ikke er nogen ikke-gemte tilpasninger at gentage, fortryde eller begge dele, er den tilsvarende knap inaktiv.

Sidebjælken viser en trævisning af alt indholdet for den skabelon, du aktuelt ser. Du kan administrere afsnit og blokke samt temaindstillinger fra sidebjælken. Du kan skjule sidebjælken ved at klikke på den aktive navigationsknap på menulinjen igen for at slå den fra.

Dit tema kan have betingede indstillinger, som vises i sidebjælken afhængigt af, hvilke andre indstillinger der er aktive. Hvis dit tema f.eks. har en blok med en indstilling til at tilføje enten en video eller et billede, kan billedvælgeren eller videolinket være en betinget indstilling, som først vises, når du har valgt Billede som medietype.

Temaeditoren har to tilstande for at udnytte al pladsen på din skærm.

Tilstanden med dobbelt sidebjælke er beregnet til bredere browservinduer og større skærme, og tilstanden med enkelt sidebjælke er beregnet til smallere browservinduer og mindre skærme. Sidebjælketilstanden afgør, hvor indstillingspanelet vises i editoren.

Tilstand med dobbelt sidebjælke

Hvis dit browservindue er mindst 1600 pixels bredt, har du to paneler. Det venstre panel indeholder sidestrukturen med dine afsnit og blokke, og det højre panel indeholder indstillingerne for det valgte afsnit eller den valgte blok. Du kan skjule det højre panel ved at fjerne markeringen af afsnit.

Indstillingspanelet vises i højre side af skærmen i tilstanden med dobbelt sidebjælke.

For at få vist temaeditoren i tilstanden med enkelt sidebjælke på en stor skærm skal du gøre dit browservindue smallere, indtil editoren skifter til det stablede layout.

Tilstand med enkelt sidebjælke

På smallere skærme bruger editoren et stablet layout. Når du klikker på et afsnit eller en blok, glider indstillingspanelet op fra bunden af skærmen i stedet for at dække din sidestruktur. Du kan trække i skillelinjen for at justere fordelingen mellem sidestrukturen og indstillingerne, så begge dele altid er synlige.

Indstillingspanelet vises i et stablet layout i tilstanden med enkelt sidebjælke

Forhåndsvisning af dit tema

Du kan se en forhåndsvisning af dit temas mobillayout ved at klikke på knappen mobil på menulinjen. Klik på mobilknappen igen for at vende tilbage til forhåndsvisningen på computeren.

Hvis du vil se en forhåndsvisning af dit tema i fuld bredde, skal du klikke på den aktive knap til sidebjælkenavigation for at skjule sidebjælken. Hvis begge paneler er synlige, skjuler dette begge paneler samtidigt, hvilket giver dig en forhåndsvisning i fuld bredde af dit storefront.

Fortryd og gentag ikke-gemte ændringer

Du kan bruge knapperne fortryd og gentag til at fortryde eller gentage ikke-gemte tilpasninger. Når du har gemt dine ændringer, kan du ikke længere gentage eller fortryde.

Tastaturgenveje i temaeditoren

Du kan bruge tastaturgenveje til at navigere og udføre handlinger i temaeditoren.

Her er en liste over understøttede tastaturgenveje i temaeditoren til både Windows- og macOS-enheder.
KategoriHandlingGenvej på WindowsGenvej på macOS
Generelt FortrydCTRL + Z + Z
GentagCTRL + Y + Y
GemCTRL + S + + S
Se alle genvejeCTRL + / + /
Værktøjer ForhåndsvisningsinspektørCTRL + SHIFT + | + + |
Forhåndsvisningstilstand + CTRL + | + + |
SidekickCTRL + . + .
Navigation Sektioner + CTRL + Z + + 1
Temaindstillinger + CTRL + Z + + 2
Appindlejringer + CTRL + Z + + 3
Sektioner og blokke Skjul og visCTRL + SHIFT + H + + H
FjernSHIFT + +
Vælg forrigeSHIFT + +
Vælg næsteSHIFT + +
Åbn det valgte elementSHIFT + ENTER +
Udvid alle sektionerCTRL + SHIFT + O + + O
Skjul alle sektionerCTRL + SHIFT + P + + P