Tilføjelse af et størrelsesdiagram som pop op på dine produktsider

Metafelter hjælper dig med at tilpasse funktionerne og udseendet af din Shopify-butik, da du kan gemme specialiserede oplysninger, som normalt ikke registreres i Shopify-administratoren. Metafelter kan bruges internt i din Shopify-administrator, og du kan også vælge at få dem vist i din webshop.

Med metafelter kan du føje en sidereference til en pop op-blok, der viser et link på dine produktsider. Når der klikkes på linket, åbnes en pop op-meddelelse, der viser sidens indhold. Du kan tilføje billeder og andre medier ved hjælp af rich text-editoren til dine sider.

Her er nogle eksempler på pop op-oplysninger, du kan føje til dine produktsider:

  • Størrelsesdiagrammer
  • Plejevejledninger
  • Samlevejledninger
  • Produktspecifikationer
  • Ofte stillede spørgsmål

Dette er en vejledning i fire trin, der introducerer metafeltet sidereference. Den dækker oprettelse af et produktmetafelt for en sidereference, oprettelse af en produktsideskabelon til din webshop, tilføjelse af en ny side, henvisning til siden i specifikke produkter og anvendelse af produktsideskabelonen på specifikke produkter. Du kan bruge denne vejledning til at oprette alt det indhold, du ønsker i din pop op. I denne vejledning bruges eksemplet med et størrelsesdiagram gennemgående.

Denne vejledning kræver et tema, der understøtter dynamiske kilder. Hvis du bruger et vintage-tema, eller hvis du vil tilføje metafelttyper, som dit tema ikke understøtter, kan du redigere din temakode eller hyre en Shopify-partner.

Trin 1: Opret et produktmetafelt til en side

Først skal du oprette en definition af et sidereference-metafelt for dine produktsider. Produktmetafeltet linker til en bestemt side og kan tilpasses til hvert produkt. Hvis du ikke føjer en sidereference til et produkt, der bruger den samme skabelon, vises din pop op-linktekst stadig, som om der var indhold. Hvis du kun vil vise pop op-linket på specifikke produkter, kan du oprette en produktskabelon og kun anvende den på relevante produkter.

Med sidereference-metafelter kan du vise forskellige produktoplysninger ved at oprette forskellige sider til forskellige produkttyper. Du kan f.eks. oprette to forskellige sider med størrelsesdiagrammer til to forskellige aldersgrupper, f.eks. et størrelsesdiagram til småbørn og et til spædbørn, og derefter kan du kun tilføje sidereferencen for småbørnsstørrelser til produkter, der er til småbørn.

Du skal oprette en definition af et metafelt for en sidereference for at knytte den til pop op-blokken i din temaeditor. Adgang til webshopfacade er valgt som standard, når du opretter din definition af metafelt.

Trin:

Computer
  1. Gå til Indstillinger > Metafelter og metaobjekter i din Shopify-administrator.

  2. Klik på Produkter i afsnittet Definitioner af metafelt.

  3. Klik på Tilføj definition.

  4. Indtast Størrelsesdiagram i feltet Navn.

  5. Klik på ⊕ Vælg type.

  6. Vælg Side i rullemenuen. Én side er valgt som standard.

  7. Klik på Gem.

Mobil
  1. Tryk på Menu i Shopify app, og tryk derefter på Indstillinger Indstillinger.

  2. Tryk på Metafelter og metaobjekter i afsnittet Butiksindstillinger.

  3. Tryk på Produkter i afsnittet Definitioner af metafelt.

  4. Tryk på +.

  5. Indtast Størrelsesdiagram i feltet Navn.

  6. Tryk på + Vælg type.

  7. Tryk for at vælge Side i rullemenuen. Én side er valgt som standard.

  8. Tryk på Gem eller .

Trin 2: Opret din produktsideskabelon

Denne vejledning kræver et tema, der understøtter dynamiske kilder. Hvis du bruger et vintage-tema, eller hvis du vil tilføje metafelttyper, som dit tema ikke understøtter, kan du redigere din temakode eller hyre en Shopify-partner.

Når du har tilføjet en sektion eller blok, kan du vælge et metafelt ved at klikke på ikonet for dynamisk kilde:

Ikon for tilknytning af dynamisk kilde

Hvis du ikke vil føje pop op-linket til størrelsesguiden til alle dine produkter, skal du oprette en ny produktsideskabelon. I disse trin opretter du en ny produktsideskabelon, men du kan også vælge at tilpasse en eksisterende i stedet.

Trin:

Computer
  1. Gå til Webshop > Temaer i din Shopify-administrator.
  2. Klik på Tilpas ud for det tema, du vil tilpasse.
  3. Klik på Produkter i rullemenuen Startside øverst i redigeringsprogrammet, og klik derefter på ⊕ Opret skabelon for at oprette og tilpasse en ny skabelon.
  4. I sidebjælken Sektioner skal du gå til blokkene Skabelon > Produktoplysninger og derefter klikke på ⊕ Tilføj blok.
  5. Klik på Pop op.
  6. Angiv Størrelsesguide i feltet Linktekst. Dette er den tekst, der vises, og som kunden klikker på for at se indholdet på pop op-siden.
  7. Klik på ikonet for dynamisk kilde ud for Side, og vælg derefter det sidereference-metafelt, du har oprettet.
  8. Klik på Gem.
Mobil
  1. Tryk på ikonet Menu i Shopify app.

  2. Tryk på Webshop > Administrer alle temaer i afsnittet Salgskanaler.

  3. Tryk på Tilpas for det tema, du vil tilpasse.

  4. Tryk på Produkter i rullemenuen Startside øverst i redigeringsprogrammet, og tryk derefter på ⊕ Opret skabelon for at oprette og tilpasse en ny skabelon.

  5. I sidebjælken Sektioner skal du gå til blokkene Skabelon > Produktoplysninger og derefter trykke på ⊕ Tilføj blok.

  6. Tryk på Pop op.

  7. Angiv Størrelsesguide i feltet Linktekst. Dette er den tekst, der vises, og som kunden klikker på for at se indholdet på pop op-siden.

  8. Tryk på ikonet for dynamisk kilde ud for Side, og vælg derefter det sidereference-metafelt, du har oprettet.

  9. Tryk på Gem eller .

Trin 3: Tilføj en side med størrelsesguiden

Du skal oprette en side med det indhold til størrelsesguiden, som metafeltet refererer til. Hvis du allerede har oprettet en side, kan du springe til trin 4.

Trin:

Computer
  1. Gå til Webshop > Sider i din Shopify-administrator.
  2. Klik på Tilføj side.
  3. Angiv Størrelsesguide i feltet Titel, og tilføj derefter oplysningerne om størrelsesguiden i Indhold.
  4. I afsnittet Synlighed skal du indstille siden til Synlig.
  5. Klik på Gem.
Mobil
  1. Tryk på ikonet Menu i Shopify app.

  2. Tryk på Webshop > Sider i afsnittet Salgskanaler.

  3. Tryk på Tilføj side.

  4. Angiv Størrelsesguide i feltet Titel, og tilføj derefter oplysningerne om størrelsesguiden i Indhold.

  5. I afsnittet Synlighed skal du indstille siden til Synlig.

  6. Tryk på Gem eller .

Du kan oprette lige så mange sider med størrelsesguider, som du har brug for at referere til i metafeltet. Du kan dog kun knytte én side til produktmetafeltet.

Trin 4: Referer til siden, og anvend produktskabelonen på specifikke produkter

Når du føjer en sidereference til et bestemt produkt, vises oplysningerne fra den pågældende side kun sammen med det produkt. Hvis du lader sidereferencen være tom for et produkt, der bruger den pågældende produktskabelon, vises linkteksten stadig som et link. Pop op-vinduet er dog tomt uden en sidereference, og det kan skabe forvirring hos dine kunder. Du kan bruge en anden produktsideskabelon til specifikke produkttyper, der har størrelsesguider, f.eks. tøj eller sko, og en anden produktskabelon til andre produkttyper, f.eks. legetøj til børn eller smykker og andet tilbehør.

Få mere at vide om skabeloner.

Trin:

Computer
  1. Gå til Produkter i din Shopify-administrator.
  2. Klik på det produkt, du vil føje en sidereference til.
  3. Klik på sidereferencen Størrelsesguide i afsnittet Produktmetafelter, klik på Vælg sider, og vælg derefter siden Størrelsesguide.
  4. I afsnittet Temaskabelon skal du vælge den produktsideskabelon til Størrelsesguide, som du oprettede i trin 2.
  5. Klik på Gem.
Mobil
  1. I Shopify-appen skal du trykke på ikonet Produkter .
  2. Tryk på det produkt, du vil føje en sidereference til.
  3. Tryk på sidereferencen Størrelsesguide i afsnittet Produktmetafelter, tryk på Vælg sider, og vælg derefter siden Størrelsesguide.
  4. I afsnittet Temaskabelon skal du vælge den produktsideskabelon til Størrelsesguide, som du oprettede i trin 2.
  5. Tryk på Gem eller .

Du kan gentage disse trin for alle de produkter, du har brug for.