Logg på
Start gratis prøveperiode

Legge til et forgrunnsdiagram for størrelse på produktsidene dine

Metafelter hjelper deg med å tilpasse funksjonaliteten og utseendet til Shopify-butikken ved å la deg lagre spesialisert informasjon som ikke vanligvis registreres i Shopify-administrator. Metafelter kan brukes internt i Shopify-administrator, og du kan også velge å vise dem i nettbutikken.

Med metafelter kan du legge til en sidereferanse i en popup-blokk, som viser en kobling til produktsidene. Når du klikker på denne, åpner koblingen et popup-vindu som viser sideinnholdet. Du kan legge til bilder og andre medier ved hjelp av redigeringsprogrammet for rik tekst for sidene dine.

Nedenfor ser du noen eksempler på popup-informasjon du kan legge til på produktsidene:

  • Størrelsesdiagrammer
  • Pleieinstruksjoner
  • Monteringsinstruksjoner
  • Produktspesifikasjoner
  • Vanlige spørsmål

Dette er en veiledning i fire trinn som introduserer sidereferanse-metafelter, opprettelse av et produktmetafelt for en sidereferanse, opprettelse av en produktsidemal for nettbutikken, legge til en ny side, henvise til siden i bestemte produkter og bruk av produktsidemalen for bestemte produkter. Du kan bruke denne veiledningen til å opprette innhold du vil ha i forgrunnsvinduet. Størrelsesdiagrammet rukes som et eksempel i hele veiledningen.

Denne veiledningen krever et Online Store 2.0-tema. Hvis du bruker et eldre tema, eller vil legge til metafelttyper som ikke støttes av temaet, kan du redigere temakoden eller leie inn en Shopify-partner.

På denne siden

Trinn 1: Opprett et produktmetafelt for en side

For å starte, må du opprette en metafelt-definisjon for sidereferanser for produktsidene. Produkt-metafeltet kobler til en bestemt side, og kan tilpasses for hvert produkt. Hvis du ikke legger til en sidereferanse for et produkt som bruker samme mal, vises koblingsteksten i popup-vinduet likevel, som om den har innhold. For å bare vise popup-koblingen på bestemte produkter, kan du opprette en produktmal som bare brukes for relevante produkter.

Med metafelter for sidereferanser kan du vise ulik produktinformasjon ved å opprette ulike sider for ulike typer produkter. Du kan for eksempel opprette to ulike sider med størrelseskart for to ulike aldersgrupper, som for eksempel et størrelseskart for babyer og ett for småbarn, og deretter legge til sidereferansen for småbarn til bare produkter som er for småbarn.

Du må opprette en metafelt-definisjon for en sidereferanse for å kunne koble den til popup-blokken i temaredigeringsprogrammet. Butikkfronttilgang er valgt som standard når du oppretter metafelt-definisjonen.

Trinn:

Datamaskin

  1. Gå til Innstillinger > Egendefinerte data i Shopify-administrator.

  2. Klikk på Produkter i seksjonen Metafelt-definisjoner.

  3. Klikk på Legg til definisjon.

  4. I Navn-feltet angir du Størrelsesdiagram.

  5. Klikk på ⊕ Velg type.

  6. Velg Side fra rullegardinmenyen. Én side er valgt som standard.

  7. Klikk på Lagre.

iPhone
  1. Trykk på … > Innstillinger fra Shopify-appen.
  2. Trykk på Egendefinerte data.
  3. Trykk på Produkter i seksjonen Metafelt-definisjoner.
  4. Trykk +.
  5. I Navn-feltet angir du Størrelsesdiagram.
  6. Trykk på + Velg type.
  7. Trykk for å velge Side i rullegardinmenyen. Én side er valgt som standard.
  8. Trykk på Lagre.
Android
  1. Trykk på ☰ > Innstillinger fra Shopify-appen.
  2. Trykk på Egendefinerte data.
  3. Trykk på Produkter i seksjonen Metafelt-definisjoner.
  4. Trykk +.
  5. I Navn-feltet angir du Størrelsesdiagram.
  6. Trykk på + Velg type.
  7. Trykk for å velge Side i rullegardinmenyen. Én side er valgt som standard.
  8. Trykk på ✓ for å lagre.

Trinn 2: Opprett produktsidemalen

Denne veiledningen krever et Online Store 2.0-tema. Hvis du bruker et eldre tema, eller vil legge til metafelttyper som ikke støttes av temaet, kan du redigere temakoden eller leie inn en Shopify-partner.

Når du har lagt til en seksjon eller en blokk, kan du velge et metafelt ved å klikke på ikonet for en dynamisk kilde:

Koble til dynamisk kildeikon

Hvis du ikke vil legge til forgrunnskoblingen for størrelsesdiagrammet i alle produktene dine, må du opprette en ny mal for produktside. I trinnene oppretter du en ny produktsidemal, men du kan også velge en eksisterende produktsidemal og tilpasse den i stedet.

Trinn:

Datamaskin
  1. Gå til Nettbutikk > Temaer fra Shopify-administrator.
  2. Klikk på Tilpass ved siden av temaet du vil tilpasse.
  3. Klikk på Produkter fra rullegardinmenyen Startside øverst i redigeringsverktøyet, og klikk deretter på ⊕ Opprett mal for å opprette og tilpasse en ny mal.
  4. Gå til Mal > Produktinformasjon i navigasjonssidefeltet Seksjoner, og klikk deretter på ⊕ Legg til blokk.
  5. Klikk på Popup-vindu.
  6. I Koblingsetikett-feltet skriver du Størrelsesdiagram. Dette er teksten som vises når en kunde klikker for å se forgrunnsinnholdet på siden.
  7. Klikk på ikonet for dynamisk kilde ved siden av Side, og klikk deretter for å velge metafeltet du opprettet for sidereferanse.
  8. Klikk på Lagre.
iPhone
  1. Trykk på … > Nettbutikk fra Shopify-appen.
  2. Trykk på Administrer alle temaer.
  3. Trykk på Tilpass ved siden av temaet du vil tilpasse.
  4. Trykk på Produkter fra rullegardinmenyen Startside øverst i redigeringsprogrammet, og trykk deretter på ⊕ Opprett mal for å opprette og tilpasse en ny mal.
  5. Gå til Mal > Produktinformasjon i navigasjonssidefeltet Seksjoner, og trykk deretter på ⊕ Legg til blokk.
  6. Trykk på Popup-vindu.
  7. I Koblingsetikett-feltet skriver du Størrelsesdiagram. Dette er teksten som vises når en kunde klikker for å se forgrunnsinnholdet på siden.
  8. Trykk på ikonet for dynamisk kilde ved siden Side, og trykk deretter for å velge metafeltet for sidereferanse som du opprettet.
  9. Trykk på Lagre.
Android
  1. Trykk på ☰ > Nettbutikk fra Shopify-appen.
  2. Trykk på Administrer alle temaer.
  3. Trykk på Tilpass ved siden av temaet du vil tilpasse.
  4. Trykk på Produkter fra rullegardinmenyen Startside øverst i redigeringsprogrammet, og trykk deretter på ⊕ Opprett mal for å opprette og tilpasse en ny mal.
  5. Gå til Mal > Produktinformasjon i navigasjonssidefeltet Seksjoner, og trykk deretter på ⊕ Legg til blokk.
  6. Trykk på Popup-vindu.
  7. I Koblingsetikett-feltet skriver du Størrelsesdiagram. Dette er teksten som vises når en kunde klikker for å se forgrunnsinnholdet på siden.
  8. Trykk på ikonet for dynamisk kilde ved siden Side, og trykk deretter for å velge metafeltet for sidereferanse som du opprettet.
  9. Trykk på ✓ for å lagre temaet.

Trinn 3: Legg til en side med størrelsesdiagrammet ditt

Du må opprette en side med innholdet i størrelsesdiagrammet som metafeltet henviser til. Hvis du allerede har opprettet en side, kan du gå videre til trinn 4.

Trinn:

Datamaskin
  1. Gå til Nettbutikk > Sider fra Shopify-administrator.
  2. Trykk på Legg til side.
  3. I Tittel-feltet angir du Størrelsesdiagram og legger til informasjon om størrelsesdiagrammet i Innhold.
  4. Angi siden som Synlig i seksjonen Synlighet.
  5. Klikk på Lagre.
iPhone
  1. Trykk på … > Nettbutikk fra Shopify-appen.
  2. Trykk på Sider.
  3. Trykk på Legg til side.
  4. I Tittel-feltet angir du Størrelsesdiagram og legger til informasjon om størrelsesdiagrammet i Innhold.
  5. Angi siden som Synlig i seksjonen Synlighet.
  6. Trykk på Lagre.
Android
  1. Trykk på ☰ > Nettbutikk fra Shopify-appen.
  2. Trykk på Sider.
  3. Trykk på Legg til side.
  4. I Tittel-feltet angir du Størrelsesdiagram og legger til informasjon om størrelsesdiagrammet i Innhold.
  5. Angi siden som Synlig i seksjonen Synlighet.
  6. Trykk på ✓ for å lagre.

Du kan opprette så mange sider med størrelsesdiagram det henvises til fra metafeltet som du har behov for. Du kan imidlertid bare koble til én side i produktmetafeltet.

Trinn 4: Henvis til siden og bruk produktmalen på bestemte produkter

Når du legger til en sidereferanse til et bestemt produkt, vises informasjonen på denne siden bare for det aktuelle produktet. Hvis du lar sidereferansen stå tom for et produkt som bruker den aktuelle produktmalen, vises koblingsteksten fortsatt som en kobling. Forgrunnsvinduet blir imidlertid tomt uten en sidereferanse, noe som kan skape forvirring for kundene. Du kan bruke en annen produktsidemal for spesifikke produkttyper som har størrelsesdiagrammer, for eksempel klær eller sko, og en produktmal for andre produkttyper, som barneleker eller smykker og annet tilbehør.

Finn ut mer om maler.

Trinn:

Datamaskin
  1. Gå til Produkter fra Shopify-administrator.
  2. Klikk på produktet du ønsker å legge til en sidereferanse for.
  3. I Produkt-metafelt-delen klikker du på Størrelsesdiagram-sidereferansen og klikker deretter på Velg sider og velger Størrelsesdiagram-siden.
  4. I Temamal-delen velger du produktsidemalen Størrelsesdiagram som du opprettet i trinn 2.
  5. Klikk på Lagre.
iPhone
  1. Fra Shopify-appen går du til Produkter > Alle produkter.
  2. Trykk på produktet du ønsker å legge til en sidereferanse for.
  3. I Produktmetafelt-delen trykker du på Størrelsesdiagram-sidereferansen og deretter på Velg sider og velger deretter Størrelsesdiagram-siden.
  4. I Temamal-delen velger du produktsidemalen Størrelsesdiagram som du opprettet i trinn 2.
  5. Trykk på Lagre.
Android
  1. Fra Shopify-appen går du til Produkter > Alle produkter.
  2. Trykk på produktet du ønsker å legge til en sidereferanse for.
  3. I Produktmetafelt-delen trykker du på Størrelsesdiagram-sidereferansen og deretter på Velg sider og velger deretter Størrelsesdiagram-siden.
  4. I Temamal-delen velger du produktsidemalen Størrelsesdiagram som du opprettet i trinn 2.
  5. Trykk på ✓ for å lagre.

Du kan gjenta disse trinnene for så mange produkter som du har behov for.

Finner du ikke svarene du leter etter? Vi er her for å hjelpe deg.