Avsnitt och block
Du kan använda avsnitt i ditt tema för att skapa den layout du vill ha för din webbutik. De flesta avsnitt består av block som har en specifik funktion, till exempel text, knappar, enskilda bilder, ett kollage av bilder eller länkar. Att använda avsnitt och block i dina mallar ger flexibilitet i hur du sorterar ditt innehåll, vilket gör det möjligt för dig att kontrollera stilen och känslan i din webbutik utan att behöva redigera kod. Varje mall kan ha upp till 25 avsnitt.
Varje avsnitt har en specifik variation av block som du kan lägga till det. Du kan lägga till upp till 50 block per avsnitt. Vilka avsnitt och block som är tillgängliga beror på ditt tema. Se din temadokumentation för mer information om vilka alternativ som finns tillgängliga.
Vissa avsnitt har begränsningar för antalet block som du kan lägga till eller begränsningar för antalet block av en viss typ. Till exempel visar avsnittet Bild med text endast de block som anges av temadesignern för ditt tema. I det kostnadsfria Shopify-temat Dawn kan du bara lägga till ett av vardera av följande block i avsnittet Bild med text:
- ett Rubrik-block
- ett Text-block
- ett Knapp-block
- ett Bildtext-block
Du kan ytterligare anpassa avsnittet Bild med text med följande alternativ:
- lägg till en bild och ställ in dess storlek
- välj en animationsstil för din bild
- välj justering för innehållet i dina block
- ange ett färgschema för avsnittet
Om du når gränsen för antalet block som du kan lägga till blir alternativet Lägg till block i temaredigeraren gråtonat och du kan inte klicka eller trycka på det. Om du till exempel i avsnittet Bild med text i temat Dawn har lagt till ett Rubrik-block, ett Text-block, ett Knapp-block och ett Bildtext-block, visas Lägg till block (4/4) eftersom du redan har lagt till alla 4 block som är tillgängliga i avsnittet Bild med text.
Du kan redigera din temakod eller kontakta temautvecklaren för support om de avsnitt som du lägger till i din butikslayout inte inkluderar de inställningar eller alternativ du behöver.
På den här sidan
Anpassa dina temamallar med avsnitt och block
När du öppnar temaredigeraren laddas din butiks startsida som standard. Du kan använda rullgardinsmenyn för att välja en annan mall, t.ex. produkter, produktserier, sidor eller bloggar, eller använda sökfältet i rullgardinsmenyn för mallar för att söka efter en viss mall. När du väljer en mall laddas den in i temaredigeraren och alla ändringar du gör förhandsgranskas i redigeraren.
Lägg till ett avsnitt
Lägg till ett nytt avsnitt på en sida i din webbutik.
Steg:
- Från din Shopify-admin går du till Webbshop > Teman.
- Hitta det tema du vill redigera och klicka på Anpassa.
- Anpassa din startsida eller klicka på rullgardinsmenyn Startsida och välj sedan den mall i vilken du vill lägga till ett avsnitt.
-
Klicka på Lägg till avsnitt i sidofältet och gör sedan något av följande:
- Välj ett avsnitt från listan.
- Använd fältet Sökavsnitt för att hitta ett specifikt avsnitt och välj det.
-
Anpassa ditt nya avsnitt genom att vidta någon av följande åtgärder:
- Redigera inställningarna och innehållet i ditt nya avsnitt.
- Redigera inställningarna och innehållet i standardblocken som laddas med avsnittet.
- Klicka på Lägg till block för att lägga till ett nytt block.
Valfritt alternativ: Om du vill ändra ordningen på avsnitten på sidan håller du muspekaren över namnet på avsnittet och klickar sedan på och drar ikonen
⋮⋮
.Klicka på Spara.
- Från Shopify-appen trycker du på knappen ….
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Anpassa din startsida eller tryck på rullgardinsmenyn Startsida och välj sedan den mall i vilken du vill lägga till ett avsnitt.
-
Tryck på Avsnitt, sedan på Lägg till avsnitt och gör något av följande:
- Välj ett avsnitt från listan och tryck sedan på Lägg till.
- Tryck på förstoringsglasikonen för att söka efter ett visst avsnitt, välj avsnittet och tryck sedan på Lägg till.
-
Anpassa ditt nya avsnitt genom att vidta någon av följande åtgärder:
- Redigera inställningarna och innehållet i ditt nya avsnitt.
- Redigera inställningarna och innehållet i standardblocken som laddas med avsnittet.
- Tryck på Lägg till block för att lägga till ett nytt block.
Valfritt: Om du vill ändra ordningen på avsnitten på sidan trycker du på och drar avsnittet.
Klicka på Spara.
- I Shopify-appen trycker du på knappen ☰.
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Anpassa din startsida eller tryck på rullgardinsmenyn Startsida och välj sedan den mall i vilken du vill lägga till ett avsnitt.
-
Tryck på Avsnitt, sedan på Lägg till avsnitt och gör något av följande:
- Välj ett avsnitt från listan och tryck sedan på Lägg till.
- Tryck på förstoringsglasikonen för att söka efter ett visst avsnitt, välj avsnittet och tryck sedan på Lägg till.
-
Anpassa ditt nya avsnitt genom att vidta någon av följande åtgärder:
- Redigera inställningarna och innehållet i ditt nya avsnitt.
- Redigera inställningarna och innehållet i standardblocken som laddas med avsnittet.
- Tryck på Lägg till block för att lägga till ett nytt block.
Valfritt: Om du vill ändra ordningen på avsnitten på sidan trycker du på och drar avsnittet.
Tryck på ✓.
Redigera ett avsnitt
- Från din Shopify-admin går du till Webbshop > Teman.
- Hitta det tema du vill redigera och klicka på Anpassa.
- Redigera ett avsnitt på din startsida eller klicka på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt du vill redigera.
- Klicka på ett avsnittsnamn i sidofältet för att ladda innehållet i förhandsgranskningsfönstret och få tillgång till de inställningar och alternativ som du kan redigera.
- Valfritt: Klicka på enskilda block för att redigera blocken i ett avsnitt.
- Klicka på Spara.
- Från Shopify-appen trycker du på knappen ….
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Redigera ett avsnitt på din startsida eller tryck på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt du vill redigera.
- Tryck på Avsnitt och sedan på ett avsnittsnamn för att ladda innehållet i förhandsgranskningsfönstret och få tillgång till de inställningar och alternativ som du kan redigera.
- Valfritt: Tryck på enskilda block för att redigera blocken i ett avsnitt.
- Klicka på Spara.
- I Shopify-appen trycker du på knappen ☰.
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Redigera ett avsnitt på din startsida eller tryck på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt du vill redigera.
- Tryck på Avsnitt och sedan på ett avsnittsnamn för att ladda innehållet i förhandsgranskningsfönstret och få tillgång till de inställningar och alternativ som du kan redigera.
- Valfritt: Tryck på enskilda block för att redigera blocken i ett avsnitt.
- Tryck på ✓.
Duplicera ett avsnitt eller block
- Från din Shopify-admin går du till Webbshop > Teman.
- Hitta det tema du vill redigera och klicka på Anpassa.
- Kopiera ett avsnitt eller block på din startsida eller klicka på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt eller block du vill kopiera.
- Tryck på avsnittet eller blocket som du vill duplicera.
- I sidofältet klickar du på ... > Kopiera.
- Klicka på Spara.
- Från Shopify-appen trycker du på knappen ….
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Duplicera ett avsnitt eller block på din startsida eller tryck på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt eller block du vill duplicera.
- Tryck på avsnitt och sedan på det avsnitt eller det block som du vill kopiera.
- Tryck på ... > Duplicera.
- Klicka på Spara.
- I Shopify-appen trycker du på knappen ☰.
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Duplicera ett avsnitt eller block på din startsida eller tryck på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt eller block du vill duplicera.
- Tryck på avsnitt och sedan på det avsnitt eller det block som du vill kopiera.
- Tryck på ... > Duplicera.
- Tryck på ✓.
Dölj eller ta bort ett avsnitt eller ett block
- Från din Shopify-admin går du till Webbshop > Teman.
- Hitta det tema du vill redigera och klicka på Anpassa.
- Dölj eller radera ett avsnitt eller block på din startsida eller klicka på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt eller block du vill dölja eller radera.
- Valfritt: Om du vill dölja ett avsnitt eller block från din webbutik håller du muspekaren över namnet på avsnittet eller blocket och klickar sedan på ögonikonen.
- Valfritt: Om du vill ta bort ett avsnitt eller ett block från din webbutik håller du muspekaren över namnet på avsnittet eller blocket och klickar sedan på papperskorgsikonen.
- Klicka på Spara.
- Från Shopify-appen trycker du på knappen ….
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Dölj eller radera ett avsnitt eller block på din startsida eller tryck på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt eller block du vill dölja eller radera.
- Tryck på Avsnitt och tryck sedan på det avsnitt eller det block som du vill dölja eller ta bort.
- Valfritt: Om du vill dölja ett avsnitt eller ett block från din webbutik trycker du på ... > Dölj.
- Valfritt: För att ta bort en sektion eller ett block från din webbutik trycker du på ... > Ta bort.
- Klicka på Spara.
- I Shopify-appen trycker du på knappen ☰.
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Dölj eller radera ett avsnitt eller block på din startsida eller tryck på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt eller block du vill dölja eller radera.
- Tryck på Avsnitt och tryck sedan på det avsnitt eller det block som du vill dölja eller ta bort.
- Valfritt: Om du vill dölja ett avsnitt eller ett block från din webbutik trycker du på ... > Dölj.
- Valfritt: För att ta bort en sektion eller ett block från din webbutik trycker du på ... > Ta bort.
- Tryck på ✓.
Arbeta med block
Block är anpassningsbara moduler som du använder för att lägga till innehåll i avsnitten i dina mallar. Du kan använda block för att lägga till text, bilder, länkar, knappar med mera.
Shopify-teman har avsnitt och block som du kan anpassa. Vissa avsnitt har fasta blocktyper, vilket innebär att du bara kan välja mellan de block som temadesignern har tillgängliggjort för det avsnittet.
Andra avsnitt låter dig välja vilket block som helst, men det finns en gräns för totalt antal block som du kan lägga till i avsnittet. Om ditt avsnitt når det maximala antalet tillgängliga block är alternativet Lägg till block gråtonat och du kan inte klicka eller trycka på det.
Lägg till ett block
- Från din Shopify-admin går du till Webbshop > Teman.
- Hitta det tema du vill redigera och klicka på Anpassa.
- Du kan lägga till ett block i ett avsnitt på din startsida eller klicka på rullgardinsmenyn Startsida och sedan välja den mall i vilken du vill lägga till ett block.
-
Leta reda på det avsnitt i vilket du vill lägga till ett block, klicka på Lägg till block och gör sedan något av följande:
- Välj ett block från listan.
- Använd fältet Sökblock för att hitta ett specifikt block och välj det.
Klicka på Spara.
- Från Shopify-appen trycker du på knappen ….
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Du kan lägga till ett block i ett avsnitt på din startsida eller trycka på rullgardinsmenyn Startsida och sedan välja den mall i vilken du vill lägga till ett block.
-
Tryck på Avsnitt, sedan på Lägg till block för det avsnitt i vilket du vill lägga till ett block och utför sedan något av följande steg:
- Välj ett block från listan.
- Tryck på förstoringsglasikonen för att söka efter ett specifikt block och välj sedan blocket.
Klicka på Spara.
- I Shopify-appen trycker du på knappen ☰.
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Du kan lägga till ett block i ett avsnitt på din startsida eller trycka på rullgardinsmenyn Startsida och sedan välja den mall i vilken du vill lägga till ett block.
-
Tryck på Avsnitt, sedan på Lägg till block för det avsnitt i vilket du vill lägga till ett block och utför sedan något av följande steg:
- Välj ett block från listan.
- Tryck på förstoringsglasikonen för att söka efter ett specifikt block och välj sedan blocket.
Tryck på ✓.
Använd metafält och metaobjekt med dynamiska källor
Metafält och metaobjekt gör att du kan visa dynamisk information i din webbshop. Om du har ett tema som stödjer metafält kan du ansluta ett metafält till ett avsnitt eller block i temaredigeraren.
Till exempel kan en ljusförsäljare vilja visa bränntid för varje tillgänglig typ av ljus. Efter att ha konfigurerat ett metafält för produkt för bränntid kan säljaren lägga till ett block för bränntid i sin produktmall och sedan ansluta den till produktens metafält. Efter att ha konfigurerat ett metafält för en produktserie för en sida som listar bränntid kan säljaren lägga till ett block i sin produktseriemall och sedan ansluta den till metafält för produktserien.
Du kan visa dynamisk information i din webbshop genom att lägga till avsnitt eller block som kan använda dynamiska källor. Dynamiska källor kan användas i alla mallar, avsnitt eller block som visar kompatibla resurser (produkt, produktserie, sida, blogg och blogginlägg). Du måste lägga till ditt metafält innan du kan ansluta det i dina mallar. Se dynamiska källor för mer information om hur du använder metafält och metaobjekt med dynamiska källor i ditt tema.
När du har slutfört installationsprocessen följer du stegen nedan för att ansluta dynamiska källor till avsnitt eller block i ditt tema med hjälp av knappen Anslut dynamisk källa.
Steg:
- Från din Shopify-admin går du till Webbshop > Teman.
- Hitta det tema du vill redigera och klicka på Anpassa.
- Redigera ett avsnitt eller block på din startsida eller klicka på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt eller block du vill redigera.
- Klicka på ett avsnitt eller blocknamn i sidofältet för att ladda innehållet i förhandsgranskningsfönstret och få tillgång till de inställningar och alternativ som du kan redigera.
- Klicka på knappen Koppla dynamisk källa för den relevanta innehållstyp du vill redigera och koppla sedan din dynamiska källa.
- Klicka på Spara.
- Från Shopify-appen trycker du på knappen ….
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Redigera ett avsnitt eller block på din startsida eller tryck på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt eller block du vill redigera.
- Tryck på Sektioner och sedan på ett sektions- eller blocknamn för att ladda innehållet i förhandsgranskningsfönstret och få tillgång till de inställningar och alternativ som du kan redigera.
- Tryck på knappen Koppla dynamisk källa för den relevanta innehållstyp du vill redigera och sedan koppla din dynamiska källa.
- Klicka på Spara.
- I Shopify-appen trycker du på knappen ☰.
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera alla teman.
- Hitta det tema du vill redigera och tryck på Anpassa.
- Redigera ett avsnitt eller block på din startsida eller tryck på rullgardinsmenyn Startsida och välj sedan den mall som innehåller det avsnitt eller block du vill redigera.
- Tryck på Sektioner och sedan på ett sektions- eller blocknamn för att ladda innehållet i förhandsgranskningsfönstret och få tillgång till de inställningar och alternativ som du kan redigera.
- Tryck på knappen Koppla dynamisk källa för den relevanta innehållstyp du vill redigera och sedan koppla din dynamiska källa.
- Tryck på ✓.
Väljare av dynamisk källa
Du kan använda väljaren av dynamisk källa för att ansluta rätt dynamisk källa direkt i temaredigeraren. Gå igenom följande viktiga funktioner i väljaren av dynamisk källa:
- Du kan referera till dynamiska källor från olika resurser, i tillämpliga fall. Om du t.ex. kopplar en inställning till ett block som är kopplat till både en produktresurs och en sidresurs kan du använda rullgardinsmenyn i väljaren av dynamisk källa för att ange om du vill söka efter metafält som är kopplade till antingen produkten eller sidresursen.
- Väljaren av dynamisk källa har en sök- och filterfunktionalitet som hjälper dig att hitta det metafält du behöver.
- Med den dynamiska väljaren av källa kan du välja metafält för kategorier. Dessa är ytterligare attribut som blir tillgängliga när du tilldelar en produktkategori till en produkt. Genom att komma åt dessa metafält kan du ansluta dynamiska källor till valfria relevanta fält på det underliggande attributmetaobjektet.