Seksjoner og blokker

Du kan bruke seksjoner i temaet til å lage den layouten du ønsker for nettbutikken. Seksjoner består av ulike typer blokker som hver har en bestemt funksjon, som for eksempel tekst, knapper, enkeltbilder, en bildekollasj eller koblinger.

Seksjoner og blokker gir fleksibilitet i hvordan du organiserer stoffet, og lar deg styre stilen og uttrykket til nettbutikken uten å måtte redigere kode. Dette inkluderer følgende tilpasningsalternativer:

• Du kan omorganisere seksjoner i malene dine, og omorganisere blokker i seksjoner.
• Seksjoner og blokker kan ha bestemte tilpasningsinnstillinger.
• Du kan koble til kompatible seksjoner og blokker for å vise dynamisk informasjon på nettbutikken fra egendefinerte data, for eksempel ved å legge til pleieinstruksjoner for produktene dine. Finn ut mer om tilkobling av dynamiske kilder.

Hvilke seksjoner og blokker som er tilgjengelige i temaredigeringsprogrammet avhenger av temaet og temaversjonen. Temaet kan for eksempel ha en Lysbilde-blokk som du bare kan legge til i en Lysbildefremvisning-seksjon, og en Overskrift-tekstblokk som du kan legge til i alle seksjonene i temaet. Du finner mer informasjon om hvilke alternativer som er tilgjengelige i temadokumentasjonen.

Maksimumsgrenser for seksjoner og blokker

Seksjoner og blokker har følgende maksimumsgrenser:

• Hver mal kan ha opptil 25 seksjoner.
• Hver mal kan ha opptil 1250 blokker på tvers av alle seksjoner. Det nøyaktige antallet blokker, og antallet av hver blokktype som du kan legge til i hver seksjon, avhenger av seksjons- og blokkildene og er spesifisert av temadesigneren for temaet ditt. Hvis temaet ditt for eksempel har en E-postregistrering-seksjon, kan det hende du bare kan legge til én E-postskjema-blokk.
• Blokker som støtter nesting kan ha opptil åtte nivåer med nestede blokker.

Blokkkilder

Avhengig av temaets struktur og appene du har installert, kan temaet inneholde en rekke seksjoner som godtar blokker fra ulike kilder. Når du legger til en blokk i en seksjon, vises alle tilgjengelige blokker for den seksjonen i blokkvelgeren. Avhengig av temaet og temaversjonen kan du legge til følgende typer blokker i seksjoner i temaet:

• Appblokker er blokker som legger til funksjonalitet i temaet. Du kan bruke en appblokk til å flytte områder i temaet som er lagt til av installerte apper, til et bestemt område på en side i temaet.
• Seksjonsblokker er blokker som er definert i en bestemt seksjon.
• Temablokker er blokker som er definert i temaet og som kan ha dynamisk funksjonalitet, som for eksempel nesting.

Temaet kan inneholde noen seksjoner som bruker seksjonsblokker og andre seksjoner som bruker temablokker. En enkelt seksjon kan godta enten temablokker eller seksjonsblokker, men ikke en blanding av begge.

Tilgjengeligheten til appblokker i seksjoner avhenger av appens funksjonalitet og hvorvidt seksjonen kan godta appblokker.

Seksjonsblokker

Seksjonsblokker er blokker som er utformet for en bestemt seksjon. En seksjon kan ha begrensninger for typene seksjonsblokker, og begrense antallet av en bestemt blokktype du kan legge til.

Eksempel på en seksjon med seksjonsblokker

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

• en E-postskjema-blokk
• en Overskrift-blokk
• en Underoverskrift-blokk

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

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

Temablokker

Temablokker er blokker som er definert i temaet og som kan ha dynamisk funksjonalitet, som for eksempel nesting. Seksjoner som godtar temablokker, kan godta en rekke ulike blokker, avhengig av seksjonens struktur. En seksjon som godtar temablokker kan godta alle tilgjengelige temablokker, et bestemt delsett med blokker, eller blokker som er unike for den seksjonen. Temablokker kan også ha følgende virkemåter:

• Noen blokker støtter nesting, slik at du kan neste blokker i andre blokker opptil åtte nivåer dypt.
• Noen seksjoner har påkrevde blokker. Du kan tilpasse eller skjule disse blokkene, men du kan ikke endre rekkefølgen på dem eller slette dem.
• Noen blokker vises automatisk i en seksjon når visse betingelser er oppfylt.

Eksempel på en seksjon med temablokker

Temaet har for eksempel en Lysbildefremvisning-seksjon med temablokker.

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

Når du har lagt til en Lysbilde-blokk i Lysbildefremvisning-seksjonen, kan du klikke på Legg til blokk for å legge til flere blokker i en hvilken som helst Lysbilde-blokk i Lysbildefremvisning-seksjonen, for eksempel Overskrift, Bilde eller Knapp. Disse blokkene er nestet i Lysbilde-blokken. Dette er et eksempel på en nestet blokk.

Hvis du legger til en ny Lysbilde-blokk i Lysbildefremvisning-seksjonen, legger temaet automatisk til en Kontroller for lysbildefremvisning-blokk. Denne blokken viser knapper som besøkende på nettstedet ditt kan klikke på for å navigere fra ett lysbilde til et annet. Du kan tilpasse stilen på knappene eller skjule kontrollene, men du kan ikke fjerne eller slette blokken. Dette er et eksempel på en obligatorisk blokk som vises betinget.

Temablokkompatibilitet

For å få tilgang til temablokker, må temaet ditt ha seksjoner som støtter temablokker. Du kan sjekke om temaet støtter temablokker i temakoden. Hvis det finnes en blocks-mappe i sidepanelet i Liquid-redigeringsprogrammet, bruker du et tema som støtter temablokker. Du kan også sjekke temadokumentasjonen.

Fremgangsmåte:

1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

2. Ved siden av temaet du vil sjekke, klikker du på -knappen og deretter på Rediger kode.

3. I sidepanelet søker du etter blocks-mappen.

   

Tilpasse temamaler med seksjoner og blokker

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

Legg til en seksjon

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

Fremgangsmåte:

Rediger en seksjon

Endre rekkefølgen på en seksjon eller blokk

Du kan endre rekkefølgen på seksjoner på sidemalene og endre rekkefølgen på blokker i disse seksjonene. I tillegg kan du flytte kompatible blokker mellom ulike seksjoner. Hvis for eksempel hjemmesiden din har to Lysbildefremvisning-seksjoner, kan du dra en Lysbilde-blokk fra den ene lysbildefremvisningen til den andre.

Du kan ikke flytte en blokk til en annen seksjon hvis blokktypen er inkompatibel eller hvis seksjonen allerede har nådd sin maksimale grense for blokker. Hvis du prøver å flytte en seksjon eller en blokk til en ugyldig plassering, flyttes den tilbake til sin opprinnelige posisjon.

Du kan også bruke forhåndsvisningsinspektøren til å endre rekkefølgen på seksjoner. Finn ut mer om bruk av forhåndsvisningsinspektøren i temaredigeringsprogrammet.

Fremgangsmåte:

Dupliser en inndeling eller blokk

Du kan duplisere en inndeling eller blokk for å opprette en identisk kopi av inndelingen eller blokken.

Når du har duplisert en blokk, legges den nye blokken til i samme inndeling. Hvis du vil flytte blokken til en ny inndeling eller endre blokkrekkefølgen, kan du endre rekkefølgen på blokken. Du kan også kopiere en blokk, og deretter lime den inn direkte i en annen inndeling i stedet.

Kopier og lim inn blokker

Hvis du vil bruke den samme blokken i flere inndelinger, kan du enkelt kopiere den og lime den inn i en annen inndeling. Du kan også kopiere og lime inn en blokk i samme inndeling, eller du kan velge å duplisere blokken i stedet. En duplisert blokk beholder alle innstillingene og alt stoffet fra den opprinnelige blokken.

Fremgangsmåte:

1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

2. Klikk på Rediger tema ved siden av temaet du vil redigere.

3. For å kopiere og lime inn en blokk på startsiden, kan du enten velge den direkte eller bruke Startside-rullegardinmenyen for å velge den spesifikke malen som inneholder inndelingen eller blokken du vil redigere.

4. Høyreklikk på blokken du vil kopiere, og klikk deretter på Kopier.

5. Høyreklikk i samme eller en annen inndeling, og klikk deretter på Lim inn.

6. Klikk på Lagre.

Skjul eller slett en inndeling eller blokk

Gi nytt navn til en inndeling eller blokk

Som standard er tittelen til en inndeling eller blokk i sidefeltmenyen og innstillingsopplysningene i temaredigeringsprogrammet satt til blokk- eller inndelingstypen, som for eksempel «Samling» eller «Tekst».

For blokker gjelder det at hvis blokkinnstillingene inneholder et tekstfelt, for eksempel en overskrift eller beskrivelse, legges denne teksten også til tittelen i sidefeltmenyen. Hvis det er mer enn ett tekstfelt, legges det første tekstfeltet som har stoff til. Når du endrer teksten i tekstfeltet, endres blokktittelen til å inkludere den oppdaterte teksten. Et inndelings- eller blokknavn kan ikke være tomt.

La oss si du for eksempel legger til en Flere kolonner-inndeling i sidemalen med Kolonne-blokker. Kolonneblokken har både en Overskrift-innstilling med standardteksten Kolonne, og en Beskrivelse-innstilling med standardteksten Kombiner tekst med et bilde for å fokusere på det valgte produktet, samlingen eller blogginnlegget.. Standardtittelen for inndelingen er Flere kolonner. Standardtittelen for Kolonne-blokken er Kolonne – Kolonne. Hvis du fjerner teksten fra Overskrift-inndelingen, oppdateres blokktittelen til Kolonne – Kombiner tekst med et b...

Du kan gi en hvilken som helst inndeling eller blokk et egendefinert navn fra innstillingene for inndelingen eller blokken i sidefeltmenyen i temaredigeringsprogrammet.

Fremgangsmåte:

Arbeide med blokker

Blokker er moduler som kan tilpasses, som du bruker til å legge til stoff i inndelingene i malene. Du kan bruke blokker til å legge til tekst, bilder, koblinger, knapper og mer.

Shopify-temaer har inndelinger og blokker du kan tilpasse. Noen inndelinger har faste blokktyper, noe som betyr at du bare kan velge fra blokkene som er gjort tilgjengelige for den inndelingen av temadesigneren.

Andre inndelinger lar deg velge en hvilken som helst blokk, men det er en grense for det totale antallet blokker du kan legge til i inndelingen. Hvis inndelingen når det maksimale antallet tilgjengelige blokker, blir alternativet Legg til blokk nedtonet, og du kan ikke klikke eller trykke på det.

Du kan bruke søket til å finne en bestemt blokk etter navn, eller velge en blokk fra rullegardinmenyen i blokkvelgeren. Temaets blokker kan være sortert i kategorier i blokkvelgeren, som Samling for blokker med en samlingsvelger, eller Medier for bilde- og videoblokker.

En forhåndsvisning av blokken vises i blokkvelgeren, slik at du kan se gjennom hvordan blokken vises før du legger den til.

Legg til en blokk

Bruk metafelt og metaobjekter med dynamiske kilder

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

Hvis du for eksempel selger stearinlys, vil du kanskje vise brenntid for hvert lys som er tilgjengelig i butikken. Når du har konfigurert et produktmetafelt for Brennetid i Egendefinerte data-seksjonen i innstillingene i Shopify-administrator, kan du legge til en tekstblokk i hovedseksjonen i produktmalen. I tekstblokken kan du klikke på -knappen for tekstinnstillingen og velge metafeltet Brennetid. Informasjon om brenntid vil nå vises på produktene dine.

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

Ikke alle seksjoner eller blokker støtter dynamiske kilder. Sjekk temaets arkitekturversjon og tilgjengelige tilpasningsalternativer i temaredigeringsprogrammet for å avgjøre om temaet ditt støtter dynamiske kilder.

Du kan vise dynamisk informasjon i nettbutikken 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. Se Dynamiske kilder for mer informasjon om bruk av metafelt og metaobjekter med dynamiske kilder i temaet.

Når du har fullført oppsettsprosessen, følger du trinnene nedenfor for å koble dynamiske kilder til seksjoner eller blokker i temaet ved å bruke -knappen.

Fremgangsmåte:

Finn ut mer om visning av metafelt i nettbutikken og visning av metaobjekter i nettbutikken.

Velger for dynamisk kilde

Du kan bruke velgeren for dynamisk kilde til å koble til riktig dynamisk kilde direkte i temaredigeringsprogrammet. Se gjennom følgende nøkkelfunksjoner for velgeren for dynamisk kilde:

• Du kan referere 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 velgeren for dynamisk kilde til å angi om du vil søke etter metafelt som er knyttet til enten produkt- eller sideressursen.
• Velgeren for dynamisk kilde har søke- og filtreringsfunksjonalitet som hjelper deg med å finne metafeltet du trenger.
• Velgeren for dynamisk kilde lar deg velge kategorimetafelt. Dette er ekstra kjennemerker 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å det underliggende kjennemerkemetaobjektet.