Lägga till, förhandsgranska och köpa teman

För att hjälpa dig att komma igång har sidan Teman i din adminpanel ett standardtema installerat när du öppnar ett konto hos Shopify. Om du vill anpassa ett annat tema för din webbshop måste du lägga till ett i din adminpanel.

Du kan lägga till ett tema på något av följande sätt:

• Du kan beskriva din verksamhet med dina egna ord och generera ett gratis personanpassat tema med AI.
• Du kan lägga till ett gratistema från din Shopify-adminpanel.
• Du kan prova ett betalt tema från Shopify Theme Store. Du kan förhandsgranska alla teman och anpassa dem med hjälp av temaredigeraren. Du måste köpa ett tema innan du kan publicera det i din webbshop.
• Om du redan har ett tema i en ZIP-fil på din dator kan du ladda upp det.

Om du är utvecklare, eller om du arbetar med en Shopify-partner eller en byrå, kan du även lägga till ett tema i din butik på följande sätt:

• Du kan lägga till ett GitHub-värdbaserat tema i din butik med hjälp av Shopify GitHub-integrationen.
• Du kan pusha ett tema till din butik med hjälp av Shopify CLI.

Du kan lägga till flera teman på ditt konto för att prova nya teman, behålla säsongsversioner av ditt publicerade tema eller testa ändringar i en kopia av ditt publicerade tema. Du kan förhandsgranska vilket som helst av dessa teman, men endast ett tema kan vara publicerat åt gången. När du byter till ett nytt tema kan du fortfarande komma åt ditt gamla tema på sidan Teman i Shopify.

När du har lagt till ett tema kan du skapa en länk så att du kan dela en förhandsgranskning av ett opublicerat tema med andra. Det kan vara till hjälp om du vill ha feedback innan du publicerar ett nytt tema eller lanserar din webbshop. Du kan inte dela en förhandsgranskning av ditt publicerade tema.

Behörighetskrav för teman

Granska följande behörighetskrav för att lägga till teman i din butik eller organisation:

• Det maximala antalet teman som du kan lägga till beror på din prisplan:
• Butiker med Starter-planen kan endast lägga till Spotlight-temat.
• Butiker och organisationer med planerna Basic, Grow och Advanced kan lägga till upp till 20 teman.
• Butiker och organisationer med Shopify Plus-planen kan lägga till upp till 100 teman.

Om du når din plans temagräns måste du ta bort ett tema innan du kan lägga till ett nytt. Tilläggsbutiker måste ha en temalicens för varje aktiv tilläggsbutik.

Generera ett gratistema med AI

Du kan använda AI för att generera ett gratis personanpassat tema från sidan Teman i din Shopify-admin. Hjälp med anpassningar för gratisteman supportas av Shopify.

Du kan använda AI för att generera ett gratis personanpassat tema från sidan Teman i din Shopify-admin. Hjälp med anpassningar för gratisteman supportas av Shopify.

Steg:

Lägg till ett gratistema från adminpanelen

Gratisteman utvecklas av Shopify. Hjälp med anpassningar för gratisteman supportas av Shopify.

Gratisteman utvecklas av Shopify. Hjälp med anpassningar för gratisteman supportas av Shopify.

Steg:

Testa ett betalt tema från Shopify Theme Store

Innan du bestämmer dig för att köpa ett betalt tema kan du testa det genom att förhandsgranska temat i din Shopify-admin. Du kan använda din temaredigerare för att anpassa ett förhandsgranskat tema, till exempel genom att ändra det så att det använder ditt varumärkes färger, stil och produkter. Om du köper temat sparas alla anpassningar som du har gjort.

Du kan förhandsgranska upp till 19 betalda teman samtidigt, vilket gör att du kan jämföra olika teman innan du köper ett. Betalda teman som du testar har etiketten Temaprovperiod.

Kontakta temautvecklaren för att få support för ett betalt tema.

Steg:

1. Besök Shopify Theme Store och välj ett betalt tema.
2. Klicka på Testa tema för att lägga till temat i din webbshop.
3. Klicka på Webbshop > Teman i din Shopify-admin.
4. I avsnittet Temautkast klickar du på knappen för att öppna åtgärdsmenyn bredvid det tema som du vill förhandsgranska.
5. Klicka på Förhandsgranska.

Du kan anpassa ett temas inställningar medan du förhandsgranskar det. Om du är nöjd med temat kan du köpa temat. Alla anpassningar du har gjort i temat sparas. Du kan inte redigera temakoden eller använda AI-kodgeneratorn när temat är på prov.

Köp ett tema från Shopify Theme Store

Endast användare med alla följande butiksbehörigheter kan köpa ett tema från Shopify Theme Store:

• Teman
• Hantera och installera appar och kanaler
• Godkänn appavgifter

När du har testat ett betalt tema i din webbshop kan du välja att köpa det. Du kan endast publicera teman i din webbshop som du har köpt. När du köper ett tema från Shopify Theme Store är det temat licensierat exklusivt för den butik där köpet gjordes. Om du vill använda ditt tema i en annan butik kan du vara berättigad att överföra det.

Betalda teman skapas av tredjepartsutvecklare. Allmän support och uppdateringar för tredjepartsteman tillhandahålls av temautvecklaren. Om du behöver avancerade anpassningar men inte har erfarenhet av att utveckla webbplatser med HTML, CSS och JavaScript kan du överväga att anlita en Shopify-partner.

Steg:

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

2. Klicka på Lägg till teman > Besök Theme Store.

3. Sök efter ett tema som du vill köpa och klicka sedan på Testa tema.

4. Klicka på Köp bredvid det tema som du vill köpa i avsnittet Temautkast för att påbörja transaktionen.

Ladda upp en temafil från din dator

Om du har ett tema i en ZIP-fil på din dator kan du ladda upp det till sidan Teman i din Shopify-admin.

Innan du laddar upp, se till att dina temafiler är komprimerade till en enda ZIP-fil.

När du har laddat upp ZIP-filen läggs temat till på sidan Teman i din Shopify-admin.

Steg:

Byta teman

När du lägger till nya teman i din butik visas de i avsnittet Temautkast på sidan Teman i Shopify. Du kan byta till ett nytt tema genom att publicera det i din webbshop. När du publicerar ett nytt tema är ditt gamla tema fortfarande tillgängligt under temautkast (och du kan byta tillbaka till det om du vill).

Om du uppdaterar ditt tema manuellt visas den uppdaterade versionen av temat som en separat version under temautkast. När du byter till den uppdaterade versionen är den gamla versionen av ditt tema fortfarande tillgänglig under temautkast. Mer information finns i Uppdatera teman.

Förbereda för att byta teman

När du lägger till ett tema i dina temautkast kan du anpassa det innan du publicerar det. Detta är ett bra tillfälle att granska det nya temat och justera inställningarna och innehållet för att spegla din verksamhet innan du ersätter ditt befintliga tema. Du kan också växla mellan flera teman som du har förberett utan att behöva konfigurera dem igen.

Din butiks produkter, produktserier, menyer, sidor och bloggposter ändras eller raderas inte när du byter till ett nytt tema, eftersom de hanteras i adminpanelen separat från temat. Innehållet och inställningarna som hanteras med hjälp av temaredigeraren, temakodredigeraren och språkredigeraren är dock unika för varje tema och temaaversion som du laddar upp.

Följande delar av din webbshop är kopplade till temat. Du måste anpassa dessa delar av din webbshop för varje tema du vill använda:

• De inställningar som tillämpas på avsnitt och block i din butik
• Globala temainställningar, inklusive färger och teckensnitt som tillämpas i din webbshop
• Text och formulering
• Kodanpassningar, inklusive kodanpassningar som lagts till av en app
• Tillgängliga temamallar

Alla teman har inte stöd för alla Shopify-funktioner. Du bör granska temats funktionslista för att se till att det har de funktioner du behöver.

Förhandsgranskning av tema

Du kan förhandsgranska alla teman i avsnittet Teman i din webbshop. Förhandsgranskningen visar det förhandsgranskade temat i din webbshop i en webbläsarflik med förhandsgranskningsfältet för webbshoppen.

Förhandsgranskningsfältet för webbshoppen visar följande information om ditt tema:

• Temanamnet.
• Temats status. Ditt publicerade tema har statusen Live. Opublicerade teman har statusen Utkast.

Du kan anpassa förhandsgranskningen med följande åtgärder:

• I avsnittet Visa som kan du välja ett annat land eller språk för förhandsgranskningen. Mer information om internationella marknader och att lägga till ytterligare språk i ditt tema.
• Klicka på -knappen för att dela en förhandsgranskning av ditt tema.
• Klicka på Stäng förhandsgranskning för att stänga förhandsgranskningen och visa ditt publicerade tema.
  • Klicka på Redigera tema för att öppna temaredigeraren och anpassa temat.
• Klicka nära överkanten av förhandsgranskningsfältet för att dölja det. Du kan klicka på det igen för att öppna det.

Dela en förhandsgranskning av ett tema med andra

Om du ska lansera din webbshop eller planerar att ändra din butik genom att publicera ett nytt tema, kan du be andra om feedback genom att dela en förhandsgranskning av ditt tema.

Du kan skapa en länk som andra kan använda för att komma åt en förhandsgranskning av ett tema som du har lagt till i din Shopify admin. Temat behöver inte vara publicerat för att kunna delas.

Det finns två typer av temaförhandsgranskningar:

• Besöksförhandsgranskningar: besöksförhandsgranskningar är synliga för alla med URL:en och kräver ingen autentisering. Dessa förhandsgranskningar upphör att gälla 2 dagar efter att URL:en har skapats. URL:er för besöksförhandsgranskning använder formatet https://<token>-<shop_id>.shopifypreview.com.
• Handlarförhandsgranskningar: handlarförhandsgranskningar kräver admin-autentisering och ger åtkomst till kassor. Dessa förhandsgranskningar upphör att gälla 30 dagar efter att URL:en har skapats. URL:er för handlarförhandsgranskning använder formatet för din huvuddomän med en token-parameter.

När du klickar på Förhandsgranska för ett tema visas URL:en för handlarförhandsgranskningen i webbläsarens adressfält. Om du vill skapa en länk för besöksförhandsgranskning att dela med andra klickar du på -knappen i förhandsgranskningsfältet. Du kan skapa nya länkar så ofta du vill och skapandet av en ny länk påverkar inte gamla förhandsgranskningslänkar.

Steg:

Felsökning av temaförhandsgranskning

Det finns olika omständigheter som kan leda till att din temaförhandsgranskning eller förhandsgranskningsfältet inte visas korrekt. Om du fortfarande har problem med ditt tema efter att ha granskat stegen i den här guiden kan du behöva kontakta temats supportteam. Mer information om att få support för teman.

Förhandsgranskningsfältet visas i din livebutik

Detta händer vanligtvis när ditt tema felaktigt lägger till en parameter med namnet preview_theme_id i webbshopens URL:er. Parametern är endast avsedd för intern förhandsgranskning, men om den finns i live-URL:er tvingas förhandsgranskningsfältet att visas för alla besökare.

Besök din webbshop och leta efter parametern preview_theme_id i webbläsarens adressfält. Du kan även be dina kunder att vidarebefordra den länkadress som förhandsgranskningsfältet visas på.

Om parametern preview_theme_id ingår i din webbshops URL ska du kontakta temats utvecklare för att få support och förklara problemet.

Om du är bekväm med att redigera temakod kan du söka efter preview_theme_id i dina temafiler och sedan ta bort koden som lägger till den i URL:er. Filerna layout och filer som innehåller Javascript (som slutar på .js) innehåller högst sannolikt den här typen av kod. Redigera endast koden för ett tema om du kan HTML och CSS och har en grundläggande förståelse för Liquid, Shopifys mallspråk, JSON och Javascript.

Det här problemet har rapporterats för teman som köpts utanför Shopify Theme Store, till exempel Lumia-temat från ThemeForest.

Förhandsgranskning av ett utkasttema omdirigerar till livetemat

Om du klickar på Förhandsgranska för ett opublicerat tema och omdirigeras till ditt livetema, är det nästan alltid relaterat till Cloudflare-cachelagring.

Om du använder Cloudflare framför din Shopify-butik kan du ha cachelagringsinställningar som stör Shopifys förhandsgranskningsmekanism. Shopify använder också Cloudflare för cachelagring och dessa lager kan ibland hamna i konflikt. Vi nämner potentiella konflikter med extern cachelagring i vår dokumentation.

För att säkerställa att förhandsgranskningsfältet fungerar korrekt, stäng av cachelagring på Cloudflare för alla förfrågningar för Shopify.

Förhandsgranskningsfältet saknas helt

Om förhandsgranskningsfältet inte visas när du förhandsgranskar ett tema beror det troligen på anpassad kod eller en tredjepartsapp som ändrar temats standardskript.

Detta problem orsakas troligen av ändringar som påverkar Liquid-objektet, som vanligtvis finns i temats `theme.liquid`-fil i temats layout-mapp. Förhandsgranskningsfältets skript kräver att -objektet läses in korrekt. Att ändra det här objektet kan förhindra att skriptet läses in, vilket resulterar i att förhandsgranskningsfältet saknas samt andra problem med Shopify-funktioner och -appar.

Du kan kontrollera ditt tema och dina appar för att hitta källan till ändringen. Lär dig hur du felsöker ditt tema.