Anpassa din webbshop med hjälp av temaredigeraren

Du kan använda temaredigeraren för att anpassa områdena i ditt tema, till exempel färger, och hantera innehåll i ditt tema med avsnitt och block. Temaredigeraren har följande avsnitt:

• Menyfältet visar verktyg där du hittar mer information om ditt tema, kan navigera till olika mallar i ditt tema, såsom produktsidor, justera skärmstorleksvisningen och hantera dina anpassningsåtgärder.
• Sidofältsmenyn visar en vy över allt innehåll för den mall du för tillfället visar i sidofältet. Du kan hantera avsnitt, block och inställningar från sidofältsmenyn.
• Förhandsgranskningsfönstret visar ditt tema och uppdateras automatiskt när du gör ändringar.g Du kan välja olika visningsalternativ i menyfältet för att förhandsgranska ditt tema i dator- eller mobillayouter. Du kan också aktivera förhandsgranskningspanelen för att hantera innehållet för en temamall i förhandsgranskningsfönstret.

Komma åt temaredigeraren

Du kan komma åt temaredigeraren från Shopify-admin.

1. Från din Shopify-admin går du till Webbshop > Teman.

2. Klicka på Anpassa bredvid det tema som du vill ändra.

Menyfält

Menyfältet innehåller information om ditt tema, menyer för tillgå mer information och olika områden av ditt tema samt reglage för att anpassa ditt tema.

Menyfältet visar följande ytterligare information och navigeringsalternativ:

• Använd knappen för att återgå till din Shopify-admin.
• Granska namnet på ditt tema.
• Granska statusen för ditt tema. Ditt publicerade tema visar statusetiketten Live. Opublicerade teman visar statusetiketten Utkast.
• Använd den menyn för att komma åt följande ytterligare alternativ: - Använd Redigera kod för att öppna kodredigeraren. - Använd Redigera standardtemainnehåll för att redigera standardformuleringen i ditt tema. - Använd för att öppna en förhandsgranskning av ditt tema. - Använd Visa dokumentation för att öppna ditt temas dokumentation. - Använd för att granska alla tillgängliga kortkommandon för temaredigeraren. - Använd Få support för att få support.

Du kan komma åt olika mallar och marknadslayouter med följande menyer:

• Menyn för marknader.
• Menyn för mallar.

Du kan använda följande reglaget i menyfältet för att anpassa ditt tema:

• Aktivera eller inaktivera Sidekick.
• Aktivera eller inaktivera förhandsgranskningspanelen.
• Ändra skärmstorleken med reglagen för skärmstorlek.
• Hantera din nuvarande anpassningssession med reglagen för att ångra och göra om.
• Använd knappen Spara för att spara dina ändringar.

Visa dokumentation, få support och kontrollera din temaversion

Tips

Om du använder ett gratistema från Shopify kan du granska detaljerade beskrivningar av dess avsnitt och inställningar genom att visa Teman av Shopify och klicka på namnet på ditt tema.

Se temats dokumentation om du vill ha mer information om betalda temans avsnitt och inställningar.

Du kan se tillgänglig information om ditt tema, såsom temaversion och utvecklarinformation, och länkar till ditt temas dokumentation och supportinformation i den menyn i menyfältet.

Få hjälp med anpassningar

Om du behöver hjälp med att göra ändringar i temat så kan du kontakta utvecklaren av temat för att få support.

Om du vill se vilka andra resurser som finns tillgängliga för att hjälpa dig med temaanpassningar, se Ytterligare resurser för temastöd.

Använd tangentbordsgenvägar i temaredigeraren

Du kan använda kortkommandon för att navigera och utföra åtgärder i temaredigeraren.

Lista över kortkommandon i temaredigeraren som stöds för både Windows- och macOS-enheter.

Kategori	Åtgärd	Genväg för Windows	Genväg för Mac OS
De allmänna	Ångra	CTRL + Z	⌘ + Z
	Gör om	CTRL + Y	⌘ + Y
	Spara	CTRL + S	⌘ + ⇧ + S
	Se alla genvägar	CTRL + /	⌘ + /
Verktyg	Förhandsgranska besiktningsman	CTRL + SKIFT + |	⌘ + ⇧ + |
	Förhandsgranskningsläge	⊞ + CTRL + |	⌘ + ⌃ + |
	Sidekick	CTRL + .	⌘ + .
Navigering	Sektioner	⊞ + CTRL + Z	⌘ + ⌃ + 1
	Temainställningar	⊞ + CTRL + Z	⌘ + ⌃ + 2
	Appinbäddningar	⊞ + CTRL + Z	⌘ + ⌃ + 3
Avsnitt och block	Dölj och visa	CTRL + SKIFT + H	⌘ + ⇧ + H
	Ta bort	SKIFT + ⭠	⇧ + ⌫
	Välj föregående	SKIFT + ←	⇧ + ▲
	Välj nästa	SKIFT + →	⇧ + ▼
	Öppna valt element	SKIFT + RETUR	⇧ + ▼
	Öppna alla avsnitt	CTRL + SKIFT + O	⌘ + ⇧ + O
	Dölj alla avsnitt	CTRL + SKIFT + P	⌘ + ⇧ + P

Mallar

Du kan komma åt alla temamallar från sidoväljaren i det övre fältet i temaredigeraren.

Om du använder ett tema för Online Store 2.0 kan du även skapa en ny mall direkt från sidoväljaren genom att klicka på alternativet Ny mall.

Förhandsgranska mallar med specifika resurser

Du kan förhandsgranska hur mallen visas med alla kompatibla resurser i butiken. Om du till exempel visar en produktmall så kan du testa den med vilken produkt som helst i din butik.

Du behöver fortfarande tilldela mallen till resursen i Shopify-admin.

Du kan även söka efter mallar och resurser med hjälp av sökfältet i sidväljaren, i verktyget Lägg till avsnitt eller Lägg till block eller i Appinbäddning.

Steg:

1. Från din Shopify-admin går du till Webbshop > Teman.

2. Klicka på Anpassa bredvid det tema som du vill ändra.

3. Från mallmenyn väljer du den mall du vill förhandsgranska.

4. Från sidofältsmenyn, i avsnittet Förhandsgranska, klickar du på Ändra.

5. Från menyn Välj väljer du den resurs som du vill förhandsgranska.

Förhandsgranska besiktningsman

I förhandsgranskningspanelen kan du navigera till avsnitt och block direkt från förhandsgranskningsfönstret och hitta motsvarande inställningar snabbare och mer intuitivt. I förhandsgranskningspanelen kan du sortera om, dölja eller duplicera avsnitt och block direkt i ditt förhandsgranskningsfönster.

Förhandsgranskningspanelen är tillgänglig för alla Shopify-gratisteman och är aktiverad som standard. Du kan klicka på knappen för för att aktivera eller inaktivera förhandsgranskningspanelen under redigeringssessionen.

När förhandsgranskningspanelen är aktiverad kan du klicka på ett konturerat element för att öppna motsvarande inställning. När förhandsgranskningspanelen är aktiverad på en mobil enhet så kan du klicka på ett element för att välja motsvarande inställning. Du kan öppna det nedre arket för att göra ändringar via den här valda inställningen.

Förhandsgranskningspanelen visar en av följande två kanter runt de avsnitt och block som klickas i förhandsgranskningsfönstret:

• Den heldragna blå linjen indikerar det aktiva avsnittet. Motsvarande inställning i sidofältet är markerad i grå.
• Den prickade blå linjen indikerar det associerade blocket för avsnittet. Du kan klicka på artikeln i förhandsgranskningsfönstret för att öppna inställningarna för blocket eller avsnittet.

Om du klickar på någon del av din webbplats i förhandsgranskningsfönstret läses motsvarande inställningar in i din sidopanel. På en mobil enhet kommer går det med två tryck att navigera på webbplatsen som en kund skulle göra.

Lägg till avsnitt och block i förhandsgranskningspanelen

När du använder förhandsgranskningspanelen kan du lägga till avsnitt och block till ditt tema direkt från förhandsgranskningsfönstret. För att använda förhandsgranskningsgranskaren från Shopify-appen trycker du länge på ett avsnitt för att hantera det.

Beskrivningar av "Lägg till"-avsnitt och Lägg till block"-knappar i förhandsgranskaren.

Verktyg	Beskrivning
Lägg till avsnitt	Knappen Lägg till avsnitt visas högst upp och längst ned i det valda avsnittet. Klicka på knappen Lägg till avsnitt för att infoga ett nytt avsnitt antingen ovanför eller under det valda avsnittet.
Lägg till block	Knappen Lägg till block visas när du hovrar över ett befintligt block. Om du vill lägga till ett block håller du markören över knappen . En popup-meny visas med tema- och appblocken som kan läggas till i det valda avsnittet. Klicka på det block du vill lägga till. Inställningsfönstret för det nya blocket läses in i det högra sidofältet.

Förhandsgranska besiktningsverktyg

Du kan flytta, dölja eller duplicera avsnitt och block i temaredigeraren med förhandsgranskningspanelen.

Lista över tillgängliga verktyg i förhandsgranskaren, bland annat för att förflytta, duplicera, dölja och radera avsnitt eller block.

Verktyg	Åtgärd	Beskrivning
	Flytta till tidigare position	Klicka på den här knappen för flytta ett avsnitt eller ett block till nästa position eller tidigare position med hjälp av pilikonerna i förhandsgranskningspanelen. Om det valda avsnittet är högst upp på sidan är knappen gråtonad. Du kan inte heller använda knappen om avsnittet är längst ned på sidan.
	Flytta till nästa position
	Duplicera avsnitt eller block	Klicka på den här ikonen för att duplicera ett avsnitt eller ett block och dess innehåll.
	Dölj avsnitt eller block	Klicka på den här knappen för att dölja ett avsnitt eller block. När ett avsnitt eller block är dolt kan du inte sluta dölja det från förhandsgranskningspanelen. Du kan antingen klicka på knappen i menyfältet eller klicka på knappen i sidofältsmenyn bredvid avsnittet eller blocket för att sluta dölja det.
	Radera avsnitt eller block	Denna knapp raderar det valda avsnittet eller blocket i förhandsgranskningspanelen.

Visa olika skärmstorlekar i temaredigeraren

Du kan se olika skärmstorlekar i temaredigeraren. Du kan ändra temaredigeraren så att den visar dator-, mobil- eller helskärmsstorlek för att säkerställa att redigeringar av temat är optimala för olika skärmstorlekar samt för att kontrollera olika layouter för dator och mobil. Klicka på följande knappar i menyfältet för att ändra skärmstorleken:

• Klicka på knappen för för dator.
• Klicka på knappen för för mobil.
• Klicka på knappen för för helskärm.

Ångra och göra om åtgärder

Du kan använda knapparna och för att ångra eller göra om anpassningar som inte är sparade. När du har sparat dina ändringar kan du inte längre göra om eller ångra.

Om det inte finns någon ej sparad anpassning att göra om, ångra eller båda, så är motsvarande knapp nedtonad.

Sidomeny

Sidofältsmenyn visar en vy över allt innehåll för den mall du för tillfället visar i sidofältet. Du kan hantera avsnitt, block och inställningar från sidofältsmenyn.

Sidofältslägen

Temaredigeraren har två sätt att använda sig av allt utrymme på din skärm.

Dubbelt sidofältsläge är för bredare webbläsarfönster och större skärmar och enkelt sidofältsläge är för smalare webbläsarfönster och mindre skärmar. Sidofältsläget avgör var i redigeraren inställningsfältet visas.

Dubbelt sidofältsläge

Om du har en skärm som är bredare än 1 600 pixlar och ditt webbläsarfönster är helt öppnat, eller om ditt webbläsarfönster är öppnat till minst 1 600 pixlars bredd, så har du två sidofält. Det vänstra sidofältet innehåller navigeringsfältet och det högra sidofältet innehåller inställningsfältet.

Om du vill visa temaredigeraren i enkelt sidofältsläge på en stor skärm kan du göra webbläsarens fönster smalare tills inställningsfältet flyttas över sidofältet med navigering eller försvinner.

Enkelt sidofältsläge

Smalare webbläsare har bara ett sidofält för att spara utrymme för temaförhandsgranskningen. När du klickar på ett avsnitt eller block för att redigera det öppnas inställningspanelen högst upp i din navigeringspanel i sidofältet.

Avsnitt och block

I listan över avsnitt och block visas alla block för avsnitten på en sida som standard.

Avsnitt som utgör sidhuvudet eller sidfoten är som standard dolda. Du kan klicka på knappen för att bredvid ett avsnittsnamn för att visa dess innehåll.

Avsnittsgrupper

Avsnitt grupperas inom följande områden för varje sidmall i temat:

• Området Sidhuvud inkluderar ditt sidhuvud, meddelandefält och alla appar eller anpassad Liquid.
• Området Mall inkluderar avsnitt som utgör huvudtexten på din sida. Mallavsnitten kan till exempel innehålla bloggposter, kollage, produktserielistor eller anpassad Liquid.
• Området Sidfot inkluderar din sidfot, e-postregistrering och alla appar eller anpassad Liquid.

Sidhuvud och sidfot är gemensamma för alla sidor i webbshoppen. Om du till exempel lägger till ett anpassat Liquid-block till sidhuvudet visas den anpassade Liquid på alla dina produktsidor, på startsidan och på andra sidor.

Öppna och dölja avsnitt och block

Öppna en avsnittsnod med hjälp av knappen för att visa dess block eller dölj det med knappen för att dölja blocken. Du kan klicka på ett avsnitt eller block för att se dess inställningar.

Flytta sektioner och block

Du kan flytta ett avsnitt eller ett block från ett område på sidan till ett annat område med hjälp av för att klicka och dra avsnittet eller blocket och sedan släppa det på en annan tillgänglig plats.

Om du försöker flytta ett avsnitt eller ett block där det inte är tillåtet, kommer avsnittet eller blocket att släppas tillbaka på dess ursprungliga plats.

Ta bort avsnitt och block

Du kan ta bort ett avsnitt eller block från en mall genom följande två sätt:

• Flytta markören bredvid avsnittets namn och klicka sedan på knappen för att :

  

• Klicka på avsnittets namn och klicka sedan Ta bort avsnitt i avsnittets inställningsuppgifter:

  

Steg:

1. Från din Shopify-admin går du till Webbshop > Teman.

2. Klicka på Anpassa bredvid det tema som du vill ändra.

3. Klicka på det avsnitt eller block som du vill ta bort i temaredigerarens sidopanel.

4. Klicka på Ta bort avsnitt eller Ta bort block.

5. Klicka på Spara. Om du redigerar ett publicerat tema klickar du på publicera för att spara dina ändringar och låta dem gå live i din butik.

Dölja avsnitt och block

Du kan dölja alla avsnitt eller block med hjälp av knappen :