Afsnit og blokke

Du kan bruge afsnit i dit tema til at oprette det layout, du ønsker til din webshop. Afsnit består af flere forskellige typer blokke, der har en specifik funktion, såsom tekst, knapper, enkelte billeder, en collage af billeder eller links.

Afsnit og blokke giver fleksibilitet, når du skal arrangere din butiks indhold. Det giver dig mulighed for at bestemme webshoppens udseende og funktionalitet uden at skulle redigere kode, herunder følgende tilpasningsmuligheder:

Du kan flytte afsnittene i dine skabeloner og flytte blokkene i afsnit.
Afsnit og blokke kan have specifikke indstillinger for tilpasning.
Du kan tilknytte kompatible afsnit og blokke for at vise dynamiske oplysninger i din webshop fra tilpassede data, som f.eks. tilføjelse af plejeanvisninger for dine produkter. Få mere at vide om tilknytning af 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 blokken Dias, som du kun kan føje til afsnittet Diasshow, og tekstblokken Overskrift, som du kan føje til alle afsnit i dit tema. Få mere at vide om dine tilgængelige muligheder i dit temas dokumentation.

Maksimumgrænser for afsnit og blokke

Afsnit og blokke har følgende maksimale begrænsninger:

Hver skabelon kan have op til 25 afsnit.
Hvert afsnit kan have op til 50 blokke. Det præcise antal blokke og det antal af hver type blok, som du kan føje til hvert afsnit, afhænger af afsnits- og blokkilderne. Disse angives af dit temas temadesigner. Hvis dit tema f.eks. har afsnittet Tilmelding med mail, kan du muligvis kun tilføje én blok af typen Mailformular.
Blokke, der understøtter indlejring, kan have op til 8 niveauer med indlejrede blokke.

På denne side

Blokkilder

Dit tema kan indeholde en række forskellige afsnit, der accepterer blokke fra forskellige kilder. Dette afhænger af dit temas struktur og de apps, du har installeret. Når du føjer en blok til et afsnit, vises alle de blokke, der er tilgængelige for dette afsnit, i blokvælgeren. Du kan føje følgende bloktyper til afsnit i dit tema (afhængigt af dit tema og din temaversion):

Appblokke er blokke, der føjer funktionalitet til dit tema. Du kan bruge en appblok til at flytte områder af dit tema, der er tilføjet af dine installerede apps, til et specifikt område på en side i temaet.
Afsnitsblokke er blokke, der er defineret i et specifikt afsnit.
Temablokke er blokke, der er defineret i dit tema, og som kan have dynamisk funktionalitet, som f.eks. indlejring.

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

Tilgængeligheden af appblokke i afsnit afhænger af din apps funktionalitet, og om afsnittet kan acceptere appblokke.

Afsnitsblokke

Afsnitsblokke er blokke, der er designet til et specifikt afsnit. Et afsnit kan have begrænsninger i henhold til typen af afsnitsblokke og begrænse antallet af en bestemt bloktype, som du kan tilføje.

Eksempel på et afsnit med afsnitsblokke

Eksempel: Dit tema indeholder afsnittet Tilmelding med mail. Du kan bruge dette afsnit til at tilføje en formular til tilmelding til nyhedsbrev, så dine kunder kan tilmelde sig dit nyhedsbrev. Når du har tilføjet afsnittet Tilmelding med mail, kan du tilføje én af hver af de følgende blokke:

En blok af typen Mailformular
en overskriftsblok
En blok af typen Underoverskrift

Hvis du tilføjer blokken Mailformular og klikker på + Tilføj blok for at tilføje endnu en blok, vises blokken Mailformular ikke længere som en valgmulighed i blokvælgeren. Denne begrænsning hjælper dig med at undgå problemer med at registrere kundernes mailadresser og sikrer, at kunderne nemt kan angive deres mailadresser.

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

Temablokke

Temablokke er blokke, der er defineret i dit tema, og som kan have dynamisk funktionalitet, som 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 f.eks. acceptere alle tilgængelige temablokke, en specifik undergruppe af blokke eller blokke, der er unikke for dette afsnit. Temablokke kan også have følgende adfærd:

Nogle blokke understøtter indlejring, så du kan indlejre blokke i andre blokke (op til 8 niveauer).
Nogle afsnit har påkrævede blokke. Du kan tilpasse eller skjule disse blokke, men du kan ikke ændre rækkefølgen på dem eller slette dem.
Nogle blokke vises automatisk i et afsnit, når bestemte betingelser er opfyldt.

Eksempel på et afsnit med temablokke

Eksempel: Dit tema har afsnittet Diasshow med temablokke.

Når du klikke på + Tilføj blok i afsnittet Diasshow i temaet, kan du vælge blokken Dias fra blokvælgeren. Der er ingen andre tilgængelige bloktyper. Hvis du forsøger at føje blokken Dias til et andet afsnit i dit tema, som f.eks. afsnittet Billedbanner, er afsnittet Dias ikke tilgængeligt. Dette er et eksempel på en begrænset blok.

Når du har føjet en blok af typen Dias til afsnittet Diasshow, kan du klikke på + Tilføj blok for at føje flere blokke til eventuelle blokke af typen Dias i afsnittet Diasshow. Dette kunne f.eks. være Overskrift, Billede og Knap. Disse blokke er indlejret i blokken Dias. Dette er et eksempel på en indlejret blok.

Hvis du føjer endnu en blok af typen Dias til afsnittet Diasshow, tilføjer temaet automatisk blokken Styring af diasshow. Denne blok viser knapper, som besøgende på dit website kan bruge til at navigere fra ét dias til et andet. Du kan tilpasse stilarten på knapperne eller skjule kontrollerne, men du kan ikke fjerne eller slette blokken. Dette er et eksempel på en påkrævet blok, der vises på visse betingelser.

Kompatibilitet for temablokke

Hvis du vil tilgå temablokke, skal dit tema have afsnit, der understøtter temablokke. Du kan se, om dit tema understøtter temablokke, i temaets kode. Hvis du kan se en blokoversigt i sidebjælken i Liquid-editoren, betyder det, at du bruger et tema, der understøtter temablokke. Du kan også se dit temas dokumentation.

Fremgangsmåde:

Gå til Webshop > Temaer i din Shopify-administrator.
Klik på knappen ... ud for det tema, du vil kontrollere, og klik derefter på Rediger kode.
Søg efter blokmappen i sidebjælken.

Tilpasning af dine temaskabeloner med afsnit 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, som f.eks. produkter, kollektioner, sider eller blogs, eller bruge søgelinjen i rullemenuen Skabelon til at søge efter en bestemt skabelon. Når du vælger en skabelon, indlæses den i temaeditoren, og eventuelle ændringer, du foretager, vises som en forhåndsvisning i editoren.

Tilføj et afsnit

Føj et nyt afsnit til alle sider i din webshop.

Fremgangsmåde:

Desktop

Gå til Webshop > Temaer i din Shopify-administrator.
Find det tema, du vil redigere, og klik derefter på Tilpas.
Tilpas din startside, eller klik på rullemenuen Startside og vælg den skabelon, du ønsker at tilføje et afsnit til.
Klik på + Tilføj afsnit i sidebjælken, og udfør derefter ét af følgende trin:
- Vælg et afsnit på listen.
- Brug feltet Søg i afsnit til at finde et bestemt afsnit, og vælg det.
Tilpas dit nye afsnit ved at vælge et af følgende trin:
- Rediger indstillingerne og indholdet i dit nye afsnit.
- Rediger indstillingerne og indholdet af de standardblokke, der indlæses sammen med afsnittet.
- Klik på + Tilføj blok for at tilføje en ny blok.
Valgfrit: Hvis du vil ændre rækkefølgen af afsnittene på din side, skal du holde markøren over afsnittets navn og derefter klikke på ⋮⋮-ikonet.
Klik på Gem.

iPhone

Tryk på knappen … i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Tilpas din startside, eller tryk på rullemenuen Startside, og vælg derefter den skabelon, du vil føje et afsnit til.
Tryk på Afsnit, og tryk derefter på Tilføj afsnit, og vælg derefter et af følgende trin:
- Vælg et afsnit på listen, og tryk derefter på Tilføj.
- Tryk på forstørrelsesglasset for at søge efter et bestemt afsnit, vælg dit afsnit og tryk derefter på Tilføj.
Tilpas dit nye afsnit ved at vælge et af følgende trin:
- Rediger indstillingerne og indholdet i dit nye afsnit.
- Rediger indstillingerne og indholdet af de standardblokke, der indlæses sammen med afsnittet.
- Tryk på Tilføj blok for at tilføje en ny blok.
Valgfrit: Tryk på afsnittet, og træk i det for at ændre rækkefølgen af afsnittene på din side.
Tryk på Gem.

Android

Tryk på knappen ☰ i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Tilpas din startside, eller tryk på rullemenuen Startside, og vælg derefter den skabelon, du vil føje et afsnit til.
Tryk på Afsnit, og tryk derefter på Tilføj afsnit, og vælg derefter et af følgende trin:
- Vælg et afsnit på listen, og tryk derefter på Tilføj.
- Tryk på forstørrelsesglasset for at søge efter et bestemt afsnit, vælg dit afsnit og tryk derefter på Tilføj.
Tilpas dit nye afsnit ved at vælge et af følgende trin:
- Rediger indstillingerne og indholdet i dit nye afsnit.
- Rediger indstillingerne og indholdet af de standardblokke, der indlæses sammen med afsnittet.
- Tryk på Tilføj blok for at tilføje en ny blok.
Valgfrit: Tryk på afsnittet, og træk i det for at ændre rækkefølgen af afsnittene på din side.
Tryk på ✓.

Rediger et afsnit

Desktop

Gå til Webshop > Temaer i din Shopify-administrator.
Find det tema, du vil redigere, og klik derefter på Tilpas.
Rediger et afsnit på din startside, eller klik på rullemenuen på Startsiden, og vælg derefter den skabelon, der indeholder det afsnit, du vil redigere.
Klik på et afsnitsnavn i sidebjælken for at indlæse indholdet i vinduet til forhåndsvisning, og få adgang til de indstillinger og muligheder, som er tilgængelige for dig at redigere.
Valgfrit: Klik på de individuelle blokke for at redigere blokkene i et afsnit.
Klik på Gem.

iPhone

Tryk på knappen … i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Tilføj et afsnit på din startside, eller tryk på rullemenuen Startside og vælg den skabelon, som indeholder det afsnit, som du ønsker at redigere.
Tryk på Afsnit, og tryk derefter på et afsnitsnavn for at indlæse indholdet i vinduet til forhåndsvisning, og få adgang til de indstillinger og muligheder, du kan redigere.
Valgfrit: Tryk på de individuelle blokke for at redigere blokkene i et afsnit.
Tryk på Gem.

Android

Tryk på knappen ☰ i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Tilføj et afsnit på din startside, eller tryk på rullemenuen Startside og vælg den skabelon, som indeholder det afsnit, som du ønsker at redigere.
Tryk på Afsnit, og tryk derefter på et afsnitsnavn for at indlæse indholdet i vinduet til forhåndsvisning, og få adgang til de indstillinger og muligheder, du kan redigere.
Valgfrit: Tryk på de individuelle blokke for at redigere blokkene i et afsnit.
Tryk på ✓.

Dupliker et afsnit eller en blok

Desktop

Gå til Webshop > Temaer i din Shopify-administrator.
Find det tema, du vil redigere, og klik derefter på Tilpas.
Dupliker et afsnit eller en blok på din startside, eller klik på rullemenuen på Startsiden, og vælg derefter den skabelon, der indeholder det afsnit eller den blok, du vil duplikere.
Klik på et afsnit eller en blok, du vil duplikere.
Klik på ... > Dupliker i sidebjælken.
Klik på Gem.

iPhone

Tryk på knappen … i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Dupliker et afsnit eller en blok på din startside, eller tryk på rullemenuen Startside ,og vælg den skabelon, som indeholder det afsnit eller den blok, som du ønsker at duplikere.
Tryk på Afsnit, og tryk derefter på det afsnit eller den blok, du vil duplikere.
Tryk på … > Dupliker.
Tryk på Gem.

Android

Tryk på knappen ☰ i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Dupliker et afsnit eller en blok på din startside, eller tryk på rullemenuen Startside ,og vælg den skabelon, som indeholder det afsnit eller den blok, som du ønsker at duplikere.
Tryk på Afsnit, og tryk derefter på det afsnit eller den blok, du vil duplikere.
Tryk på … > Dupliker.
Tryk på ✓.

Skjul eller slet et afsnit eller en blok

Desktop

Gå til Webshop > Temaer i din Shopify-administrator.
Find det tema, du vil redigere, og klik derefter på Tilpas.
Skjul eller slet et afsnit eller en blok på din startside, eller klik på rullemenuen Startside, og vælg den skabelon, som indeholder det afsnit eller den blok, som du ønsker at skjule eller slette.
Valgfrit: For at skjule et afsnit eller en blok fra din webshop skal du holde musemarkøren over et afsnit eller et bloknavn og klikke på øjeikonet.
Valgfrit: Hvis du vil slette et afsnit eller en blok fra din webshop, skal du holde markøren over et afsnits- eller bloknavn og derefter klikke på papirkurvsikonet.
Klik på Gem.

iPhone

Tryk på knappen … i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Skjul eller slet et afsnit eller en blok på din startside, eller tryk på rullemenuen Startside, og vælg den skabelon, som indeholder det afsnit eller den blok, som du ønsker at skjule eller slette.
Tryk på Afsnit, og tryk derefter på det afsnit eller den blok, du vil skjule eller slette.
Valgfrit: Tryk på ... > Skjul for at skjule et afsnit eller en blok fra din webshop.
Valgfrit: For at slette et afsnit eller en blok fra din webshop skal du trykke … > Fjern.
Tryk på Gem.

Android

Tryk på knappen ☰ i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Skjul eller slet et afsnit eller en blok på din startside, eller tryk på rullemenuen Startside, og vælg den skabelon, som indeholder det afsnit eller den blok, som du ønsker at skjule eller slette.
Tryk på Afsnit, og tryk derefter på det afsnit eller den blok, du vil skjule eller slette.
Valgfrit: Tryk på ... > Skjul for at skjule et afsnit eller en blok fra din webshop.
Valgfrit: For at slette et afsnit eller en blok fra din webshop skal du trykke … > Fjern.
Tryk på ✓.

Sådan arbejder du med blokke

Blokke er moduler, du kan tilpasse, 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 indeholder 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 afsnit.

Andre afsnit giver dig mulighed for at vælge en hvilken som helst blok, men der er en grænse for hvor mange blokke, du samlet kan føje til afsnittet. Hvis dit afsnit når det maksimale antal tilgængelige blokke, er valgmuligheden Tilføj blok nedtonet, og du kan ikke klikke på eller trykke på den.

Tilføj en blok

Desktop

Gå til Webshop > Temaer i din Shopify-administrator.
Find det tema, du vil redigere, og klik derefter på Tilpas.
Du kan føje en blok til et afsnit på din startside eller klikke på rullemenuen på Startsiden og derefter vælge den skabelon, du vil føje en blok til.
Find det afsnit, som du vil føje en blok til, klik på Tilføj blok, og gør derefter et af følgende:
- Vælg en blok på listen.
- Brug feltet Søg efter blokke til at finde en bestemt blok, og vælg den.
Klik på Gem.

iPhone

Tryk på knappen … i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Du kan føje en blok til et afsnit på din startside, eller trykke på rullemenuen Startside og vælge den skabelon, som du ønsker at føje en blok til.
Tryk på Afsnit, og tryk derefter på Tilføj blok for det afsnit, og gør derefter et af følgende:
- Vælg en blok på listen.
- Tryk på forstørrelsesglasset for at søge efter en bestemt blok, og vælg derefter din blok.
Tryk på Gem.

Android

Tryk på knappen ☰ i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Du kan føje en blok til et afsnit på din startside, eller trykke på rullemenuen Startside og vælge den skabelon, som du ønsker at føje en blok til.
Tryk på Afsnit, og tryk derefter på Tilføj blok for det afsnit, og gør derefter et af følgende:
- Vælg en blok på listen.
- Tryk på forstørrelsesglasset for at søge efter en bestemt blok, og vælg derefter din blok.
Tryk på ✓.

Brug 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 kompatible afsnits- eller blokindstillinger i temaeditoren.

Eksempel: Du sælger lys og vil gerne vise oplysninger om, hvor længe hvert lys kan brænde, i din butik. Når du har opsat et produktmetafelt for Brændetid i afsnittet Tilpassede data i indstillingerne for Shopify-administratoren, kan du føje en tekstblok til hovedafsnittet i din produktskabelon. I tekstblokken kan du klikke på ikonet Tilknyt dynamisk kilde i tekstindstillingerne og vælge metafeltet Brændetid. Oplysningerne 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 du vil tilføje tilpassede datatyper, som ikke understøttes af dit tema, 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 og blokke, der understøtter dynamiske kilder. Få mere at vide i dit temas dokumentation.

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 alle skabeloner, afsnit og blokke, der viser kompatible ressourcer (produkt, kollektion, side, blog og blogopslag). Du skal tilføje dit metafelt, før du kan tilknytte det i dine skabeloner. Få mere at vide om, hvordan du bruger metafelter og metaobjekter via dynamiske kilder i dit tema under Dynamiske kilder.

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 Tilknyt dynamisk kilde:

Fremgangsmåde:

Desktop

Gå til Webshop > Temaer i din Shopify-administrator.
Find det tema, du vil redigere, og klik derefter på Tilpas.
Tilføj et afsnit eller en blok på din startside, eller klik på rullemenuen Startside og vælg den skabelon, som indeholder det afsnit eller den blok, som du ønsker at redigere.
Klik på et afsnits- eller bloknavn på sidebjælken for at indlæse indholdet i forhåndsvisningsvinduet, og få adgang til indstillingerne og mulighederne, som er tilgængelige for dig at redigere.
Klik på knappen Tilknyt dynamisk kilde for den relevante indholdstype, du vil redigere, og tilknyt din dynamiske kilde.
Klik på Gem.

iPhone

Tryk på knappen … i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Rediger et afsnit eller en blok på din startside, eller tryk på rullemenuen Startside, og vælg den skabelon, som indeholder det afsnit eller den blok, som du ønsker at duplikere.
Tryk på Afsnit, og tryk på et afsnits- eller bloknavn for at indløse indholdet i forhåndsvisningsvinduet, og få adgang til indstillingerne og mulighederne, som er tilgængelige for dig at redigere.
Tryk på knappen Tilknyt dynamisk kilde ved den indholdstype, som du ønsker at redigere, og tilknyt din dynamiske kilde.
Tryk på Gem.

Android

Tryk på knappen ☰ i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer alle temaer.
Find det tema, du vil redigere, og tryk derefter på Tilpas.
Rediger et afsnit eller en blok på din startside, eller tryk på rullemenuen Startside, og vælg den skabelon, som indeholder det afsnit eller den blok, som du ønsker at duplikere.
Tryk på Afsnit, og tryk på et afsnits- eller bloknavn for at indløse indholdet i forhåndsvisningsvinduet, og få adgang til indstillingerne og mulighederne, som er tilgængelige for dig at redigere.
Tryk på knappen Tilknyt dynamisk kilde ved den indholdstype, som du ønsker at redigere, og tilknyt din dynamiske kilde.
Tryk på ✓.

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

Dynamisk kilde-vælger

Du kan bruge den dynamiske kilde-vælger til at tilknytte den korrekte dynamiske kilde direkte i temaeditoren. Gennemgå følgende vigtige funktioner i den dynamiske kilde-vælger:

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 den dynamiske kilde-vælger til at angive, om du vil søge efter metafelter, der er knyttet til produktet eller sideressourcen.
Den dynamiske kilde-vælger har en søge- og filtreringsfunktion, der kan hjælpe dig med at finde det metafelt, du har brug for.
Den dynamiske kilde-vælger lader dig vælge metafelter for kategorier. Dette er yderligere attributter, der bliver tilgængelige, når du knytter en produktkategori til et produkt. Når du tilgår disse metafelter, kan du knytte dynamiske kilder til alle relevante felter i det underliggende attribut-metaobjekt.