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

Med metafält kan du anpassa funktionerna och utseendet på din Shopify-butik genom att låta dig spara specialiserad information som vanligtvis inte registreras i Shopify-admin. Metafält kan användas internt i din Shopify-admin och 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 man klickar på länken öppnas ett popup-fönster som visar sidans innehåll. Du kan lägga till bilder och andra medier med hjälp av rich text-redigeraren för dina sidor.

Följande är några exempel på popup-information du kan lägga till på dina produktsidor:

Storlekstabeller
Skötselanvisningar
Monteringsanvisningar
Produktspecifikationer
Vanliga frågor

Det här är en handledning i fyra steg som introducerar metafält för sidreferenser, skapandet av ett produktmetafält för en sidreferens, skapandet av en produktsidsmall för din webbshop, tillägg av en ny sida, referenser till sidan i specifika produkter och tillämpning av produktsidsmallen på specifika produkter. Du kan använda den här handledningen för att skapa vilket innehåll du vill i popup-fönstret. Den här handledningen använder storlekstabellen som exempel genomgående.

Den här handledningen kräver ett tema som har stöd för dynamiska källor. Om du använder ett vintage-tema 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.

På den här sidan

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

För att börja måste du skapa en definition för ett metafält för sidreferens för dina produktsidor. Produktmetafältet 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 popup-länktexten ändå som om det fanns innehåll. För att popup-länken endast ska visas för specifika produkter kan du skapa en produktmall och tillämpa den endast 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, såsom en storlekstabell för småbarn och en storlekstabell för spädbarn, och sedan kan du lägga till sidreferensen för småbarnsstorlekar endast för produkter som är avsedda för småbarn.

Du måste skapa en definition för metafält för en sidreferens för att kunna ansluta den till popup-blocket i din temaredigerare. Webbshopsåtkomst är valt som standard när du skapar din definition för metafält.

Steg:

Dator

Gå till Inställningar > Metafält och metaobjekt från din Shopify-admin.
Klicka på Produkter i avsnittet Definitioner för metafält.
Klicka på Lägg till definition.
Ange Storlekstabell i fältet Namn.
Klicka på ⊕ Välj typ.
Välj Sida från rullgardinsmenyn. En sida är valt som standard.
Klicka på Spara.

Mobil

I Shopify app, tryck på och därefter på Inställningar.
I avsnittet Butiksinställningar, tryck på Metafält och metaobjekt.
Tryck på Produkter i avsnittet Definitioner för metafält.
Tryck på +.
Ange Storlekstabell i fältet Namn.
Tryck på + Välj typ.
Tryck för att välja Sida från rullgardinsmenyn. En sida är valt som standard.
Tryck på Spara eller ✓.

Steg 2: Skapa din produktsidsmall

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

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

Steg:

Dator

Gå till Webbshop > Teman från din Shopify admin.
Klicka på Redigera tema bredvid det tema som du vill anpassa.
Klicka på Produkter från rullgardinsmenyn Startsida högst upp i redigeraren och klicka sedan på ⊕ Skapa mall för att skapa och anpassa en ny mall.
I navigeringsfältet Avsnitt går du till blocken Mall > Produktinformation och klickar sedan på ⊕ Lägg till block.
Klicka på Popup.
Ange Storlekstabell i fältet Länketikett. Det här är texten som visas och som en kund klickar på för att se innehållet på popup-sidan.
Klicka på ikonen för dynamisk källa bredvid Sida och klicka sedan för att välja det metafält för sidreferens som du skapade.
Klicka på Spara.

Mobil

I Shopify app, tryck på ikonen .
I avsnittet Försäljningskanaler, tryck på Webbutik > Hantera alla teman.
Tryck på Redigera tema för det tema som du vill anpassa.
Tryck på Produkter från rullgardinsmenyn Startsida högst upp i redigeraren och tryck sedan på ⊕ Skapa mall för att skapa och anpassa en ny mall.
I navigeringsfältet Avsnitt går du till blocken Mall > Produktinformation och trycker sedan på ⊕ Lägg till block.
Tryck på Popup.
Ange Storlekstabell i fältet Länketikett. Det här är texten som visas och som en kund klickar på för att se innehållet på popup-sidan.
Tryck på ikonen för dynamisk källa bredvid Sida och tryck sedan för att välja det metafält för sidreferens som du skapade.
Tryck på Spara eller ✓.

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

Du måste skapa en sida med innehållet för storlekstabellen som metafältet refererar till. Om du redan har skapat en sida kan du hoppa till steg 4.

Steg:

Dator

Gå till Webbshop > Sidor från din Shopify admin.
Klicka på Lägg till sida.
Ange Storlekstabell i fältet Titel och lägg sedan till informationen om storlekstabellen i Innehåll.
I avsnittet Synlighet ställer du in sidan som Synlig.
Klicka på Spara.

Mobil

I Shopify app, tryck på ikonen .
I avsnittet **Försäljningskanaler** trycker du på **Webbutik** > **Sidor**.
Tryck på Lägg till sida.
Ange Storlekstabell i fältet Titel och lägg sedan till informationen om storlekstabellen i Innehåll.
I avsnittet Synlighet ställer du in sidan som Synlig.
Tryck på Spara eller ✓.

Du kan skapa så många sidor med storlekstabeller som du behöver för att referera till i metafältet. Du kan dock bara länka en sida i produktmetafältet.

Steg 4: Referera till sidan och tillämpa produktmallen på 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 produktsidmall 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

Gå till Produkter från din Shopify admin.
Klicka på den produkt som du vill lägga till en sidreferens för.
I avsnittet Produktmetafält klickar du på sidreferensen Storlekstabell och klickar sedan på Välj sidor och väljer sidan Storlekstabell.
I avsnittet Temamall väljer du produktsidmallen Storlekstabell som du skapade i steg 2.
Klicka på Spara.

Mobil

I Shopify-appen trycker du på ikonen .
Tryck på den produkt som du vill lägga till en sidreferens för.
I avsnittet Produktmetafält trycker du på sidreferensen Storlekstabell och trycker sedan på Välj sidor och väljer sidan Storlekstabell.
I avsnittet Temamall väljer du produktsidmallen Storlekstabell som du skapade i steg 2.
Tryck på Spara eller ✓.

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