Lägga till en popup-storlekstabell på dina produktsidor

Metafält gör det möjligt för dig att anpassa din Shopify-butiks funktionalitet och utseende genom att låta dig spara specialinformation som vanligtvis inte tas upp i Shopify-admin. Metafält kan användas internt i din Shopify-administratör, du kan även välja att visa dem i din webbshop.

Med metafält kan du lägga till en sidreferens till ett popup-block som visar en länk på dina produktsidor. När du klickar på länken öppnas ett popup-fönster som visar innehållet på din sida. Du kan lägga till bilder och andra medier till dina sidor med RTF-redigeraren.

Här följer några exempel på popup-information som du kan lägga till på dina produktsidor:

  • Storlekstabeller
  • Hanteringsanvisningar
  • Monteringsanvisningar
  • Produktspecifikationer
  • Vanliga frågor

Detta är en 4-stegs handledning som introducerar metafält för sidreferenser, skapar ett metafält för en produkt för en sidreferens, skapar en mall för produktsidor i din webbutik, lägger till en ny sida, refererar till sidan i specifika produkter och tillämpar produktsidemallen för specifika produkter. Du kan använda den här handledningen för att skapa innehåll som du vill ha i ditt popup-fönster. I handledningen används exemplet med storlekstabellen överallt.

För den här handledningen krävs ett Online Store 2.0-tema Om du använder ett vintagetema eller om du vill lägga till metafälttyper som ditt tema inte stöder kan du redigera din temakod eller anlita en Shopify partner.

Steg 1: Skapa ett metafält för en produkt för en sida

För att börja måste du skapa en metafältsdefinition för sidreferens för dina produktsidor. Produktens metafält länkar till en specifik sida och kan anpassas för varje produkt. Om du inte lägger till en sidreferens till en produkt som använder samma mall visas fortfarande din popup-länktext som om det finns innehåll. För att endast visa popup-länken på specifika produkter kan du skapa en produktmall och bara tillämpa den på relevanta produkter.

Med metafält för sidreferenser kan du visa olika produktinformation genom att skapa olika sidor för olika typer av produkter. Du kan till exempel skapa två olika storlekstabellsidor för två olika åldersgrupper, till exempel en storlekstabell för småbarn och en storlekstabell för äldre barn, och sedan kan du lägga till sidreferensen för småbarnsstorlekar endast för produkter som är för småbarn.

Du måste skapa en metafältsdefinition för en sidreferens för att ansluta den till popup-blocket i temaredigeraren. Åtkomst till skyltfönster väljs som standard när du skapar din definition för metafält.

Steg:

Dator
  1. Gå till Inställningar > Anpassad data från din Shopify-admin.

  2. Klicka på Produkter i avsnittet Definitioner för metafält.

  3. Klicka på Lägg till definition.

  4. I fältet Namn anger du Storlekstabell.

  5. Klicka på ⊕ Välj typ.

  6. Välj Sida från rullgardinsmenyn. En sida är förvalt.

  7. Klicka på Spara.

iPhone
  1. Från Shopify-appen trycker du på ... > Inställningar.
  2. Tryck på Anpassade data.
  3. Tryck på Produkter i avsnittet Definitioner för metafält.
  4. Tryck på +.
  5. I fältet Namn anger du Storlekstabell.
  6. Tryck på + Välj typ.
  7. Tryck för att välja Sida från rullgardinsmenyn. En sida är förvalt.
  8. Tryck på Spara.
Android
  1. Från Shopify-appen trycker du på > Inställningar.
  2. Tryck på Anpassade data.
  3. Tryck på Produkter i avsnittet Definitioner för metafält.
  4. Tryck på +.
  5. I fältet Namn anger du Storlekstabell.
  6. Tryck på + Välj typ.
  7. Tryck för att välja Sida från rullgardinsmenyn. En sida är förvalt.
  8. Tryck för att spara.

Steg 2: Skapa din mall för produktsidor

För den här handledningen krävs ett Online Store 2.0-tema Om du använder ett vintagetema eller om du vill lägga till metafälttyper som ditt tema inte stöder kan du redigera din temakod eller anlita en Shopify partner.

När du har lagt till ett avsnitt eller block kan du välja ett metafält genom att klicka på ikonen för dynamisk källa:

Anslut dynamisk källikon

Om du inte vill lägga till popup-länken till storlekstabellen till alla dina produkter måste du skapa en ny mall för produktsida. I stegen skapar du en ny mall för produktsidor, men du kan också välja en befintlig mall för produktsidor att anpassa istället.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Klicka på Anpassa bredvid temat du vill anpassa.
  3. Klicka på Produkter i rullgardinsmenyn Startsida högst upp i redigeraren och klicka sedan på ⊕ Skapa mall för att skapa och anpassa en ny mall.
  4. I sidofältet för avsnittsnavigering går du till blocken Mall > Produktinformation och klickar sedan på ⊕ Lägg till block.
  5. Klicka på Popup.
  6. I fältet*Länketikett* anger du Storlekstabell. Det här är texten som visar vad en kund klickar på för att visa innehållet på popup-sidan.
  7. Bredvid Sida klickar du på ikonen för dynamisk källa och klickar sedan för att välja de metafält för sidreferens som du skapade.
  8. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på ... > Webbshop.
  2. Tryck på Hantera alla teman.
  3. Tryck på Anpassa bredvid temat du vill anpassa.
  4. Tryck på Produkter i rullgardinsmenyn Startsida högst upp i redigeraren och tryck sedan på ⊕ Skapa mall för att skapa och anpassa en ny mall.
  5. I sidofältet för avsnittsnavigering går du till blocken Mall > Produktinformation och trycker sedan på ⊕ Lägg till block.
  6. Tryck på Popup.
  7. I fältet*Länketikett* anger du Storlekstabell. Det här är texten som visar vad en kund klickar på för att visa innehållet på popup-sidan.
  8. Bredvid Sida trycker du på ikonen för dynamisk källa och trycker sedan för att välja metafält för sidreferensen du skapade.
  9. Tryck på Spara.
Android
  1. Från Shopify-appen trycker du på > Webbshop.
  2. Tryck på Hantera alla teman.
  3. Tryck på Anpassa bredvid temat du vill anpassa.
  4. Tryck på Produkter i rullgardinsmenyn Startsida högst upp i redigeraren och tryck sedan på ⊕ Skapa mall för att skapa och anpassa en ny mall.
  5. I sidofältet för avsnittsnavigering går du till blocken Mall > Produktinformation och trycker sedan på ⊕ Lägg till block.
  6. Tryck på Popup.
  7. I fältet*Länketikett* anger du Storlekstabell. Det här är texten som visar vad en kund klickar på för att visa innehållet på popup-sidan.
  8. Bredvid Sida trycker du på ikonen för dynamisk källa och trycker sedan för att välja metafält för sidreferensen du skapade.
  9. Tryck för att spara ditt tema.

Steg 3: Lägg till en sida med din storlekstabell

Du måste skapa en sida med det storlekstabellinnehåll som metafältet refererar till. Om du redan har skapat en sida kan du hoppa till steg 4.

Steg:

Dator
  1. I Shopify-administratören går du till Webbshop > Sidor.
  2. Klicka på Lägg till sida.
  3. I fältet Titel anger du Storlekstabell, och sedan lägger du till tabellinformationen i Innehåll.
  4. Ställ in sidan som Synlig i avsnittet Synlighet.
  5. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på ... > Webbshop.
  2. Klicka på Sidor.
  3. Tryck på Lägg till sida.
  4. I fältet Titel anger du Storlekstabell, och sedan lägger du till tabellinformationen i Innehåll.
  5. Ställ in sidan som Synlig i avsnittet Synlighet.
  6. Tryck på Spara.
Android
  1. Från Shopify-appen trycker du på > Webbshop.
  2. Klicka på Sidor.
  3. Tryck på Lägg till sida.
  4. I fältet Titel anger du Storlekstabell, och sedan lägger du till tabellinformationen i Innehåll.
  5. Ställ in sidan som Synlig i avsnittet Synlighet.
  6. Tryck för att spara.

Du kan skapa så många sidor att referera till i metafältet som du behöver. Du kan dock endast länka en sida i produktens metafält.

Steg 4: Referera till sidan och använd produktmallen för specifika produkter

När du lägger till en sidreferens till en specifik produkt visas informationen från den sidan endast med den produkten. Om du lämnar sidreferensen tom för en produkt som använder den produktmallen visas länktexten fortfarande som en länk. Popup-fönstret är dock tomt utan sidreferens och kan skapa förvirring för dina kunder. Du kan använda en annan mall för produktsidor för specifika produkttyper som har storlekstabeller, till exempel kläder eller skor, och en produktmall för andra produkttyper, till exempel barnleksaker eller smycken och andra accessoarer.

Mer information om mallar.

Steg:

Dator
  1. Gå till Produkter i din Shopify-administratör.
  2. Klicka på produkten till vilken du vill lägga till en sidreferens.
  3. I avsnittet Produkt-metafält klickar du på sidreferensen Storlekstabell. Klicka sedan på Välj sidor och välj sidan Storlekstabell.
  4. I avsnittet Temamall väljer du produktsidemallen Storlekstabell som du skapade i steg 2.
  5. Klicka på Spara.
iPhone
  1. Från Shopify app, gå till produkter > alla produkter.
  2. Tryck på den produkt som du vill lägga till en sidreferens till.
  3. I avsnittet Produkt-metafält trycker du på sidreferensen Storlekstabell. Tryck sedan på Välj sidor och välj sidan Storlekstabell.
  4. I avsnittet Temamall väljer du produktsidemallen Storlekstabell som du skapade i steg 2.
  5. Tryck på Spara.
Android
  1. Från Shopify app, gå till produkter > alla produkter.
  2. Tryck på den produkt som du vill lägga till en sidreferens till.
  3. I avsnittet Produkt-metafält trycker du på sidreferensen Storlekstabell. Tryck sedan på Välj sidor och välj sidan Storlekstabell.
  4. I avsnittet Temamall väljer du produktsidemallen Storlekstabell som du skapade i steg 2.
  5. Tryck för att spara.

Du kan upprepa dessa steg för så många produkter behövs.

Hittar du inte de svar du letar efter? Vi finns här för att hjälpa till!