Tilpas din webshop ved hjælp af temaeditoren
Du kan bruge temaeditoren til at tilpasse områderne i dit tema, såsom farver, og administrere indhold i dit tema med sektioner og blokke. Temaeditoren har følgende afsnit:
- Menubjælken viser værktøjer, som du kan brge til at finde flere oplysninger om dit tema, gå til forskellige skabeloner i dit tema, såsom produktsider, justere skærmstørrelsesvisningen og administrere dine tilpasningshandlinger.
- Sidebjælkemenuen viser en trævisning af alt indholdet for skabelonen, som du i øjeblikket ser i sidebjælken. Du kan administrere afsnit, blokke og indstillinger fra sidebjælkemenuen.
- Forhåndsvisningsvinduet viser dit tema og opdateres automatisk, når du foretager ændringer. Du kan vælge forskellige visningsmuligheder i menubjælken for at få vist dit tema på computer- eller mobillayout. Du kan også aktivere preview inspector for at administrere indholdet til en temaskabelon i forhåndsvisningsvinduet.
På denne side
- Tilgå temaeditoren
- Menubjælke
- Visning af dokumentation, få support og kontrol af din temaversion
- Få hjælp til tilpasninger
- Brug af tastaturgenveje i temaeditoren
- Skabeloner
- Forhåndsvisning af skabeloner med specifikke ressourcer
- Preview Inspector
- Visning af forskellige skærmstørrelser i temaeditoren
- Sidebjælkemenu
- Afsnit og blokke
Tilgå temaeditoren
Du kan få adgang til temaeditoren fra din Shopify-administrator.
Gå til Webshop > Temaer i din Shopify-administrator.
Klik på Tilpas ud for det tema, du vil redigere.
Menubjælke
Menubjælken indeholder oplysninger om dit tema, menuer for at få adgang til flere oplysninger og forskellige områder af dit tema samt kontroller til at tilpasse dit tema.
Menubjælken viser følgende yderligere oplysninger og navigationsmuligheder:
- Brug knappen
for at vende tilbage til din Shopify-administrator. - Gennemgå navnet på dit tema.
- Gennemgå status for dit tema. Dit udgivede tema viser statussen for Live-label. Ikke udgivet tema viser statussen for Kladde-label.
- Brug den
menu for at få adgang til følgende yderligere muligheder:
- Brug 
Rediger kode for at åbne kodeeditoren.
- Brug 
Rediger standardtemaindhold til at redigere standardteksten i dit tema.
- Brug 
for at åbne en forhåndsvisning af dit tema.
- Brug 
Se dokumentation for at åbne dit temas dokumentation.
- Brug 
til at gennemgå alle de tilgængelige tastaturgenveje til temaeditoren.
- Brug 
Få support for at få support.
Du kan få adgang til forskellige skabeloner og markedslayout med følgende menuer:
Du kan bruge følgende kontroller i menubjælken til at tilpasse dit tema:
- Aktiver eller deaktiver Sidekick.
- Aktivér eller deaktivér preview inspector.
- Skift skærmstørrelsen med skærmstørrelseskontrollerne.
- Administrer din aktuelle tilpasningssession med fortryd- og annuller fortryd-kontrollerne.
- Brug knappen Gem til at gemme dine ændringer.
Visning af dokumentation, få support og kontrol af din temaversion
Du kan se tilgængelige oplysninger om dit tema, såsom temaversion og udvikleroplysninger, og links til dit temas dokumentation og supportoplysninger i den menu i menubjælken.
Få hjælp til tilpasninger
Hvis du har brug for hjælp til at foretage ændringer i dit tema, kan du kontakte udvikleren af temaet for at få hjælp.
Se de andre ressourcer, der kan hjælpe dig med tilpasning af temaer, i Yderligere ressourcer til support til temaer.
Brug af tastaturgenveje i temaeditoren
Du kan bruge tastaturgenveje til at navigere og udføre handlinger i temaeditoren.
| Kategori | Handling | Genvej for Windows | Genvej for macOS |
|---|---|---|---|
| Generelt | Fortryd |
Ctrl + Z
|
⌘ + Z
|
| Annuller fortryd |
Ctrl + Y
|
⌘ + Y
| |
| Gem |
Ctrl + S
|
⌘ + ⇧ + S
| |
| Se alle genveje |
Ctrl + /
|
⌘ + /
| |
| Værktøjer | Preview Inspector |
Ctrl + Skift + |
|
⌘ + ⇧ + |
|
| Forhåndsvisningstilstand |
⊞ + Ctrl + |
|
⌘ + ⌃ + |
| |
| Sidekick |
Ctrl + .
|
⌘ + .
| |
| Navigation | Afsnit |
⊞ + Ctrl + Z
|
⌘ + ⌃ + 1
|
| Temaindstillinger |
⊞ + Ctrl + Z
|
⌘ + ⌃ + 2
| |
| Appindlejringer |
⊞ + Ctrl + Z
|
⌘ + ⌃ + 3
| |
| Afsnit og blokke | Skjul og vis |
Ctrl + Skift + H
|
⌘ + ⇧ + H
|
| Fjern |
Skift + ⭠
|
⇧ + ⌫
| |
| Vælg forrige |
Skift + ←
|
⇧ + ▲
| |
| Vælg næste |
Skift + →
|
⇧ + ▼
| |
| Åbn valgte element |
Skift + Enter
|
⇧ + ▼
| |
| Udvid alle sektioner |
Ctrl + Skift + O
|
⌘ + ⇧ + O
| |
| Skjul alle sektioner |
Ctrl + Skift + P
|
⌘ + ⇧ + P
|
Skabeloner
Du kan få adgang til alle dit temas skabeloner fra sidevælgeren i den øverste linje i temaeditoren.
Hvis du bruger et Online Store 2.0-tema, kan du også oprette en ny skabelon direkte fra sidevælgeren ved at klikke på valgmuligheden Ny skabelon.
Forhåndsvisning af skabeloner med specifikke ressourcer
Du kan få forhåndsvist, hvordan din skabelon vises sammen med en hvilken som helst kompatibel ressource i din butik. Hvis du f.eks. får vist en produktskabelon, kan du teste den med et hvilket som helst produkt i din butik.
Du skal stadig knytte skabelonen til ressourcen i Shopify-administratoren.
Du kan også søge efter skabeloner og ressourcer ved hjælp af søgelinjen i sidevælgeren, i værktøjet Tilføj afsnit eller Tilføj blok eller i Appindlejringer.
Trin:
Gå til Webshop > Temaer i din Shopify-administrator.
Klik på Tilpas ud for det tema, du vil redigere.
Vælg den skabelon, du vil have forhåndsvist, i menuen Skabelon.
Fra sidebjælkemenuen i afsnittet Forhåndsvisning skal du klikke på Skift.
Vælg den ressource, du vil have en forhåndsvisning af, i menuen Vælg.
Preview Inspector
Preview Inspector giver dig mulighed for at navigere til afsnit og blokke direkte fra forhåndsvisningsvinduet og finde de tilsvarende indstillinger hurtigere og mere intuitivt. Med Preview Inspector kan du omarrangere, skjule eller duplikere afsnit og blokke direkte fra dit forhåndsvisningsvindue.
Preview Inspector er tilgængelig for alle gratis Shopify-temaer og er aktiveret som standard. Du kan klikke på knappen
for at slå Preview Inspector til og fra under din redigeringssession.
Når Preview Inspector er aktiveret, kan du klikke på et vilkårligt, skitseret element for at åbne den tilsvarende indstilling. Når Preview Inspector er aktiveret på en mobilenhed, kan du klikke på et hvilket som helst element for at vælge den tilsvarende indstilling. Du kan åbne det nederste regneark for at foretage ændringer via denne valgte indstilling.
Preview Inspector viser en af de følgende to kanter omkring de afsnit og blokke, der kan klikkes på i forhåndsvisningsvinduet:
- Den ubrudte blå linje angiver det aktive afsnit. Den tilsvarende indstilling i menuen i sidepanelet er fremhævet med gråt.
- Den punkterede blå linje angiver den tilknyttede blok for afsnittet. Du kan klikke på elementer i forhåndsvisningsvinduet for at åbne indstillingerne for blokken eller afsnittet.
Hvis du klikker på en hvilken som helst del af dit website i vinduet til forhåndsvisning, indlæses de tilsvarende indstillinger i sidebjælken. Tryk to gange på en mobilenhed, og naviger rundt på websitet, som en kunde ville gøre.
Tilføj afsnit og blokke i Preview Inspector
Når du bruger preview inspector, kan du tilføje afsnit og blokke til dit tema direkte fra forhåndsvisningsvinduet. For at bruge preview inspector fra Shopify-appen skal du trykke længe på et afsnit for at administrere afsnittet.
| Værktøj | Beskrivelse |
|---|---|
| Tilføj afsnit | Knappen Tilføj afsnit vises øverst og nederst i det valgte afsnit. Klik på knappen Tilføj afsnit for at indsætte et nyt afsnit under eller over det valgte afsnit. |
| Tilføj blok | Knappen Tilføj blok vises, når du holder markøren over en eksisterende blok. For at tilføje en blok skal du flytte markøren over knappen  . Der vises en pop op-menu med de tema- og appblokke, som du kan føje til det valgte afsnit. Klik på den blok, du vil tilføje. Indstillingsvinduet for den nye blok indlæses i det højre sidepanel.
|
Preview Inspector-værktøjer
Du kan flytte, skjule, duplikere eller slette afsnit og blokke i temaeditoren ved hjælp af Preview Inspector.
| Værktøj | Handling | Beskrivelse |
|---|---|---|
 | Flyt til forrige placering | Klik på denne knap for at flytte et afsnit eller en blok til den næste placering eller den tidligere placering ved hjælp af pileikonerne i preview inspector. Hvis det valgte afsnit er øverst på din side, så er knappen nedtonet. Og på samme måde gælder det, hvis dit afsnit er nederst på din side, så kan du ikke bruge knappen  . |
| . | Flyt til næste placering | |
 . | Dupliker afsnit eller blok | Klik på denne knap for at duplikere et afsnit eller en blok med indhold. |
 | Skjul afsnit eller blok | Klik på denne knap for at skjule et afsnit eller en blok. Når et afsnit eller en blok er skjult, vil du ikke være i stand til at vise det igen fra preview inspector. Du kan enten klikke på knappen  i menubjælken eller klikke på knappen i sidebjælkemenuen ved siden af afsnittet eller blokken for at vise den. |
 | Slet afsnit eller blok | Denne knap sletter det valgte afsnit eller blok i preview inspector. |
Visning af forskellige skærmstørrelser i temaeditoren
Du kan se forskellige skærmstørrelser i din temaeditor. Du kan ændre temaeditoren til at vise størrelse på computer, mobil eller fuld skærm for at sikre, at dine temaredigeringer er optimale til forskellige skærmstørrelser og for at tjekke alternativt layout til computer og mobil. Klik på følgende knapper i menubjælken for at ændre skærmstørrelsen:
- Klik på
til computer. - Klik på
til mobil. - Klik på
til fuld skærm.
Sådan fortrydes og annulleres fortryd
Du kan bruge knapperne og 
for at fortryde eller annullere fortryd af ikke-gemte tilpasninger. Når du har gemt dine ændringer, kan du ikke længere fortryde eller annullere fortryd.
Hvis der ikke er nogen ikke-gemte tilpasninger til at annullere fortryd, fortryde eller begge dele, så er den tilsvarende knap nedtonet.
Sidebjælkemenu
Menuen i sidepanelet viser en trævisning af alt indhold for den skabelon, som du i øjeblikket får vist i sidepanelet. Du kan administrere afsnit, blokke og indstillinger fra menuen i sidepanelet.
Sidebjælketilstande
Temaeditoren har to tilstande, du kan bruge til at udnytte hele pladsen på din skærm.
Dobbelt sidebjælketilstand er til bredere browservinduer og større skærme, og enkelt sidebjælketilstand er til smallere browservinduer og mindre skærme. Sidebjælketilstanden bestemmer, hvor indstillingspanelet vises i editoren.
Dobbelt sidebjælketilstand
Hvis du har en skærm, der er større end 1600 pixels bred, og dit browservindue er fuldt udvidet, eller dit browservindue er udvidet til at være mindst 1600 pixels bredt, vil du have to sidebjælker. Sidebjælken i venstre side indeholder navigationspanelet, og sidebjælken i højre side indeholder indstillingspanelet.
Hvis du vil se temaeditoren i en tilstand med et enkelt sidepanel på en stor skærm, skal du gøre dit browservindue smallere, indtil indstillingspanelet befinder sig over navigationssidepanelet, eller det forsvinder.
Enkelt sidebjælketilstand
Smalle browsere har kun én sidebjælke for at få plads til forhåndsvisningen af temaet. Når du klikker på et afsnit eller en blok for at redigere, åbnes indstillingspanelet oven på navigationspanelet i sidebjælken.
Afsnit og blokke
Alle blokkene for afsnittene på en side vises som standard på listen over afsnit og blokke.
Afsnit, der udgør sidehoved eller sidefod, er skjult som standard. Du kan klikke på 
ud for et afsnitsnavn for at få vist indholdet.
Afsnitsgrupper
Afsnit er grupperet i følgende områder for hver sideskabelon i dit tema:
- Området Sidehoved omfatter dit sidehoved, din meddelelseslinje og eventuelle apps eller din tilpassede Liquid.
- Området Skabelon omfatter afsnit, der udgør hoveddelen af din side. Skabelonafsnittene kan f.eks. indeholde blogopslag, collager, kollektionslister eller tilpasset Liquid.
- Området Sidefod omfatter din sidefod, tilmelding med mail samt eventuelle apps eller tilpasset Liquid.
Dit sidehoved og din sidefod deles på tværs af alle din webshops sider. Hvis du f.eks. tilføjer en tilpasset Liquid-blok i sidehovedet, vises denne tilpassede Liquid på alle dine produktsider, på din startside og på alle andre sider.
Udvid og skjul afsnit og blokke
Udvid en afsnitsnode ved hjælp af knappen for at se afsnittets blokke, eller skjul afsnittets blokke ved hjælp af knappen
. Du kan klikke på alle afsnit eller blokke for at se deres indstillinger.
Flytning af afsnit og blokke
Du kan flytte et afsnit eller en blok fra ét område på siden til et andet område ved at bruge knappen
til at klikke på og trække afsnittet eller blokken og derefter slippe det til en anden tilgængelig placering.
Hvis du forsøger at flytte et afsnit eller en blok, hvor det ikke er tilladt, rulles afsnittet eller blokken tilbage til den oprindelige placering.
Fjernelse af afsnit og blokke
Du kan fjerne et afsnit eller en blok fra en skabelon på en af følgende to måder:
Flyt markøren ud for afsnitsnavnet, og klik derefter på
: 
Klik på afsnitsnavnet, og klik derefter på Fjern afsnit i afsnittet indstillingsoplysninger:
Trin:
Gå til Webshop > Temaer i din Shopify-administrator.
Klik på Tilpas ud for det tema, du vil redigere.
Klik på det afsnit eller den blok, du vil fjerne, i sidebjælken i temaeditoren.
Klik på Fjern afsnit eller Fjern blok.
Klik på Gem. Hvis du redigerer et udgivet tema, skal du klikke på Udgiv for at gemme dine ændringer og gøre dem live i din butik.
Skjul afsnit og blokke
Du kan skjule et hvilket som helst afsnit eller en hvilken som helst blok ved hjælp knappen:
