Mallar

Mallar är en grupp avsnitt som är konfigurerade för att ge din webbshop ett konsekvent utseende och känsla. Vilka avsnitt som finns tillgängliga i dina mallar beror på ditt tema. I temaredigeraren kan du se vilka mallar som används på vilka sidor och sedan redigera mallarna om du vill anpassa vilken information du visar för kunderna.

Ditt tema innehåller mallar för olika typer av innehåll. Dessa malltyper innehåller avsnitt och block som hämtar innehåll dynamiskt från respektive område i Shopify-admin. Till exempel skapar ditt temas mall för produktsidor en sida för varje produkt som publiceras i din webbshop i Produkter-avsnittet i Shopify-admin.

När du redigerar en mall används ändringarna på varje sida som använder den mallen. Om du till exempel lägger till ett formulär för nyhetsbrevsregistrering i en produktseriemall visas det formuläret på alla produktseriesidor som använder standardmallen för produktserier.

Standardmallar

Varje standardmall har sina egna standardavsnitt och -inställningar som du kan redigera och anpassa i temaredigeraren. Till exempel har produktsidan som standard ett Produktinformation-avsnitt och ett Relaterade produkter-avsnitt. De specifika anslutningsinställningarna för varje tema beror på temats utvecklare och temaversionen. Mer information om hur du hittar temaversionen.

Mallarna är tillgängliga i ditt tema som standard.

Produkter

På temats produktsidor visas information om de produkter som du säljer i butiken och var kunderna kan köpa produkterna från.

Som standard har produktsidor avsnittet Produktinformation och avsnittet Relaterade produkter i temaredigeraren.

Avsnittet Produktinformation visar produkternas detaljer, till exempel titel, beskrivning, pris och bilder. Du kan hantera produkter från sidan Produkter i din Shopify-admin.

Produktserier

Ditt temas produktseriesidor visar de produktserier som du skapar i Produkter > sidan Produktserier i Shopify-admin. specifika produkter tillsammans i kategorier. Du kan ha smarta produktserier och manuella produktserier.

Som standard har produktseriesidor ett avsnitt för Produktserie-banner och ett avsnitt för Produktrutnät i temaredigeraren.

Produktserielista

Sidan med produktserielistan visar alla produktserier som är tillgängliga i försäljningskanalen Webbshop. Om du till exempel har en smyckesbutik, kan du lägga till en länk till sidan med produktserielistan i menyn så att kunderna kan söka efter olika typer av smycken, som ringar eller halsband. Du måste skapa produktserier för varje kategori.

Presentkort

När du skapar ett presentkort, eller en kund beställer en presentkortsprodukt, ingår uppgifterna om presentkortet på presentkortssidan, till exempel presentkortets värde eller saldo och kod för inlösen.

Presentkortssidan är en del av ditt tema. Du kan anpassa ditt tema för att lägga till eller justera stilen och informationen som finns på presentkortssidan.

Värdet på presentkortet och presentkortets inlösningskod kan inte anpassas.

Sidor

Du kan göra anpassade sidor i Shopify-admin för att skapa innehåll för kunderna, till exempel en "Om oss"-sida eller en sida med extra information om produkterna.

Varukorgssida

Det är på varukorgssidan i webbshoppen som kunder kan granska de artiklar som de har lagt till i varukorgen.

Som standard har varukorgssidan ett Artiklar-avsnitt och ett Delsumma-avsnitt i temaredigeraren.

Bloggar

Bloggsidor i din webbshop är startsidan för alla bloggar som du skapar i Shopify-admin och innehåller alla publicerade bloggposter i den bloggen.

Som standard innehåller bloggsidor avsnittet Blogginlägg i temaredigeraren.

Blogginlägg

På bloggpostsidor i webbshoppen visas innehållet i bloggposter som du skapar i Innehåll > sidan Blogginlägg i Shopify-admin. Som standard innehåller blogginläggssidor avsnittet Bloggpost i temaredigeraren.

Sök i sida

På söksidan kan kunder söka efter och hitta specifika produkter, sidor eller blogginlägg i webbshoppen.

Som standard innehåller söksidan avsnittet Sökresultat i temaredigeraren.

Utöver inställningarna för avsnittet Sökresultat kan du även visa och anpassa vissa av Temainställningarna för sökbeteende. Du kan också lägga till din egen avsnittsspecifika Anpassade CSS.

Lösenordssida

Du kan ställa in din butik så att den är lösenordsskyddad på sidan Webbshop > sidan Inställningar i Shopify-admin. Om din butik är lösenordsskyddad visas lösenordssidan för besökare av din webbshop. Mallen för lösenordssidan har ett unikt sidhuvud och sidfot. Du kan anpassa mallen för lösenordssidan från temaredigeraren.

404-sida

404-sidan visas när en kund försöker besöka en länk till din webbplats som inte finns, till exempel en produktsida för en produkt som du har raderat från butiken.

Den här sidan har inga anpassningsbara inställningar, men du kan lägga till en egen avsnittsspecifik Anpassad CSS till 404-sidan i temaredigeraren.

Redigera dina mallar

Du kan redigera dina mallar för att lägga till avsnitt i din webbshop. Vissa avsnitt innehåller block som kan anpassas ytterligare, men alla avsnitt och block har inte inställningar eller innehåll som kan redigeras. När du redigerar mallarna visas ändringarna direkt i temaredigerarens förhandsgranskning.

Steg:

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

  2. Hitta det tema du vill redigera och klicka på Anpassa.

  3. Klicka på rullgardinsmenyn på startsidan och välj den mall du vill redigera.

  4. Om du vill lägga till ett nytt avsnitt i mallen, klicka på Lägg till avsnitt och välj ett nytt avsnitt för mallen.

  5. Valfritt: Om du vill lägga till ett block i ditt nya avsnitt, klicka på Lägg till block och välj sedan ett nytt block för avsnittet.

  6. Klicka på det nya avsnitten och blocken för att visa inställningar och alternativ, och gör sedan dina ändringar.

  7. Klicka på Spara.

iPhone
  1. Från Shopify-appen trycker du på Horisontell meny .
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på rullgardinsmenyn Startsida och välj den mall du vill redigera.
  6. Om du vill lägga till ett nytt avsnitt i mallen, tryck på Avsnitt > Lägg till avsnitt, välj ett nytt avsnitt till mallen och tryck sedan på Lägg till.
  7. Valfritt: Du kan lägga till ett block i det nya avsnittet genom att trycka på Lägg till block och sedan välja ett nytt block för avsnittet.
  8. Tryck på det nya avsnittet och blocken för att visa deras inställningar och alternativ och gör sedan dina ändringar.
  9. Tryck på Spara.
Android
  1. Från Shopify-appen trycker du på Horisontell meny .
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på rullgardinsmenyn Startsida och välj den mall du vill redigera.
  6. Om du vill lägga till ett nytt avsnitt i mallen, tryck på Avsnitt > Lägg till avsnitt, välj ett nytt avsnitt till mallen och tryck sedan på Lägg till.
  7. Valfritt: Du kan lägga till ett block i det nya avsnittet genom att trycka på Lägg till block och sedan välja ett nytt block för avsnittet.
  8. Tryck på det nya avsnittet och blocken för att visa deras inställningar och alternativ och gör sedan dina ändringar.
  9. Tryck på .

Att tänka på när du skapar en ny mall

Tänk på följande innan du skapar en ny mall:

  • Du kan ha flera mallar för dina produkter, produktserier, sidor, bloggar och bloggposter, men du kan bara ha 1 000 mallar totalt.
  • Du kan endast skapa en ny mall med ett kompatibelt tema.
  • Alla teman har en standardmall för produktserier, produkter, bloggar, bloggposter och sidor. Dessa standardmallar är vad butikens resurser och innehåll visas med, om du inte skapar alternativa mallar.
  • Alla ändringar du gör i en mall påverkar alla sidor som använder den mallen. Om du vill visa vissa sidor av en viss typ på ett annat sätt kan du skapa en ny mall baserat på en som redan finns i ditt tema.
  • När du skapar en ny mall från en befintlig mall fylls din nya mall automatiskt i med samma avsnitt som din befintliga mall. Du kan sedan ta bort, lägga till eller dölja avsnitt och redigera innehållet efter behov utan att påverka visningen av sidor som använder den befintliga mallen.

Skapa ny mall

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

  2. Hitta det tema du vill redigera och klicka på Anpassa.

  3. Klicka på rullgardinsmenyn på startsidan, välj en malltyp och klicka sedan på Skapa mall.

  4. Gör följande i dialogrutan Skapa en mall:

    • Ange ett unikt namn för din nya mall i fältet Namn.
    • Väj den befintliga mall du vill basera den nya mallen på i rullgardinsmenyn Baserat på.
  5. Klicka på Skapa mall.

iPhone
  1. Från Shopify-appen trycker du på Horisontell meny .

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på rullgardinsmenyn Startsida, välj en malltyp och tryck sedan på Skapa mall.

  6. Gör följande i dialogrutan Skapa en mall:

    • Ange ett unikt namn för din nya mall i fältet Namn.
    • Väj den befintliga mall du vill basera den nya mallen på i rullgardinsmenyn Baserat på.
  7. Tryck på Skapa mall.

Android
  1. Från Shopify-appen trycker du på Horisontell meny .

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på rullgardinsmenyn Startsida, välj en malltyp och tryck sedan på Skapa mall.

  6. Gör följande i dialogrutan Skapa en mall:

    • Ange ett unikt namn för din nya mall i fältet Namn.
    • Väj den befintliga mall du vill basera den nya mallen på i rullgardinsmenyn Baserat på.
  7. Tryck på Skapa mall.

När du har skapat en ny mall kan du använda mallen på en specifik webbshopssida.

Skapa en mall för metaobjekt

Du kan skapa en mall för en webbsida för metaobjekt. Gör så här om du vill använda den här funktionen:

  1. Skapa en metaobjektsdefinition med skyltfönsteråtkomst och, om du vill, aktivera funktionen Webbsidor manuellt. När du skapar en temamall aktiverar temaredigeraren funktionen Webbsidor.
  2. Skapa poster för metaobjektsdefinitionen.

Du kan nu skapa en metaobjektmall i temaredigeraren.

Förhandsgranska mallar

Du kan använda förhandsgranskning av mallar för att se hur dina webbshopsresurser, till exempel produkter och sidor, visas för kunderna när en annan mall används.

Mallar tilldelas på produkt-, produktserie-, sid-, blogg- eller bloggpostnivå. Du skapar och redigerar mallar i temaredigeraren, men du ändrar den tilldelade mallen för en resurs i Shopify-admin.

Att tänka på när du förhandsgranskar mallar

Tänk på följande när du förhandsgranskar mallar för olika webbshopsresurser:

  • När du förhandsgranskar en produktmall i temaredigeraren kan du använda produkter som har statusen Aktiv eller Utkast, men du kan inte förhandsgranska en produkt som har statusen Arkiverad.
  • När du förhandsgranskar en produktseriemall i temaredigeraren måste du se till att produktserien har Webbshop aktiverad som försäljningskanal. Om en produktserie inte har Webbshop aktiverad som försäljningskanal kan du inte förhandsgranska den produktserien med några produktseriemallar i temaredigeraren.
  • När du förhandsgranskar en sidmall i temaredigeraren kan du använda sidor som har synligheten inställd till Synlig eller Dold.
  • När du förhandsgranskar en bloggpostmall i temaredigeraren kan du använda bloggposts som har synligheten inställd som antingen Synlig eller Dold.

Bloggar har inga olika status- eller synlighetsparametrar, så du kan använda en bloggmall för att förhandsgranska alla publicerade bloggar som du har i din webbshop.

Förhandsgranska en alternativ mall

Du kan förhandsgranska hur dina produkter, produktserier, sidor, bloggar eller bloggposter visas när en annan mall används.

Steg:

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

  2. Hitta det tema du vill förhandsgranska en mall med och klicka sedan på Anpassa.

  3. Klicka på rullgardinsmenyn Startsida och välj den mall du vill använda.

  4. Klicka på Ändra i avsnittet Förhandsgranska i temaredigerarens sidofält.

  5. Klicka på den resurs du vill förhandsgranska med den valda mallen.

iPhone
  1. Från Shopify-appen trycker du på ikonen Meny.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill förhandsgranska med en mall och tryck på Anpassa.

  5. Tryck på rullgardinsmenyn Startsida och välj den mall du vill använda.

  6. Om du vill välja en resurs som ska förhandsgranskas med mallen trycker du på rullgardinsmenyn igen.

  7. Ange namnet på den resurs du vill förhandsgranska med den valda mallen i fältet Sök i webbshop.

  8. Välj din resurs från sökresultatlistan.

Android
  1. Från Shopify-appen trycker du på Meny-knappen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill förhandsgranska med en mall och tryck på Anpassa.

  5. Tryck på rullgardinsmenyn Startsida och välj den mall du vill använda.

  6. Om du vill välja en resurs som ska förhandsgranskas med mallen trycker du på rullgardinsmenyn igen.

  7. Ange namnet på den resurs du vill förhandsgranska med den valda mallen i fältet Sök i webbshop.

  8. Välj din resurs från sökresultatlistan.

Använd en ny mall

Du kan ändra en tilldelad mall för följande avsnitt i ett publicerat tema:

  • sidor
  • produkter
  • produktserier
  • bloggar
  • blogginlägg

Du ändrar en tilldelad mall i Shopify-admin. Mallalternativen som visas är endast baserade på tillgängliga mallar i ditt nuvarande livetema.

Mallar för produkter och produktserier kan tilldelas på en enskild artikelnivå eller till flera artiklar samtidigt med hjälp av Massredigeraren.

Tillämpa en ny mall på en sida

Dator
  1. I din Shopify-admin går du till Webbshop > Sidor.
  2. Klicka på den sida där du vill använda en ny mall.
  3. Klicka på rullgardinsmenyn Temamall i avsnittet Webbshop och välj sedan den mall du vill använda på sidan.
  4. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på Horisontell meny .
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Klicka på Sidor.
  4. Tryck på den sida där du vill använda en ny mall.
  5. Tryck i avsnittet Webbshop på rullgardinsmenyn Temamall och välj sedan den mall du vill använda på sidan.
  6. Tryck på Spara.
Android
  1. Från Shopify-appen trycker du på Horisontell meny .
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Klicka på Sidor.
  4. Tryck på den sida där du vill använda en ny mall.
  5. Tryck i avsnittet Webbshop på rullgardinsmenyn Temamall och välj sedan den mall du vill använda på sidan.
  6. Tryck på .

Använd en ny mall för en produkt

Dator
  1. Gå till Produkter i din Shopify-administratör.

  2. Klicka på en produkt där du vill använda en ny mall.

  3. Klicka på rullgardinsmenyn i avsnittet Temamall och välj den mall du vill använda för produkten.

  4. Klicka på Spara.

iPhone
  1. Från Shopify-appen trycker du på ikonen Produkter. .
  2. Tryck på en produkt där du vill använda en ny mall.
  3. Tryck på Webbshopsmall.
  4. Välj den mall du vill använda för produkten.
  5. Tryck på Spara.
Android
  1. Från Shopify-appen trycker du på ikonen Produkter. .
  2. Tryck på en produkt där du vill använda en ny mall.
  3. Tryck på Webbshopsmall.
  4. Välj den mall du vill använda för produkten.
  5. Tryck på .

Använd en ny mall för en produktserie

  1. Från din Shopify-administratör går du till Produkter > Produktserier.
  2. Klicka på en produktserie där du vill använda en mall.
  3. Klicka på rullgardinsmenyn i avsnittet Temamall och välj den mall du vill använda för produktserien.
  4. Klicka på Spara.

Tillämpa en ny mall på en blogg

Dator
  1. Från Shopify-admin går du till Innehåll > Bloggposter.
  2. Klicka på Hantera bloggar.
  3. Klicka på en blogg där du vill använda en mall.
  4. Klicka i avsnittet Webbshop på rullgardinsmenyn Temamall och välj sedan den mall du vill använda på bloggen.
  5. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på Horisontell meny .
  2. Tryck på Innehåll.
  3. Tryck på rullgardinsmenyn och sedan på Bloggposter.
  4. Tryck på Horisontell meny > Hantera bloggar.
  5. Tryck på en blogg där du vill använda ett tema.
  6. Tryck i avsnittet Webbshop på rullgardinsmenyn Temamall och välj sedan den mall du vill använda på bloggen.
  7. Tryck på Spara.
Android
  1. Från Shopify-appen trycker du på Horisontell meny .
  2. Tryck på Innehåll.
  3. Tryck på rullgardinsmenyn och sedan på Bloggposter.
  4. Tryck på Vertikal meny > Hantera bloggar.
  5. Tryck på en blogg där du vill använda ett tema.
  6. Tryck i avsnittet Webbshop på rullgardinsmenyn Temamall och välj sedan den mall du vill använda på bloggen.
  7. Tryck på .

Tillämpa en ny mall på ett blogginlägg

Dator
  1. Från Shopify-admin går du till Innehåll > Bloggposter.

  2. Klicka på en bloggpost där du vill använda ett tema.

  3. Klicka i avsnittet Webbshop på rullgardinsmenyn Temamall och välj sedan den mall du vill använda på bloggen.

  4. Klicka på Spara.

iPhone
  1. Från Shopify-appen trycker du på Horisontell meny .
  2. Tryck på Innehåll.
  3. Tryck på rullgardinsmenyn och sedan på Bloggposter.
  4. Tryck på en bloggpost där du vill använda en mall.
  5. Tryck i avsnittet Webbshop på rullgardinsmenyn Temamall och välj sedan den mall du vill använda på bloggposten.
  6. Tryck på Spara.
Android
  1. Från Shopify-appen trycker du på Horisontell meny .
  2. Tryck på Innehåll.
  3. Tryck på rullgardinsmenyn och sedan på Bloggposter.
  4. Tryck på en bloggpost där du vill använda en mall.
  5. Tryck i avsnittet Webbshop på rullgardinsmenyn Temamall och välj sedan den mall du vill använda på bloggposten.
  6. Tryck på .

Tillämpa en ny mall för flera produkter eller produktproduktserier samtidigt

Du kan använda massredigeraren för att tillämpa en ny mall på flera produkter eller produktserier samtidigt.

Använd en ny mall för flera produkter samtidigt

  1. Gå till Produkter i din Shopify-administratör.

  2. Gör något av följande om du vill redigera flera produkter samtidigt:

    • Markera kryssrutan för varje produkt om du vill välja en produkt i taget.
    • Om du vill välja ett produktintervall klickar du för att välja en produkt och håller sedan ned skifttangenten och klickar på en annan produkt. Då markeras de första och sista produkterna du klickade på och alla produkter däremellan.
    • Markera kryssrutan högst upp i produktlistan om du vill markera alla produkter på en sida.
    • Om du vill välja alla produkter i din butik markerar du kryssrutan högst upp i produktlistan och klickar sedan på Välj alla i den här butiken.
  3. Klicka på Massredigera.

  4. Klicka i massredigeraren på rullgardinsmenyn Kolumner och välj sedan Mall i avsnittet Allmänt.

  5. Klicka på det första fältet i kolumnen Mall, håll sedan ner skifttangenten och klicka på det sista fältet i kolumnen Mall. En blå skuggning visas runt de objekt som du har valt.

  6. Klicka på det första fältet du valde, välj den mall du vill ha från rullgardinsmenyn och klicka sedan på Spara.

Använd en ny mall för flera produktserier samtidigt

  1. Från din Shopify-administratör går du till Produkter > Produktserier.

  2. Gör något av följande om du vill redigera flera produktserier samtidigt:

    • Markera kryssrutan för respektive produktserie om du vill välja produktserierna var för sig.
    • Om du vill välja ett intervall av produktserier klickar du för att välja en produktserie och håller sedan ned skifttangenten och klickar på en annan produktserie. Då markeras de första och sista produktserierna du klickade på och alla produktserier däremellan.
    • Du kan välja alla produktserier på en sida genom att klicka i kryssrutan högst upp i produktserielistan.
    • Om du vill markera alla produktserier i butiken, markera kryssrutan högst upp i produktserielistan och klicka sedan på Välj alla i den här butiken.
  3. Klicka på Massredigera.

  4. Klicka i massredigeraren på rullgardinsmenyn Kolumner och välj sedan Mall i avsnittet Allmänt.

  5. Klicka på det första fältet i kolumnen Mall, håll sedan ner skifttangenten och klicka på det sista fältet i kolumnen Mall. En blå skuggning visas runt de objekt som du har valt.

  6. Klicka på det första fältet du valde, välj den mall du vill ha från rullgardinsmenyn och klicka sedan på Spara.

Hantera dina mallar

Om du vill byta namn på eller radera en mall måste du använda kodredigeraren. Det kan orsaka problem i webbshoppen om du redigerar en mallfil.

När du tar bort en mall visas alla webbshopsresurser som hade den mallen tilldelad med standardmallen tills du tilldelar en annan.

Byt namn på en mall

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

  2. Hitta temat med den mall du vill byta namn på och klicka sedan på > Redigera kod.

  3. Hitta mappen mallar i kodredigeraren.

  4. Klicka på namnet på den mall du vill byta namn på och klicka sedan på pennikonen.

  5. Ange ett nytt namn för mallen i fältet Namn i dialogrutan Byt namn på fil.

  6. Klicka på Byt namn på fil.

Radera en mall

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

  2. Hitta det tema där du vill radera en mall och klicka sedan på > Redigera kod.

  3. Hitta mappen mallar i kodredigeraren.

  4. Klicka på namnet på den mall du vill radera och klicka sedan på papperskorgsikonen.

  5. Klicka på Radera fil i dialogrutan.

Hittar du inte de svar du letar efter? Vi finns här för att hjälpa till!