Tilføjelse af en pop op-størrelsesguide på produktsiderne
Metafelter hjælper dig med at tilpasse din Shopify-butiks funktionalitet og udseende, da du får mulighed for at gemme specialiserede oplysninger, der normalt ikke registreres i Shopify-administrator. Metafelter kan bruges internt i din Shopify-administrator, og du kan også vælge at vise dem i din webshop.
Med metafelter kan du tilføje en sidereference til en pop op-blok, der viser et link på dine produktsider. Når der klikkes på linket, åbnes et pop op-vindue, der viser indholdet på din side. Du kan tilføje billeder og andre medier ved hjælp af RTF-editoren til dine sider.
Følgende er nogle eksempler på pop op-oplysninger, som du kan føje til dine produktsider:
- Størrelsesguider
- Vaskeanvisninger
- Samlevejledninger
- Produktspecifikationer
- Ofte stillede spørgsmål
Dette er en 4-trins vejledning, der introducerer metafelter for sidereferencer og forklarer, hvordan man opretter et produktmetafelt til en sidereference, opretter en produktsideskabelon til webshoppen, tilføjer en ny side, refererer til siden i specifikke produkter og anvender produktsideskabelonen til specifikke produkter. Du kan bruge denne vejledning til at oprette indhold, du ønsker, i pop op-vindue. Denne vejledning bruger eksemplet på størrelsesguiden hele vejen igennem.
Denne vejledning kræver et Online Store 2.0-tema. Hvis du bruger et ældre tema eller vil tilføje typer af metafelter, som ikke understøttes af dit tema, kan du redigere din temakode eller ansætte en Shopify-partner.
På denne side
Trin 1: Opret et produktmetafelt for en side
Start med at oprette en metafeltdefinition for sidereference for dine produktsider. Produktmetafeltet linker til en bestemt side og kan tilpasses for hvert enkelt produkt. Hvis du ikke føjer en sidereference til et produkt, der bruger den samme skabelon, vises teksten med pop op-linket stadig, som om der er 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 metafelter for sidereferencer kan du vise forskellige produktoplysninger ved at oprette forskellige sider til forskellige produkttyper. Du kan f.eks. oprette to forskellige sider med størrelsesguider til to forskellige aldersgrupper, som f.eks. en størrelsesguide til små børn og en til spædbørn. Derefter kan du føje sidereferencen for størrelser til små børn kun til de produkter, der er til små børn.
Du skal oprette en metafeltdefinition for en sidereference for at kunne knytte den til pop op-blokken i din temaeditor. Adgang til butikslayout er som standard valgt, når du opretter din metafeltdefinition.
Trin:
Desktop
Gå til Indstillinger > Tilpassede data i Shopify-administratoren.
I afsnittet Definitioner for metafelter klikker du på Produkter.
Klik på Tilføj definition.
Angiv Størrelsesguide i feltet Navn.
Klik på ⊕ Vælg type.
Vælg Side i rullemenuen. Én side er valgt som standard.
Klik på Gem.
iPhone
- I Shopify-appen trykker du på … > Indstillinger.
- Tryk på Tilpassede data.
- I afsnittet Definitioner for metafelter trykker du på Produkter.
- Tryk på +.
- Angiv Størrelsesguide i feltet Navn.
- Tryk på + Vælg type.
- Tryk for at vælge Side i rullemenuen. Én side vælges som standard.
- Tryk på Gem.
Android
- I Shopify-appen trykker du på ☰ > Indstillinger.
- Tryk på Tilpassede data.
- I afsnittet Definitioner for metafelter trykker du på Produkter.
- Tryk på +.
- Angiv Størrelsesguide i feltet Navn.
- Tryk på + Vælg type.
- Tryk for at vælge Side i rullemenuen. Én side vælges som standard.
- Tryk på ✓ for at gemme.
Trin 2: Opret din skabelon til produktsider
Denne vejledning kræver et Online Store 2.0-tema. Hvis du bruger et ældre tema eller vil tilføje typer af metafelter, som ikke understøttes af dit tema, kan du redigere din temakode eller ansætte en Shopify-partner.
Når du har tilføjet et afsnit eller en blok, kan du vælge et metafelt ved at klikke på ikonet for dynamiske kilder:
Hvis du ikke vil føje pop op-linket til størrelsesguiden til alle dine produkter, skal du oprette en ny skabelon til produktsider. I trinnene opretter du en ny skabelon til produktsider, men du kan også vælge en eksisterende skabelon til produktsider, som du kan tilpasse i stedet.
Trin:
Desktop
- Gå til Webshop > Temaer i Shopify-administratoren.
- Klik på Tilpas ud for det tema, du vil tilpasse.
- I menuen Startside øverst i editoren klikker du på Produkter. Derefter klikker du på ⊕ Opret skabelon for at oprette og tilpasse en ny skabelon.
- I sidebjælkenavigationen for Afsnit går du til blokkene Skabelon > Produktoplysninger. Derefter klikker du på ⊕ Tilføj blok.
- Klik på Pop op.
- I feltet Navn på link skal du indtaste Størrelsesguide. Dette er den tekst, der viser, hvad en kunde klikker på for indholdet på pop op-siden.
- Ved siden af Side klikker du på ikonet for dynamiske kilder, og derefter klikker du for at vælge det metafelt for sidereferencer, du har oprettet.
- Klik på Gem.
iPhone
- I Shopify-appen trykker du på … > Webshop.
- Tryk på Administrer alle temaer.
- Tryk på Tilpas ud for det tema, du vil tilpasse.
- I rullemenuen Startside øverst i editoren trykker du på Produkter. Derefter trykker du på ⊕ Opret skabelon for at oprette og tilpasse en ny skabelon.
- I sidebjælkenavigationen for Afsnit går du til blokkene Skabelon > Produktoplysninger. Derefter trykker du på ⊕ Tilføj blok.
- Tryk på Pop op.
- I feltet Navn på link skal du indtaste Størrelsesguide. Dette er den tekst, der viser, hvad en kunde klikker på for indholdet på pop op-siden.
- Ved siden af Side trykker du på ikonet for dynamiske kilder. Derefter trykker du for at vælge det metafelt for sidereference, du har oprettet.
- Tryk på Gem.
Android
- I Shopify-appen trykker du på ☰ > Webshop.
- Tryk på Administrer alle temaer.
- Tryk på Tilpas ud for det tema, du vil tilpasse.
- I rullemenuen Startside øverst i editoren trykker du på Produkter. Derefter trykker du på ⊕ Opret skabelon for at oprette og tilpasse en ny skabelon.
- I sidebjælkenavigationen for Afsnit går du til blokkene Skabelon > Produktoplysninger. Derefter trykker du på ⊕ Tilføj blok.
- Tryk på Pop op.
- I feltet Navn på link skal du indtaste Størrelsesguide. Dette er den tekst, der viser, hvad en kunde klikker på for indholdet på pop op-siden.
- Ved siden af Side trykker du på ikonet for dynamiske kilder. Derefter trykker du for at vælge det metafelt for sidereference, du har oprettet.
- Tryk på ✓ for at gemme dit tema.
Trin 3: Tilføj en side med størrelsesguiden
Du skal oprette en side med størrelsesguidens indhold, som metafeltet refererer til. Hvis du allerede har oprettet en side, kan du gå videre til trin 4.
Trin:
Desktop
- Gå til Webshop > Sider i Shopify-administratoren.
- Klik på Tilføj side.
- Angiv Størrelsesguide i feltet Titel, og tilføj derefter størrelsesguidens oplysninger i Indhold.
- I afsnittet Synlighed angiver du siden som Synlig.
- Klik på Gem.
iPhone
- I Shopify-appen trykker du på … > Webshop.
- Tryk på Sider.
- Tryk på Tilføj side.
- Angiv Størrelsesguide i feltet Titel, og tilføj derefter størrelsesguidens oplysninger i Indhold.
- I afsnittet Synlighed angiver du siden som Synlig.
- Tryk på Gem.
Android
- I Shopify-appen trykker du på ☰ > Webshop.
- Tryk på Sider.
- Tryk på Tilføj side.
- Angiv Størrelsesguide i feltet Titel, og tilføj derefter størrelsesguidens oplysninger i Indhold.
- I afsnittet Synlighed angiver du siden som Synlig.
- Tryk på ✓ for at gemme.
Du kan oprette så mange sider med størrelsestabeller, som du har brug for at henvise til i metafeltet. Du kan dog kun linke én side i 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 denne side kun med det pågældende produkt. Hvis du lader sidereferencen være tom for et produkt, der bruger denne produktskabelon, vises linkteksten stadig som et link. Pop op-vinduet er imidlertid tomt uden en sidereference og kan skabe forvirring for dine kunder. Du kan bruge en anden skabelon på produktsiden til specifikke produkttyper, som har størrelsesguides, f.eks. tøj eller sko, og en produktskabelon til andre produkttyper, som f.eks. legetøj til børn eller smykker og andet tilbehør.
Få mere at vide om skabeloner.
Trin:
Desktop
- Gå til Produkter i din Shopify-administrator.
- Klik på det produkt, du vil føje en sidereference til.
- I afsnittet Produktmetafelter skal du klikke på sidehenvisningen Størrelsesguide, og derefter klikke på Vælg sider og vælge siden størrelsesguide.
- I afsnittet Temaskabelon vælger du den Størrelsesguide-skabelon til produktsider, som du oprettede under trin 2.
- Klik på Gem.
iPhone
- I Shopify-appen skal du gå til Produkter > Alle produkter.
- Tryk på det produkt, du vil føje en sidereference til.
- I afsnittet Produktmetafelter skal du trykke på sidehenvisningen Størrelsesguide, og derefter trykke på Vælg sider og vælge siden størrelsesguide.
- I afsnittet Temaskabelon vælger du den Størrelsesguide-skabelon til produktsider, som du oprettede under trin 2.
- Tryk på Gem.
Android
- I Shopify-appen skal du gå til Produkter > Alle produkter.
- Tryk på det produkt, du vil føje en sidereference til.
- I afsnittet Produktmetafelter skal du trykke på sidehenvisningen Størrelsesguide, og derefter trykke på Vælg sider og vælge siden størrelsesguide.
- I afsnittet Temaskabelon vælger du den Størrelsesguide-skabelon til produktsider, som du oprettede under trin 2.
- Tryk på ✓ for at gemme.
Du kan gentage disse trin for så mange produkter, du har brug for.