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.

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:

Redigera ett avsnitt

Duplicera ett avsnitt eller block

Dölj eller ta bort ett avsnitt eller ett block

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

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.

Anslut dynamisk källa

Steg:

Väljare av dynamisk källa

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.

Är du redo att börja sälja med Shopify?

Prova gratis