Seksjoner og blokker

Du kan bruke deler i temaet for å opprette layouten du ønsker i nettbutikken. Deler består av forskjellige blokker som hver har en bestemt funksjon, som for eksempel tekst, knapper, enkeltbilder, en bildekollasje eller koblinger.

Deler og blokker gir fleksibilitet for hvordan du arrangerer innholdet ditt, og lar deg kontrollere stilen og følelsen til nettbutikken uten å måtte redigere koden, inkludert følgende tilpasningsalternativer:

Du kan omorganisere deler i malene og omorganisere blokker i deler.
Deler og blokker kan ha spesifikke tilpasningsinnstillinger.
Du kan koble til kompatible deler og blokker for å vise dynamisk informasjon i nettbutikken fra egendefinerte opplysninger, som å legge til pleieinstruksjoner for produktene dine. Finn ut mer om å koble til dynamiske kilder.

Delene og blokkene som er tilgjengelige i temaredigeringsprogrammet, avhenger av temaet og temaversjonen. Temaet ditt kan for eksempel ha en Lysbilde-blokk du bare kan legge til i en Lysbildefremvisning-del, og en Overskrift-tekstblokk som du kan legge til i alle delene av temaet. Hvis du vil ha mer informasjon om tilgjengelige alternativer, kan du se temadokumentasjonen.

Maksimumsgrenser for deler og blokker

Deler og blokker har følgende maksimumsgrenser:

Hver mal kan ha opptil 25 deler.
Hver del kan ha opptil 50 blokker. Det nøyaktige antallet blokker og antallet av hver type blokk du kan legge til i hver del, avhenger av delen og blokkildene, og angis av temadesigneren for temaet. Hvis temaet for eksempel har en E-postregistrering-del, kan du kanskje bare legge til én E-postskjema-blokk.
Blokker som støtter nesting, kan ha opptil 8 nivåer av nestede blokker.

På denne siden

Blokkilder

Avhengig av temaets struktur og appene du har installert, kan temaet inneholde en rekke deler som godtar blokker fra forskjellige kilder. Når du legger til en blokk i en del, vises alle tilgjengelige blokker for denne delen i blokkvelgeren. Avhengig av tema- og temaversjonen kan du legge til følgende blokktyper i deler av temaet:

Appblokker er blokker som legger til funksjonalitet i temaet ditt. Du kan bruke en appblokk til å omposisjonere områder av temaet ditt som er lagt til av de installerte appene, til et bestemt område av en side i temaet ditt.
Delblokker er blokker som er definert innenfor en bestemt del.
Temablokker er blokker som er definert i temaet ditt, og kan ha dynamisk funksjonalitet, som nesting.

Temaet ditt kan inneholde noen deler som bruker delblokker, og andre deler som bruker temablokker. En enkelt del kan godta enten temablokker eller delblokker, men ikke en blanding av begge deler.

Tilgjengeligheten av appblokker i deler avhenger av appfunksjonalitet og hvorvidt delen kan godta appblokker.

Seksjonsblokker

Delblokker er blokker som er utviklet for en bestemt del. En del kan ha begrensninger for typen delblokker og begrense antallet av en bestemt type blokk du kan legge til.

Eksempel på en del med delblokker

Temaet ditt har for eksempel en E-postregistrering-del. Du kan bruke denne delen til å legge til et registreringsskjema for nyhetsbrev slik at kunder kan abonnere på nyhetsbrevet ditt. Etter at du har lagt til E-postregistrering-delen, kan du legge til en av hver av følgende blokker:

en E-postskjema-blokk
en blokk for Overskrift
en Underoverskrift-blokk

Hvis du legger til E-postskjema-blokken og klikker på + Legg til blokk for å legge til en ny blokk, vises ikke lenger E-postskjema-blokken som et alternativ i blokkvelgeren. Denne begrensningen bidrar til å forhindre problemer med registrering av kundens e-postadresse, og sikrer at kunden enkelt kan oppgi e-postadressen sin.

Hvis du har lagt til alle tre tilgjengelige blokkene for E-postregistrering-delen, viser blokkvelgeren en melding om at alle tilgjengelige blokker er brukt.

Temablokker

Temablokker er blokker som er definert i temaet ditt, og kan ha dynamisk funksjonalitet, som nesting. Deler som godtar temablokker, kan godta en rekke ulike blokker, avhengig av strukturen til delen. En del som godtar temablokker, kan godta alle tilgjengelige temablokker, et bestemt delsett av blokker eller blokker som er unike for den delen. Temablokker kan også ha følgende atferd:

Noen blokker støtter nesting, slik at du kan neste blokker innenfor andre blokker opptil 8 nivåer.
Noen deler har nødvendige blokker. Du kan tilpasse eller skjule disse blokkene, men du kan ikke endre rekkefølge eller slette dem.
Noen blokker vises automatisk i en del når visse betingelser er oppfylt.

Eksempel på en del med temablokker

Temaet ditt har for eksempel en Lysbildefremvisning-del med temablokker.

Når du klikker på + Legg til blokk i lysbildefremvisningsdelen av temaet, kan du velge en Lysbilde-blokk fra blokkvelgeren. Ingen andre blokktyper er tilgjengelige. Hvis du prøver å legge til en Lysbilde-blokk i en annen del av temaet, for eksempel en Bildebanner-del, er ikke Lysbilde tilgjengelig. Dette er et eksempel på en begrenset blokk.

Etter du har lagt til en Lysbilde-blokk i Lysbildefremvisning-delen, kan du klikke på + Legg til blokk for å legge til ytterligere blokker i hvilke som helst Lysbilde-blokker i Lysbildefremvisning-delen, for eksempel Overskrift, Bilde, Knapp. Disse blokkene nestes i Lysbilde. Dette er et eksempel på en nestet blokk.

Hvis du legger til en ny Lysbilde-blokk i Lysbildefremvisning-delen, legger temaet automatisk til en Kontroller for lysbildefremvisning-blokk. Denne blokken viser knapper som besøkende på nettstedet kan klikke for å navigere fra et lysbilde til det andre. Du kan tilpasse knappestilen eller skjule kontrollene, men du kan ikke fjerne eller slette blokken. Dette er et eksempel på en nødvendig blokk som vises basert på betingelser.

Kompatibilitet for temablokker

For å få tilgang til temablokker må temaet ha deler som støtter temablokker. Du kan sjekke om temaet støtter temablokker, i temaets kode. Hvis det er en blokker-katalog i sidefeltet til det redigeringsprogrammet for liquid, bruker du et tema som støtter temablokker. Du kan også sjekke temaets dokumentasjon.

Steg:

Fra Shopify-administrator går du til Nettbutikk > Temaer.
Ved siden av temaet du vil sjekke, klikker du på ...-knappen og deretter på Rediger kode.
I sidefeltet søker du etter blokkmappen.

Tilpass temamaler med seksjoner og blokker

Butikkens startside lastes inn som standard når du åpner temaredigeringsprogrammet. Du kan bruke rullegardinmenyen for å velge en annen mal, som for eksempel produkter, samlinger, sider eller blogger, eller bruke søkefeltet i rullegardinmenyen for maler for å søke etter en bestemt mal. Når du velger en mal, lastes den inn i temaredigeringsprogrammet, og endringene du gjør forhåndsvises i redigeringsprogrammet.

Legg til en seksjon

Legg til en ny seksjon på en hvilken som helst side i nettbutikken din.

Steg:

Datamaskin

Fra Shopify-administrator går du til Nettbutikk > Temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Tilpass startsiden, eller klikk på rullegardinmenyen Startside og velg malen du vil legge til en seksjon i.
Klikk på + Legg til del i sidefeltet og gjør én av følgende:
- Velg en seksjon fra listen.
- Bruk feltet Søk i seksjoner for å finne en bestemt seksjon og velg den.
Tilpass den nye seksjonen ved hjelp av et av følgende trinn:
- Rediger innstillinger og innhold i den nye seksjonen.
- Rediger innstillinger og innhold i standardblokkene som lastes inn med seksjonen.
- Klikk på + Legg til blokk for å legge til en ny blokk.
Valgfritt: Hvis du ønsker å sortere rekkefølgen på seksjoner på siden, kan du holde markøren over seksjonsnavnet, og deretter klikke og dra i ⋮⋮-ikonet.
Klikk på Lagre.

iPhone

Trykk på …-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Tilpass startsiden eller trykk på rullegardinmenyen Startside, og velg malen du vil legge til en seksjon for.
Trykk på Seksjoner og deretter på Legg til seksjon, og gjør én av følgende:
- Velg en seksjon fra listen, og trykk på Legg til.
- Trykk på forstørrelsesglassikonet for å søke etter en bestemt seksjon, velg seksjonen og trykk på Legg til.
Tilpass den nye seksjonen ved hjelp av et av følgende trinn:
- Rediger innstillinger og innhold i den nye seksjonen.
- Rediger innstillinger og innhold i standardblokkene som lastes inn med seksjonen.
- Trykk på Legg til blokk for å legge til en ny blokk.
Valgfritt: Trykk og dra i seksjonen for å sortere rekkefølgen på seksjoner på siden.
Trykk på Lagre.

Android

Trykk på ☰-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Tilpass startsiden eller trykk på rullegardinmenyen Startside, og velg malen du vil legge til en seksjon for.
Trykk på Seksjoner og deretter på Legg til seksjon, og gjør én av følgende:
- Velg en seksjon fra listen, og trykk på Legg til.
- Trykk på forstørrelsesglassikonet for å søke etter en bestemt seksjon, velg seksjonen og trykk på Legg til.
Tilpass den nye seksjonen ved hjelp av et av følgende trinn:
- Rediger innstillinger og innhold i den nye seksjonen.
- Rediger innstillinger og innhold i standardblokkene som lastes inn med seksjonen.
- Trykk på Legg til blokk for å legge til en ny blokk.
Valgfritt: Trykk og dra i seksjonen for å sortere rekkefølgen på seksjoner på siden.
Trykk ✓.

Rediger en seksjon

Datamaskin

Fra Shopify-administrator går du til Nettbutikk > Temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Rediger en seksjon på startsiden eller klikk på rullegardinmenyen Startside, og velg malen som inneholder seksjonen du vil redigere.
Klikk på et seksjonsnavn i sidefeltet for å laste inn innholdet i forhåndsvisningsvinduet og få tilgang til innstillinger og alternativer som kan redigeres.
Valgfritt: Klikk på enkeltblokker for å redigere blokker i en seksjon.
Klikk på Lagre.

iPhone

Trykk på …-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Rediger en seksjon på startsiden, eller trykk på rullegardinmenyen Startside og velg malen som inneholder seksjonen du vil redigere.
Trykk på Seksjoner, og trykk på et seksjonsnavn for å laste inn innholdet i forhåndsvisningsvinduet og få tilgang til innstillinger og alternativer som kan redigeres.
Valgfritt: Klikk på enkeltblokker for å redigere blokkene i en seksjon.
Trykk på Lagre.

Android

Trykk på ☰-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Rediger en seksjon på startsiden, eller trykk på rullegardinmenyen Startside og velg malen som inneholder seksjonen du vil redigere.
Trykk på Seksjoner, og trykk på et seksjonsnavn for å laste inn innholdet i forhåndsvisningsvinduet og få tilgang til innstillinger og alternativer som kan redigeres.
Valgfritt: Klikk på enkeltblokker for å redigere blokkene i en seksjon.
Trykk ✓.

Dupliser en seksjon eller en blokk

Datamaskin

Fra Shopify-administrator går du til Nettbutikk > Temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Dupliser en seksjon eller blokk på startsiden eller klikk på rullegardinmenyen Startside, og velg malen som inneholder seksjonen eller blokken du vil duplisere.
Klikk på seksjonen eller blokken du vil duplisere.
Klikk på … > Dupliser i sidefeltet.
Klikk på Lagre.

iPhone

Trykk på …-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Dupliser en seksjon eller blokk på startsiden, eller trykk på rullegardinmenyen Startside og velg malen som inneholder seksjonen eller blokken du ønsker å duplisere.
Trykk på Seksjoner og trykk på seksjonen eller blokken du vil duplisere.
Trykk på … > Dupliser.
Trykk på Lagre.

Android

Trykk på ☰-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Dupliser en seksjon eller blokk på startsiden, eller trykk på rullegardinmenyen Startside og velg malen som inneholder seksjonen eller blokken du ønsker å duplisere.
Trykk på Seksjoner og trykk på seksjonen eller blokken du vil duplisere.
Trykk på … > Dupliser.
Trykk ✓.

Skjul eller slett en seksjon eller blokk

Datamaskin

Fra Shopify-administrator går du til Nettbutikk > Temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Skjul eller slett en seksjon eller blokk på startsiden, eller klikk på rullegardinmenyen Startside og velg malen som inneholder seksjonen eller blokken du ønsker å skjule eller slette.
Valgfritt: Hold markøren over en seksjon eller et blokknavn, og klikk på øyeikonet for å skjule en seksjon eller blokk fra nettbutikken.
Valgfritt: Hvis du vil slette en seksjon eller blokk fra nettbutikken, holder du markøren over et seksjons- eller blokknavn og klikker på søppelbøtteikonet.
Klikk på Lagre.

iPhone

Trykk på …-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Skjul eller slett en seksjon på startsiden, eller trykk på rullegardinmenyen Startside og velg malen som inneholder seksjonen eller blokken du ønsker å skjule eller slette.
Trykk på Seksjoner, og trykk på seksjonen eller blokken du vil skjule eller slette.
Valgfritt: Trykk på … > Skjul for å skjule en seksjon eller blokk fra nettbutikken.
Valgfritt: Trykk på … > Fjern for å slette en seksjon eller blokk fra nettbutikken.
Trykk på Lagre.

Android

Trykk på ☰-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Skjul eller slett en seksjon på startsiden, eller trykk på rullegardinmenyen Startside og velg malen som inneholder seksjonen eller blokken du ønsker å skjule eller slette.
Trykk på Seksjoner, og trykk på seksjonen eller blokken du vil skjule eller slette.
Valgfritt: Trykk på … > Skjul for å skjule en seksjon eller blokk fra nettbutikken.
Valgfritt: Trykk på … > Fjern for å slette en seksjon eller blokk fra nettbutikken.
Trykk ✓.

Arbeide med blokker

Blokker er tilpasningsbare moduler du bruker for å legge til innhold i seksjoner i maler. Du kan bruke blokker for å legge til tekst, bilder, koblinger, knapper med mer.

Shopify-temaer har seksjoner og blokker som kan tilpasses. Noen seksjoner har faste blokktyper, som betyr at du bare kan velge blant blokker som er gjort tilgjengelige for den aktuelle seksjonen av temautvikleren.

Med andre seksjoner kan du velge en hvilken som helst blokk, men det er en grense for antall blokker du kan legge til i seksjonen. Hvis seksjonen når maksimalt antall tilgjengelige, blokker blir alternativet Legg til blokk utilgjengelig, og du kan ikke klikke eller trykke på det.

Legg til en blokk

Datamaskin

Fra Shopify-administrator går du til Nettbutikk > Temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Du kan legge til en blokk i en seksjon på startsiden eller klikke på rullegardinmenyen Startside og velge malen du vil legge til en blokk i.
Finn seksjonen du vil legge til en blokk i, klikk på Legg til blokk og gjør én av følgende:
- Velg en blokk fra listen.
- Bruk feltet Søk etter blokker for å finne en bestemt blokk, og velg den.
Klikk på Lagre.

iPhone

Trykk på …-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Du kan legge til en blokk i en seksjon på startsiden, eller trykke på rullegardinmenyen Startside og velge malen du vil legge til en blokk i.
Trykk på Seksjoner og deretter på Legg til blokk for seksjonen du vil legge til en blokk i, og gjør én av følgende:
- Velg en blokk fra listen.
- Trykk på forstørrelsesglassikonet for å velge en bestemt blokk, og velg den.
Trykk på Lagre.

Android

Trykk på ☰-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Du kan legge til en blokk i en seksjon på startsiden, eller trykke på rullegardinmenyen Startside og velge malen du vil legge til en blokk i.
Trykk på Seksjoner og deretter på Legg til blokk for seksjonen du vil legge til en blokk i, og gjør én av følgende:
- Velg en blokk fra listen.
- Trykk på forstørrelsesglassikonet for å velge en bestemt blokk, og velg den.
Trykk ✓.

Bruk metafelter og metaobjekter med dynamiske kilder

Du kan bruke metafelter og metaobjekter til å vise dynamisk informasjon i nettbutikken. Hvis du har et tema som støtter metafelter, kan du koble et metafelt til en kompatibel del eller blokkinnstillinger i temaredigeringsprogrammet.

Hvis du for eksempel selger lys, vil du kanskje vise tider for brenntider for hvert stearinlys som er tilgjengelig i butikken. Når du har konfigurert et produktmetafelt for Brenntid i Egendefinerte data-delen av Shopify-administratorinnstillingene, kan du legge til en tekstblokk i hoveddelen av produktmalen. I tekstblokken kan du klikke på Koble til dynamiske kilde-ikonet på tekstinnstillingen og velge Brenntid-metafeltet. Informasjon om brenntid vises nå på produktene.

Hvis du har et Shopify-tema, kan du koble til de fleste metafelter og metaobjekter til temaet ved hjelp av temaredigeringsprogrammet. Hvis du bruker andre temaer eller vil legge til egendefinerte datatyper som temaet ditt ikke støtter, kan du redigere temakoden eller leie inn en Shopify-partner som kan hjelpe deg. Finn ut mer om å leie inn en Shopify-partner.

Ikke alle deler eller blokker støtter dynamiske kilder. Se temadokumentasjonen for mer informasjon.

Du kan vise dynamisk informasjon i nettbutikken din ved å legge til seksjoner eller blokker som kan bruke dynamiske kilder. Dynamiske kilder kan brukes i alle maler, seksjoner eller blokker som viser kompatible ressurser (produkt, samling, side, blogg og blogginnlegg). Du må legge til metafeltet før du kan koble det til i malene dine. Se Dynamiske kilder for å få mer informasjon om bruk av metafelter og metaobjekter med dynamiske kilder i temaet.

Når du har fullført konfigureringsprosessen, følger du trinnene nedenfor for å koble dynamiske kilder til deler eller blokker i temaet ved hjelp av Koble til dynamisk kilde-knappen:

Steg:

Datamaskin

Fra Shopify-administrator går du til Nettbutikk > Temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Rediger en seksjon eller blokk på startsiden, eller klikk på rullegardinmenyen Startside og velg malen som inneholder seksjonen eller blokken du ønsker å redigere.
Klikk på et seksjons- eller blokknavn i sidefeltet for å laste inn innholdet i forhåndsvisningsvinduet og få tilgang til innstillingene og alternativene du kan redigere.
Klikk på knappen Koble til dynamisk kilde for den relevante innholdstypen du ønsker å redigere og koble til den dynamiske kilden.
Klikk på Lagre.

iPhone

Trykk på …-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Rediger en seksjon eller blokk på startsiden, eller trykk på rullegardinmenyen Startside og velg malen som inneholder seksjonen eller blokken du ønsker å redigere.
Trykk på Seksjoner og trykk på et seksjons- eller blokknavn for å laste inn innholdet i forhåndsvisningsvinduet og få tilgang til innstillingene og alternativene du kan redigere.
Trykk på knappen Koble til dynamisk kilde for den relevante innholdstypen du ønsker å redigere, og koble deretter til den dynamiske kilden.
Trykk på Lagre.

Android

Trykk på ☰-knappen fra Shopify-appen.
I Salgskanaler-seksjonen trykker du på Nettbutikk.
Trykk på Administrer alle temaer.
Finn temaet du vil redigere og klikk på Tilpass.
Rediger en seksjon eller blokk på startsiden, eller trykk på rullegardinmenyen Startside og velg malen som inneholder seksjonen eller blokken du ønsker å redigere.
Trykk på Seksjoner og trykk på et seksjons- eller blokknavn for å laste inn innholdet i forhåndsvisningsvinduet og få tilgang til innstillingene og alternativene du kan redigere.
Trykk på knappen Koble til dynamisk kilde for den relevante innholdstypen du ønsker å redigere, og koble deretter til den dynamiske kilden.
Trykk ✓.

Finn ut mer om å vise metafelter i nettbutikken og vise metaobjekter i nettbutikken.

Velger for dynamisk kilde

Du kan bruke den dynamiske kildevelgeren til å koble til riktig dynamisk kilde direkte i temaredigeringsprogrammet. Gå gjennom følgende nøkkelfunksjoner for den dynamiske kildevelgeren:

Du kan henvise til dynamiske kilder fra ulike ressurser, der det er aktuelt. Hvis du for eksempel kobler en innstilling til en blokk som er koblet til både en produktressurs og en sideressurs, kan du bruke rullegardinmenyen i den dynamiske kildevelgeren til å angi hvorvidt du vil søke etter metafeltet knyttet til enten produkt- eller sideressursen.
Den dynamiske kildevelgeren har en søk- og filtreringsfunksjon som hjelper deg å finne metafeltet du trenger.
Ved hjelp av den dynamiske kildevelgeren kan du velge kategorimetafelter. Dette er tilleggsegenskaper som blir tilgjengelige når du tilordner en produktkategori til et produkt. Ved å få tilgang til disse metafeltene kan du koble dynamiske kilder til alle relevante felt på metaobjektet for det underliggende attributtet.