Afsnit og blokke

Du kan bruge afsnit i dit tema til at oprette det layout, du ønsker for din webshop. Afsnit består af forskellige typer blokke, der hver især har en bestemt funktion, f.eks. tekst, knapper, enkeltbilleder, en collage af billeder eller links.

Afsnit og blokke giver fleksibilitet i, hvordan du arrangerer dit indhold, og giver dig mulighed for at styre stilen og udtrykket i din webshop uden at skulle redigere kode. Dette omfatter følgende tilpasningsmuligheder:

• Du kan omarrangere afsnit i dine skabeloner og omarrangere blokke i afsnit.
• Afsnit og blokke kan have specifikke indstillinger for tilpasning.
• Du kan forbinde kompatible afsnit og blokke for at vise dynamiske oplysninger i din webshop fra tilpassede data, f.eks. ved at tilføje plejevejledninger til dine produkter. Få mere at vide om at forbinde dynamiske kilder.

De afsnit og blokke, der er tilgængelige i temaeditoren, afhænger af dit tema og din temaversion. Dit tema kan f.eks. have en slide-blok, som du kun kan føje til et diasshow-afsnit, og en overskrift-tekstblok, som du kan føje til alle afsnit i dit tema. Du kan finde flere oplysninger om, hvilke valgmuligheder du har, i dokumentationen til dit tema.

Maksimumgrænser for afsnit og blokke

Afsnit og blokke har følgende maksimumgrænser:

• Hver skabelon kan have op til 25 afsnit.
• Hver skabelon kan have op til 1.250 blokke på tværs af alle afsnit. Det præcise antal blokke og antallet af hver type blok, som du kan føje til hvert afsnit, afhænger af afsnittets og blokkens kilder og angives af temadesigneren for dit tema. Hvis dit tema f.eks. har et afsnit til tilmelding til mail, kan du måske kun tilføje én mailformular-blok.
• Blokke, der understøtter indlejring, kan have op til otte niveauer af indlejrede blokke.

Blokkilder

Afhængigt af dit temas struktur og de apps, du har installeret, kan dit tema indeholde en række afsnit, der accepterer blokke fra forskellige kilder. Når du føjer en blok til et afsnit, vises alle tilgængelige blokke for det pågældende afsnit i blokvælgeren. Afhængigt af dit tema og din temaversion kan du føje følgende typer af blokke til afsnit i dit tema:

• App-blokke er blokke, der føjer funktionalitet til dit tema. Du kan bruge en app-blok til at flytte områder af dit tema, der er tilføjet af dine installerede apps, til et bestemt område på en side i dit tema.
• Afsnitsblokke er blokke, der er defineret i et bestemt afsnit.
• Temablokke er blokke, der er defineret i dit tema og kan have dynamisk funktionalitet, f.eks. indlejring.

Dit tema kan indeholde nogle afsnit, der bruger afsnitsblokke, og andre afsnit, der bruger temablokke. Et enkelt afsnit kan acceptere enten temablokke eller afsnitsblokke, men ikke en blanding af begge.

Tilgængeligheden af app-blokke i afsnit afhænger af appens funktionalitet, og om afsnittet kan acceptere app-blokke.

Afsnitsblokke

Afsnitsblokke er blokke, der er designet til et bestemt afsnit. Et afsnit kan have grænser for, hvilke typer afsnitsblokke der er, og begrænse antallet af en bestemt type blok, du kan tilføje.

Eksempel på et afsnit med afsnitsblokke

Dit tema har f.eks. et afsnit til tilmelding til mail. Du kan bruge dette afsnit til at tilføje en tilmeldingsformular til nyhedsbrev, så kunder kan abonnere på dit nyhedsbrev. Når du har tilføjet afsnittet Tilmelding til mail, kan du tilføje én af hver af følgende blokke:

• en mailformular-blok
• en overskriftsblok
• en underoverskriftsblok

Hvis du tilføjer mailformular-blokken og klikker på Tilføj blok for at tilføje endnu en blok, vises mailformular-blokken ikke længere som en valgmulighed i blokvælgeren. Denne begrænsning er med til at forhindre problemer med at indsamle kundens mailadresse og sikrer, at kunden nemt kan angive sin mailadresse.

Hvis du har tilføjet alle tre tilgængelige blokke til afsnittet Tilmelding til mail, viser blokvælgeren en besked om, at alle tilgængelige blokke er blevet brugt.

Temablokke

Temablokke er blokke, der er defineret i dit tema og kan have dynamisk funktionalitet, f.eks. indlejring. Afsnit, der accepterer temablokke, kan acceptere en række forskellige blokke afhængigt af afsnittets struktur. Et afsnit, der accepterer temablokke, kan acceptere alle tilgængelige temablokke, et specifikt undersæt af blokke eller blokke, der er unikke for det pågældende afsnit. Temablokke kan også have følgende adfærd:

• Nogle blokke understøtter indlejring, så du kan indlejre blokke i andre blokke i op til otte niveauer.
• Nogle afsnit har påkrævede blokke. Du kan tilpasse eller skjule disse blokke, men du kan ikke omarrangere eller slette dem.
• Nogle blokke vises automatisk i et afsnit, når visse betingelser er opfyldt.

Eksempel på et afsnit med temablokke

Dit tema har f.eks. et diasshow-afsnit med temablokke.

I diasshowafsnittet i dit tema kan du vælge en slide-blok fra blokvælgeren, når du klikker på Tilføj blok. Der er ingen andre tilgængelige bloktyper. Hvis du forsøger at tilføje en slide-blok til et andet afsnit i dit tema, f.eks. et afsnit med et billedbanner, er slide ikke tilgængelig. Dette er et eksempel på en begrænset blok.

Når du har tilføjet en Slide-blok til sektionen Diasshow, kan du klikke på Tilføj blok for at tilføje yderligere blokke til en hvilken som helst Slide-blok i sektionen Diasshow, f.eks. en Overskrift, et Billede eller en Knap. Disse blokke er indlejret i Slide-blokken. Dette er et eksempel på en indlejret blok.

Hvis du tilføjer endnu en Slide-blok til sektionen Diasshow, tilføjer temaet automatisk en blok med Kontrolelementer til diasshow. Denne blok viser knapper, som besøgende på dit website kan klikke på for at navigere fra et slide til et andet. Du kan tilpasse knappernes stil eller skjule kontrolelementerne, men du kan ikke fjerne eller slette blokken. Dette er et eksempel på en påkrævet blok, der vises betinget.

Kompatibilitet for temablokke

For at få adgang til temablokke skal dit tema have sektioner, der understøtter temablokke. Du kan tjekke, om dit tema understøtter temablokke, i dit temas kode. Hvis der er en blocks-mappe i sidebjælken i Liquid-editoren, bruger du et tema, der understøtter temablokke. Du kan også tjekke dit temas dokumentation.

Trin:

1. Gå til Webshop > Temaer i din Shopify-administrator.

2. Klik på knappen ud for det tema, du vil tjekke, og klik derefter på Rediger kode.

3. Søg efter mappen “blocks” i sidebjælken.

   

Tilpasning af dine temaskabeloner med sektioner og blokke

Når du åbner temaeditoren, indlæses din butiks startside som standard. Du kan bruge rullemenuen til at vælge en anden skabelon, f.eks. produkter, kollektioner, sider eller blogs, eller du kan bruge søgefeltet i rullemenuen for skabeloner til at søge efter en bestemt skabelon. Når du vælger en skabelon, indlæses den i temaeditoren, og alle de ændringer, du foretager, forhåndsvises i editoren.

Tilføj en sektion

Tilføj en ny sektion til en hvilken som helst side i din webshop.

Trin:

Rediger en sektion

Flyt en sektion eller en blok

Du kan ændre rækkefølgen af sektioner på dine sideskabeloner og flytte rundt på blokke i disse sektioner. Desuden kan du flytte kompatible blokke mellem forskellige sektioner. Hvis din startside f.eks. har to sektioner med diasshow, kan du trække en Slide-blok fra det ene diasshow til det andet.

Du kan ikke flytte en blok til en anden sektion, hvis bloktypen er inkompatibel, eller hvis sektionen allerede har nået sin maksimale grænse for blokke. Hvis du forsøger at flytte en sektion eller blok til en ugyldig placering, vender den tilbage til sin oprindelige position.

Du kan også bruge forhåndsvisningsinspektøren til at flytte rundt på sektioner. Få mere at vide om at bruge forhåndsvisningsinspektøren i temaeditoren.

Trin:

Dupliker et afsnit eller en blok

Du kan duplikere et afsnit eller en blok for at oprette en identisk kopi.

Når du har duplikeret en blok, tilføjes den nye blok til det samme afsnit. Hvis du vil flytte blokken til et nyt afsnit eller ændre blokkenes rækkefølge, kan du omarrangere blokken. Du kan også kopiere en blok og derefter indsætte den direkte i et andet afsnit i stedet.

Kopiér og indsæt blokke

Hvis du vil bruge den samme blok i flere afsnit, kan du nemt kopiere den og indsætte den i et andet afsnit. Du kan også kopiere og indsætte en blok i det samme afsnit, eller du kan i stedet vælge at duplikere blokken. En duplikeret blok bevarer alle indstillinger og alt indhold fra den oprindelige blok.

Trin:

1. Gå til Webshop > Temaer i din Shopify-administrator.

2. Klik på Rediger tema ud for det tema, du vil redigere.

3. Hvis du vil kopiere og indsætte en blok på din startside, skal du enten vælge den direkte eller bruge rullemenuen Startside til at vælge den specifikke skabelon, der indeholder det afsnit eller den blok, du vil redigere.

4. Højreklik på den blok, du vil duplikere, og klik derefter på Kopiér.

5. Højreklik i det samme eller et andet afsnit, og klik derefter på Indsæt.

6. Klik på Gem.

Skjul eller slet et afsnit eller en blok

Omdøbning af et afsnit eller en blok

Som standard er titlen på et afsnit eller en blok i sidebarmenuen og indstillingerne i temaeditoren angivet som blok- eller afsnitstypen, f.eks. “Kollektion” eller “Tekst”.

For blokke gælder det, at hvis blokkens indstillinger indeholder et tekstfelt, f.eks. en overskrift eller en beskrivelse, tilføjes denne tekst også til titlen i sidebarmenuen. Hvis der er mere end ét tekstfelt, tilføjes det første tekstfelt, der har indhold. Når du ændrer teksten i tekstfeltet, ændres blokkens titel, så den indeholder den opdaterede tekst. Navnet på et afsnit eller en blok kan ikke være tomt.

Du tilføjer f.eks. et afsnit af typen Flere kolonner til din sideskabelon med blokke af typen Kolonne. Kolonneblokken har både indstillingen Overskrift med standardteksten Kolonne og indstillingen Beskrivelse med standardteksten Kombiner tekst med et billede for at fokusere på dit valgte produkt, din kollektion eller dit blogopslag.. Standardtitlen for afsnittet er Flere kolonner. Standardtitlen for blokken Kolonne er Kolonne – Kolonne. Hvis du fjerner teksten fra indstillingen Overskrift, opdateres blokkens titel til Kolonne – Kombiner tekst med et bil....

Du kan omdøbe et afsnit eller en blok til et tilpasset navn via afsnittets eller blokkens indstillinger i sidebarmenuen i temaeditoren.

Trin:

Arbejde med blokke

Blokke er moduler, der kan tilpasses, og som du bruger til at føje indhold til afsnittene i dine skabeloner. Du kan bruge blokke til at tilføje tekst, billeder, links, knapper og meget mere.

Shopify-temaer har afsnit og blokke, som du kan tilpasse. Nogle afsnit har faste bloktyper, hvilket betyder, at du kun kan vælge mellem de blokke, som temadesigneren har gjort tilgængelige for det pågældende afsnit.

I andre afsnit kan du vælge en hvilken som helst blok, men der er en grænse for det samlede antal blokke, du kan føje til afsnittet. Hvis dit afsnit når det maksimale antal tilgængelige blokke, er muligheden Tilføj blok nedtonet, og du kan ikke klikke eller trykke på den.

Du kan bruge søgningen til at finde en bestemt blok efter navn eller vælge en blok i blokvælgerens rullemenu. Blokkene i dit tema kan være sorteret i kategorier i blokvælgeren, f.eks. Kollektion for blokke med en kollektionsvælger eller Medier for billed- og videoblokke.

Der vises en forhåndsvisning af blokken i blokvælgeren, så du kan se, hvordan den ser ud, inden du tilføjer den.

Tilføj en blok

Brug af metafelter og metaobjekter med dynamiske kilder

Du kan bruge metafelter og metaobjekter til at vise dynamiske oplysninger i din webshop. Hvis du har et tema, der understøtter metafelter, kan du knytte et metafelt til indstillingerne for et kompatibelt afsnit eller en kompatibel blok i temaeditoren.

Hvis du f.eks. sælger stearinlys, vil du måske gerne vise brændetider for hvert stearinlys, der er tilgængeligt i din butik. Når du har opsat et produktmetafelt for Brændetid i afsnittet Tilpassede data under indstillingerne i din Shopify-administrator, kan du føje en tekstblok til hovedafsnittet i din produktskabelon. I tekstblokken kan du klikke på knappen på tekstindstillingen og vælge metafeltet Brændetid. Oplysninger om brændetid vises nu på dine produkter.

Hvis du har et Shopify-tema, kan du knytte de fleste metafelter og metaobjekter til dit tema ved hjælp af temaeditoren. Hvis du bruger andre temaer, eller hvis du vil tilføje tilpassede datatyper, som dit tema ikke understøtter, kan du redigere din temakode eller ansætte en Shopify-partner til at hjælpe dig. Få mere at vide om at ansætte en Shopify-partner.

Det er ikke alle afsnit eller blokke, der understøtter dynamiske kilder. Tjek arkitekturversionen for dit tema og de tilgængelige tilpasningsmuligheder i temaeditoren for at afgøre, om dit tema understøtter dynamiske kilder.

Du kan vise dynamiske oplysninger i din webshop ved at tilføje afsnit eller blokke, der kan bruge dynamiske kilder. Dynamiske kilder kan bruges i enhver skabelon, ethvert afsnit eller enhver blok, der viser kompatible ressourcer (produkt, kollektion, side, blog og blogopslag). Du skal tilføje dit metafelt, før du kan knytte det til dine skabeloner. Se Dynamiske kilder for at få flere oplysninger om brug af metafelter og metaobjekter med dynamiske kilder i dit tema.

Når du har fuldført opsætningsprocessen, skal du følge nedenstående trin for at knytte dynamiske kilder til afsnit eller blokke i dit tema ved hjælp af knappen .

Trin:

Få mere at vide om at vise metafelter i din webshop og vise metaobjekter i din webshop.

Vælger for dynamisk kilde

Du kan bruge vælgeren for dynamisk kilde til at tilknytte den korrekte dynamiske kilde direkte i temaeditoren. Gennemgå følgende nøglefunktioner for vælgeren for dynamisk kilde:

• Du kan henvise til dynamiske kilder fra forskellige ressourcer, hvor det er relevant. Hvis du f.eks. knytter en indstilling til en blok, der er knyttet til både en produktressource og en sideressource, kan du bruge rullemenuen i vælgeren for dynamisk kilde til at angive, om du vil søge efter metafelter, der er knyttet til enten produkt- eller sideressourcen.
• Vælgeren for dynamisk kilde har en søge- og filterfunktion, der hjælper dig med at finde det metafelt, du har brug for.
• Vælgeren for dynamisk kilde giver dig mulighed for at vælge kategorimetafelter. Dette er yderligere attributter, der bliver tilgængelige, når du tildeler en produktkategori til et produkt. Adgang til disse metafelter giver dig mulighed for at knytte dynamiske kilder til alle relevante felter i det underliggende attributmetaobjekt.