Funktionsöversikt för temaredigeraren

Du kan använda temaredigeraren för att anpassa områden i ditt tema, såsom färger, och för att hantera innehåll i ditt tema med avsnitt och block.

Komma åt temaredigeraren

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

  1. Gå till Webbutik > Teman från din Shopify-admin.

  2. Klicka på Redigera tema bredvid det tema som du vill redigera.

Temaredigerarens layoutavsnitt

Temaredigeraren har följande avsnitt:

  • Menyraden innehåller navigeringsknappar till vänster för att växla mellan sektioner, temainställningar och inbäddade appar. I mitten finns menyer för temanamn, marknad och mall, och till höger finns kontroller för anpassning.
  • Sidofältet visar en trädvy över allt innehåll för den mall du för närvarande tittar på. Du kan hantera sektioner och block, inbäddade appar och inställningar från sidofältet. Sidofältet kan döljas.
  • Förhandsgranskningsfönstret visar ditt tema och uppdateras automatiskt när du gör ändringar. Du kan aktivera en mobil förhandsgranskning eller använda förhandsgranskningsinspektören för att hantera innehållet för en temamall i förhandsgranskningsfönstret.

Menyraden visar navigering, temainformation och kontroller för att anpassa ditt tema.

Menyraden visar temainformation och knappar för att hantera temaanpassning.

Temainformation och åtgärder i menyraden för temaredigeraren

På vänster sida av menyraden kan du växla mellan följande vyer i sidofältet:

  • Sektioner för att hantera sektionerna och blocken i din aktuella mall.
  • Temainställningar för att hantera temats globala inställningar, som färger, typografi och layout.
  • Inbäddade appar för att hantera appar som är inbäddade i ditt tema.

Klicka på den aktiva knappen igen för att avmarkera den om du vill dölja sidofältet och få en förhandsgranskning av ditt tema i full bredd. Om båda panelerna är synliga döljs båda samtidigt om du klickar på den aktiva knappen.

Menyer för temainformation, marknad och mall

Menyer för temainformation, marknad och mall i mitten av menyraden

I mitten av menyraden hittar du följande:

  • Ditt temanamn och dess status. Ditt publicerade tema visar statusetiketten Live . Opublicerade teman visar statusetiketten Utkast . Klicka på temanamnet för att komma åt följande alternativ:
  • Menyn för marknad, för att förhandsgranska och anpassa ditt tema för olika marknader.
  • Menyn för mall, för att navigera mellan olika sidmallar i ditt tema.

Anpassningsgenvägar

Anpassningsikoner i temaredigerarens menyrad

Du kan använda följande kontroller i menyfältet för att anpassa ditt tema och hantera dina ändringar:

Om det inte finns några osparade anpassningar att ångra eller göra om är motsvarande knapp inaktiv.

Sidofältet visar en trädvy över allt innehåll för den mall du för närvarande visar. Du kan hantera sektioner och block samt temainställningar från sidofältet. Du kan dölja sidofältet genom att klicka på den aktiva navigeringsknappen i menyraden igen för att stänga av den.

Ditt tema kan ha villkorsbaserade inställningar som visas i sidofältet beroende på vilka andra inställningar som är aktiva. Om ditt tema till exempel har ett block med en inställning för att lägga till antingen en video eller bild kan bildväljaren eller videolänken vara en villkorsbaserad inställning som endast visas efter att du har valt Bild som mediatyp.

Temaredigeraren har två lägen för att utnyttja allt utrymme på din skärm.

Läget med dubbla sidofält är för bredare webbläsarfönster och större skärmar, och läget med ett sidofält är för smalare webbläsarfönster och mindre skärmar. Sidofältsläget avgör var inställningspanelen visas i redigeraren.

Läge med dubbla sidofält

Om ditt webbläsarfönster är minst 1 600 pixlar brett har du två paneler. Den vänstra panelen innehåller sidstrukturen med dina sektioner och block, och den högra panelen innehåller inställningarna för den valda sektionen eller blocket. Du kan dölja den högra panelen genom att avmarkera sektioner.

Inställningspanelen visas på höger sida av skärmen i läget med dubbla sidofält.

För att visa temaredigeraren i läget med ett sidofält på en stor skärm gör du ditt webbläsarfönster smalare tills redigeraren växlar till den staplade layouten.

Läge med ett sidofält

På smalare skärmar använder redigeraren en staplad layout. När du klickar på en sektion eller ett block glider inställningspanelen upp från skärmens nederkant istället för att täcka din sidstruktur. Du kan dra i avdelaren för att justera uppdelningen mellan sidstrukturen och inställningarna, så att båda alltid är synliga.

Inställningspanelen visas i en staplad layout i läget med ett sidofält

Förhandsgranska ditt tema

Du kan förhandsgranska ditt temas mobillayout genom att klicka på knappen mobil i menyraden. Klicka på mobilknappen igen för att återgå till förhandsgranskningen för dator.

Om du vill förhandsgranska ditt tema i full bredd klickar du på den aktiva navigeringsknappen i sidofältet för att dölja sidofältet. Om båda panelerna är synliga döljs båda samtidigt, vilket ger dig en förhandsgranskning av ditt digitala skyltfönster i full bredd.

Ångra och göra om osparade ändringar

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

Använda kortkommandon i temaredigeraren

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

Lista över kortkommandon som stöds i temaredigeraren för både Windows- och macOS-enheter.
KategoriÅtgärdKortkommando på WindowsKortkommando på macOS
Allmänt ÅngraCTRL + Z + Z
Gör omCTRL + Y + Y
SparaCTRL + S + + S
Se alla kortkommandonCTRL + / + /
Verktyg FörhandsgranskningsinspektörCTRL + SHIFT + | + + |
Förhandsgranskningsläge + CTRL + | + + |
SidekickCTRL + . + .
Navigering Avsnitt + CTRL + Z + + 1
Temainställningar + CTRL + Z + + 2
Appinbäddningar + CTRL + Z + + 3
Avsnitt och block Dölj och visaCTRL + SHIFT + H + + H
Ta bortSHIFT + +
Välj föregåendeSHIFT + +
Välj nästaSHIFT + +
Öppna valt elementSHIFT + ENTER +
Öppna alla avsnittCTRL + SHIFT + O + + O
Dölj alla avsnittCTRL + SHIFT + P + + P