Avsnitt och block
Du kan använda avsnitt i ditt tema för att skapa den layout du vill ha i webbutiken. Avsnitt består av olika typer av block som alla har specifika funktioner, som text, knappar, enstaka bilder, ett bildkollage eller länkar.
Avsnitt och block ger flexibilitet i hur du sorterar ditt innehåll och låter dig styra stilen och känslan i din webbshop utan att behöva redigera kod, inklusive följande anpassningsalternativ:
- Du kan sortera om avsnitt i dina mallar och sortera om block i avsnitt.
- Avsnitt och block kan ha specifika anpassningsinställningar.
- Du kan ansluta kompatibla avsnitt och block för att visa dynamisk information i din webbshop från anpassade data, till exempel lägga till skötselinstruktioner för dina produkter. Läs mer om hur du ansluter dynamiska källor.
De avsnitt och block som finns tillgängliga i temaredigeraren beror på ditt tema och din temaversion. Till exempel så kan ditt tema ha ett Bildspelsblock som du endast kan lägga till i ett Bildspelsavsnitt och ett Rubriktextblock som du kan lägga till i alla temaavsnitt. Se dokumentationen för ditt tema för mer information om vilka alternativ som finns tillgängliga för dig.
Avsnitts- och blockmaxgränser
Avsnitt och block har följande maxgränser:
- Varje mall kan ha upp till 25 avsnitt.
- Varje avsnitt kan ha upp till 50 block. Det exakta antalet block och antalet av varje typ av block som du kan lägga till i varje avsnitt beror på avsnittet och blockkällorna och anges av temadesignern för ditt tema. Om ditt tema till exempel har ett avsnitt för e-post-registrering kan du kanske bara lägga till ett block för e-postformulär.
- Block som stöder inbäddning kan ha upp till 8 nivåer av inbäddade block.
På den här sidan
Blockera källor
Beroende på temats struktur och de appar som du har installerat kan ditt tema innehålla en mängd olika avsnitt som accepterar block från olika källor. När du lägger till ett block i ett avsnitt visas alla tillgängliga block för det avsnittet i blockväljaren. Beroende på ditt tema och din temaversion kan du lägga till följande typer av block till avsnitt i ditt tema:
- Appblock är block som lägger till funktionalitet i ditt tema. Du kan använda ett appblock för att flytta delar av ditt tema tillagt av dina installerade appar till ett specifikt område på en sida i ditt tema.
- Avsnittsblock är block som definieras inom ett specifikt avsnitt.
- Temablock är block som definieras i ditt tema och kan ha dynamiska funktioner, till exempel inbäddning.
Ditt tema kan innehålla vissa avsnitt som använder avsnittsblock och andra avsnitt som använder temablock. Ett enda avsnitt kan acceptera antingen temablock eller avsnittsblock, men inte båda.
Tillgängligheten för appblock i avsnitten beror på appens funktionalitet och om avsnittet kan acceptera appblock.
Avsnittsblock
Avsnittsblock är block som är utformade för ett specifikt avsnitt. Ett avsnitt kan ha begränsningar för de typer av avsnittsblock och begränsa antalet av en viss typ av block som du kan lägga till.
Exempel på ett avsnitt med avsnittsblock
Till exempel har ditt tema ett avsnitt för e-postregistrering. Du kan använda det här avsnittet för att lägga till ett nyhetsbrevsformulär för att kunder ska kunna prenumerera på ditt nyhetsbrev. När du har lagt till avsnittet för e-postregistrering kan du lägga till ett av följande block:
- ett block för e-postformulär
- ett Rubrik-block
- ett Underrubrik-block
Om du lägger till e-postformulärblocket och klickar på + Lägg till block för att lägga till ett annat block, visas inte längre e-postformulärblocket som ett alternativ i blockväljaren. Denna begränsning hjälper till att förhindra eventuella problem med att samla in kundens e-postadress och säkerställer att kunden enkelt kan ange sin e-postadress.
Om du har lagt till alla tre tillgängliga block för avsnittet för e-post-registrering visar blockväljaren ett meddelande om att alla tillgängliga block har använts.
Temablock
Temablock är block som definieras i ditt tema och kan ha dynamiska funktioner, till exempel inbäddning. Avsnitt som accepterar temablock kan acceptera en mängd olika block, beroende på avsnittets struktur. Ett avsnitt som accepterar temablock kan acceptera alla tillgängliga temablock, en specifik delmängd av block eller block som är unika för det avsnittet. Temablock kan även ha följande beteenden:
- Vissa block stöder inbäddning, så att du kan bygga block inom andra block upp till 8 nivåer.
- Vissa avsnitt har obligatoriska block. Du kan anpassa eller dölja dessa block, men du kan inte sortera om eller radera dem.
- Vissa block visas automatiskt i ett avsnitt när vissa villkor är uppfyllda.
Exempel på ett avsnitt med temablock
Ditt tema har till exempel ett Bildspelsavsnitt med temablock.
I bildspelsavsnittet i ditt tema kan du välja ett Bildspelsblock från blockväljaren när du klickar på + Lägg till block. Inga andra blocktyper är tillgängliga. Om du försöker lägga till ett Bildspelsblock till ett annat avsnitt i ditt tema, till exempel ett avsnitt för Bildbanner, är Bildspel inte tillgängligt. Detta är ett exempel på ett begränsat block.
När du har lagt till ett bildspelsblock i bildspelsavsnittet kan du klicka på + Lägg till block för att lägga till ytterligare bildspelsblock till ett bildspelsavsnitt, till exempel rubrik, bild, knapp. Blocken är inbäddade i Bildspelet. Detta är ett exempel på ett inbäddat block.
Om du lägger till ett andra Bildspelsblock i Bildspelsavsnittet lägger temat automatiskt till ett block för Bildspelskontroll. Detta block visar knappar som besökare på din webbplats kan klicka på för att navigera från en bild till en annan. Du kan anpassa stilen på knappar eller dölja reglagen, men du kan inte ta bort eller radera blocket. Detta är ett exempel på ett obligatoriskt block som visas villkorligt.
Kompatibilitet med temablock
För att komma åt temablock måste ditt tema ha avsnitt som stöder temablock. Du kan kontrollera om ditt tema stöder temablock i temakoden. Om det finns en blockkatalog i sidofältet i Liquid Editor, använder du ett tema som stöder temablock. Du kan även kontrollera dokumentationen till ditt tema.
Steg:
Från din Shopify-admin går du till Webbshop > Teman.
Klicka på knappen ... och klicka sedan på Redigera kod intill det tema du vill markera.
Sök efter blockmappen i sidofältet.
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:
Dator
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.
iPhone
- 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.
Android
- 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
Dator
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.
iPhone
- 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.
Android
- 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
Dator
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.
iPhone
- 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.
Android
- 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
Dator
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.
iPhone
- 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.
Android
- 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
Dator
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.
iPhone
- 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.
Android
- 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
Du kan använda metafält och metaobjekt för att visa dynamisk information i din webbshop. Om du har ett tema som stöder metafält kan du ansluta ett metafält till ett kompatibelt avsnitt eller blockinställningar i temaredigeraren.
Om du till exempel säljer ljus kanske du vill visa brinntid för varje ljus som finns i din butik. När du har ställt in ett produkt-metafält för Brinntid i avsnittet Anpassad data i dina Shopify-administratörsinställningar kan du lägga till ett textblock i produktmallens huvudavsnitt. I textblocket kan du klicka på ikonen Anslut dynamisk källa i textinställningen och välja metafält för Brinntid. Information om brinntid kommer nu att visas för dina produkter.
Om du har ett Shopify-tema kan du ansluta de flesta metafält och metaobjekt till temat med hjälp av temaredigeraren. Om du använder andra teman, eller om du vill lägga till anpassade datatyper som temat inte stödjer så kan du redigera temakoden eller anlita en Shopify partner som hjälp. Läs mer om att anlita en Shopify partner.
Alla avsnitt eller block stöder inte dynamiska källor. Se temadokumentationen för mer information.
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 sektioner eller block i ditt tema med hjälp av knappen Anslut dynamisk källa:

Steg:
Dator
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.
iPhone
- 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.
Android
- 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å ✓.
Läs mer om att visa metafält i din webbshop och visa metaobjekt i din webbshop.
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.