Avsnitt och block

Teman som är byggda för webbutik 2.0 använder avsnitt för att skapa din idealiska layout. De flesta avsnitt består av block som tjänar en specifik funktion, till exempel sidhuvuden, text, enskilda bilder, ett kollage av bilder eller länkar. Att använda avsnitt och block i dina mallar ger mer flexibilitet i hur du sorterar butikens innehåll, vilket gör det möjligt för dig att kontrollera utseendet och känslan i din webbutik utan att behöva redigera kod.

Varje avsnitt har en specifik variation av block som du kan lägga till det. 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 för dig.

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 kan avsnittet Bild med text bara visa de block som temadesignern har angett för ditt tema. I det kostnadsfria Shopify-temat Gryning kan du bara lägga till ett av följande block:

  • en rubrik
  • en paragraf
  • en knapp

Du kan ytterligare anpassa avsnittet genom att redigera dess inställningar för att inkludera en bild och välja justering, storlek, bakgrundsfärg och vad som läses in först när kunder besöker din webbutik.

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 läses butikens startsida in som standard. Du kan använda rullgardinsmenyn för att välja en annan mall, eller använda sökfältet i mall rullgardinsmenyn för att söka efter en specifik sidtyp. Om du väljer en mall läses den in i temaredigeraren och alla ändringar du gör förhandsgranskas i redigeraren medan du gör dem.

Lägg till ett avsnitt

Lägg till ett nytt avsnitt på en sida i din webbutik.

Steg:

  1. Välj en mall från rullgardinsmenyn. 4. Klicka på + lägg till avsnitt och välj sedan ett nytt avsnitt från listan. 5. Klicka på det nya avsnittet för att redigera blocken inom avsnittet. 6. Valfritt: Klicka och dra ⋮⋮-ikonen bredvid ett avsnitt för att ordna om avsnitten på din sida. 7. Klicka på Spara.

Redigera ett avsnitt

  1. Välj den mall som innehåller det avsnitt som du vill redigera i rullgardinsmenyn. 4. Klicka på ett avsnitt för att ladda innehållet i förhandsgranskningsfönstret och få tillgång till de alternativ som finns tillgängliga för dig. 5. Valfritt: Klicka på enskilda block för att redigera blocken inom avsnittet. 6. Klicka på Spara.

Ta bort ett avsnitt eller block

  1. Välj den mall som innehåller det avsnitt som du vill redigera i rullgardinsmenyn. 4. Klicka på ett avsnitt för att ladda innehållet i förhandsgranskningsfönstret och få tillgång till de alternativ som finns tillgängliga för dig. 5. Klicka på ögonikonen för att dölja eller visa ett avsnitt eller block. 6. Klicka på Ta bort för att radera ett block eller avsnitt.

Vissa avsnitt har fasta blocktyper och gränser. Om en gräns finns för ett visst avsnitt eller block, meddelar gränssnittet att du har använt X av X tillgängliga block. Om du har använt det maximala antalet block kan du inte lägga till ytterligare block förrän du har raderat ett befintligt.

Arbeta med block

Block är anpassningsbara moduler som utgör avsnitten i dina sidmallar. Du kan använda block för att lägga till text, bilder, länkar, knappar och mer.

Webbutik 2.0-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 gjorts tillgängliga för det avsnittet av temadesignern. Andra avsnitt låter dig välja vilket block som helst, men begränsar det totala antalet block som du kan lägga till i avsnittet. Om ditt avsnitt når det maximala antalet tillgängliga block visar ett meddelande gränsen nådd och alternativet + Lägg till block är gråtonat tills ett befintligt block tas bort.

Lägg till ett block

  1. Välj den mall som innehåller det avsnitt som du vill redigera i rullgardinsmenyn. 4. Klicka på ett avsnitt för att ladda innehållet i förhandsgranskningsfönstret och få tillgång till de alternativ som finns tillgängliga för dig. 5. Klicka på + Lägg till block och konfigurera sedan de tillgängliga alternativen. 6. Klicka på Spara.

Använda metafält och dynamiska källor

Metafält gör att du kan visa dynamisk information i din webbutik. Om du har ett tema som stöder metafält kan du ansluta ett metafält till ett avsnitt eller block i temaredigeraren.

Till exempel kan en ljusförsäljare vilja visa brinntid för varje tillgänglig typ av ljus. Efter att ha konfigurerat ett metafält för brinntid kan säljaren lägga till ett block för brinntid till sin produktmall och sedan ansluta den till metafältet.

Du kan visa dynamisk information i din webbutik genom att lägga till avsnitt eller block som kan använda dynamiska källor. Dynamiska källor kan användas i alla avsnitt eller block i en produktmall. I icke-produktmallar kan dynamiska källor användas i avsnitt eller block som visar produkter. 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 dynamiska källor i ditt tema.

När du har slutfört installationsprocessen följer du dessa steg för att infoga den dynamiska källan i din mall:

  1. Välj den mall som innehåller det avsnitt som du vill redigera i rullgardinsmenyn. 4. Klicka på ett befintligt avsnitt för att ladda innehållet i förhandsgranskningsfönstret och få tillgång till de alternativ som finns tillgängliga för dig, eller klicka på + Lägg till avsnitt. 5. Klicka på + Lägg till block och anslut sedan en dynamisk källa: * Om ikonen anslut dynamisk källa visas klickar du för att välja ett enda metafält:
    Anslut dynamisk källa
    * Om den dynamiska källikonen för anslutning visar ett + klickar du för att välja upp till 20 metafält genom att lägga till dem ett i taget:
    Infoga dynamisk källikon
    6. Klicka på Spara.

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

Prova gratis