Legge til en pop-up-størrelsestabell på produktsidene

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

Med metafelt kan du legge til en sidereferanse i en pop-up-blokk som viser en kobling på produktsidene. Når du klikker på den, åpner koblingen en pop-up som viser sideinnholdet. Du kan legge til bilder og andre medier med rich text-redigeringsprogrammet for sidene.

Her er noen eksempler på pop-up-informasjon du kan legge til på produktsidene:

  • Størrelsestabeller
  • Vedlikeholdsinstrukser
  • Monteringsanvisninger
  • Produktspesifikasjoner
  • Ofte stilte spørsmål

Dette er en opplæring i fire trinn som introduserer metafelt for sidereferanser. Den viser hvordan du oppretter et produktmetafelt for en sidereferanse, oppretter en produktsidemal for nettbutikken, legger til en ny side, refererer til siden i bestemte produkter og tar i bruk produktsidemalen på bestemte produkter. Du kan bruke denne opplæringen til å lage hvilket som helst innhold du vil ha i pop-up-vinduet. Denne opplæringen bruker eksempelet med størrelsestabell gjennomgående.

Denne opplæringen krever et tema som støtter dynamiske kilder. Hvis du bruker et vintage-tema, eller hvis du vil legge til metafelttyper som temaet ditt ikke støtter, kan du redigere temakoden eller leie inn en Shopify-partner.

Trinn 1: Opprett et produktmetafelt for en side

Til å begynne med må du opprette en metafelt-definisjon for sidereferanser for produktsidene. Produktmetafeltet 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, vil koblingsteksten til pop-up-vinduet likevel vises som om det er innhold der. For at pop-up-koblingen bare skal vises på bestemte produkter, kan du opprette en produktmal og bare bruke den på relevante produkter.

Med metafelt for sidereferanser kan du vise ulik produktinformasjon ved å opprette ulike sider for ulike produkttyper. Du kan for eksempel opprette to ulike størrelsestabellsider for to ulike aldersgrupper, som en størrelsestabell for småbarn og en størrelsestabell for spedbarn, og deretter kan du legge til sidereferansen for småbarnsstørrelser bare på produkter som er for småbarn.

Du må opprette en metafelt-definisjon for en sidereferanse for å koble den til pop-up-blokken i temaredigeringsprogrammet. Tilgang fra butikkfronten er valgt som standard når du oppretter metafelt-definisjonen.

Fremgangsmåte:

Stasjonær datamaskin
  1. Fra Shopify-administrator går du til Innstillinger > Metafelt og metaobjekter.

  2. I seksjonen Metafelt-definisjoner klikker du på Produkter.

  3. Klikk på Legg til definisjon.

  4. I Navn-feltet skriver du inn Størrelsestabell.

  5. Klikk på ⊕ Velg type.

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

  7. Klikk på Lagre.

Mobil
  1. Fra Shopify app, trykk på Menu, og trykk deretter på Settings Innstillinger.

  2. I delen Butikkinnstillinger, trykk på Metafelt og metaobjekter.

  3. I seksjonen Metafelt-definisjoner trykker du på Produkter.

  4. Trykk på +.

  5. I Navn-feltet skriver du inn Størrelsestabell.

  6. Trykk på + Velg type.

  7. Trykk for å velge Side fra rullegardinmenyen. Én side er valgt som standard.

  8. Trykk på Lagre eller .

Trinn 2: Opprett produktsidemalen

Denne opplæringen krever et tema som støtter dynamiske kilder. Hvis du bruker et vintage-tema, eller hvis du vil legge til metafelttyper som temaet ditt ikke støtter, kan du redigere temakoden eller leie inn en Shopify-partner.

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

Ikon for å koble til dynamisk kilde

Hvis du ikke vil legge til pop-up-lenken for størrelsestabellen for alle produktene dine, må du opprette en ny produktsidemal. I disse trinnene oppretter du en ny produktsidemal, men du kan også velge å tilpasse en eksisterende produktsidemal i stedet.

Fremgangsmåte:

Stasjonær datamaskin
  1. Gå til Nettbutikk > Temaer fra Shopify-administrator.
  2. Klikk på Rediger tema ved siden av temaet du vil tilpasse.
  3. Klikk på Produkter fra Startside-rullegardinmenyen øverst i redigeringsverktøyet, og klikk deretter på ⊕ Opprett mal for å opprette og tilpasse en ny mal.
  4. Gå til blokkene Mal > Produktinformasjon i navigasjonsfeltet for seksjoner, og klikk deretter på ⊕ Legg til blokk.
  5. Klikk på Pop-up.
  6. Skriv inn Størrelsestabell i feltet Lenkeetikett. Dette er teksten en kunde klikker på for å se innholdet på pop-up-siden.
  7. Klikk på ikonet for dynamisk kilde ved siden av Side, og klikk deretter for å velge metafeltet for sidereferanse som du opprettet.
  8. Klikk på Lagre.
Mobil
  1. Fra Shopify app, trykk på Menu-ikonet.

  2. I delen Salgskanaler, trykk på Nettbutikk > Administrer alle temaer.

  3. Trykk på Rediger tema for temaet du vil tilpasse.

  4. Trykk på Produkter fra Startside-rullegardinmenyen øverst i redigeringsverktøyet, og trykk deretter på ⊕ Opprett mal for å opprette og tilpasse en ny mal.

  5. Gå til blokkene Mal > Produktinformasjon i navigasjonsfeltet for seksjoner, og trykk deretter på ⊕ Legg til blokk.

  6. Trykk på Pop-up.

  7. Skriv inn Størrelsestabell i feltet Lenkeetikett. Dette er teksten en kunde klikker på for å se innholdet på pop-up-siden.

  8. Trykk på ikonet for dynamisk kilde ved siden av Side, og trykk deretter for å velge metafeltet for sidereferanse som du opprettet.

  9. Trykk på Lagre eller .

Trinn 3: Legg til en side med størrelsestabellen

Du må opprette en side med innholdet for størrelsestabellen som metafeltet refererer til. Hvis du allerede har opprettet en side, kan du hoppe til trinn 4.

Fremgangsmåte:

Stasjonær datamaskin
  1. Gå til Nettbutikk > Sider fra Shopify-administrator.
  2. Klikk på Legg til side.
  3. Skriv inn Størrelsestabell i Tittel-feltet, og legg deretter til informasjonen for størrelsestabellen i Innhold.
  4. Angi siden som Synlig i Synlighet-seksjonen.
  5. Klikk på Lagre.
Mobil
  1. Fra Shopify app, trykk på Menu-ikonet.

  2. I seksjonen Salgskanaler trykker du på Nettbutikk > Sider.

  3. Trykk på Legg til side.

  4. Skriv inn Størrelsestabell i Tittel-feltet, og legg deretter til informasjonen for størrelsestabellen i Innhold.

  5. Angi siden som Synlig i Synlighet-seksjonen.

  6. Trykk på Lagre eller .

Du kan opprette så mange sider med størrelsestabeller du trenger for å referere til i metafeltet. Du kan imidlertid bare koble til én side i produktmetafeltet.

Trinn 4: Referer til siden og bruk produktmalen for bestemte produkter

Når du legger til en sidereferanse for et bestemt produkt, vises informasjonen fra den siden bare for det produktet. Hvis du lar sidereferansen stå tom for et produkt som bruker den produktmalen, vises lenketeksten fortsatt som en lenke. Pop-up-vinduet er imidlertid tomt uten en sidereferanse, og kan skape forvirring for kundene. Du kan bruke en annen produktsidemal for bestemte produkttyper som har størrelsestabeller, for eksempel klær eller sko, og en produktmal for andre produkttyper, for eksempel leker, smykker og annet tilbehør.

Finn ut mer om maler.

Fremgangsmåte:

Stasjonær datamaskin
  1. Gå til Produkter fra Shopify-administrator.
  2. Klikk på produktet du vil legge til en sidereferanse for.
  3. Klikk på sidereferansen Størrelsestabell i Produktmetafelter-seksjonen, og klikk deretter på Velg sider og velg siden Størrelsestabell.
  4. Velg produktsidemalen Størrelsestabell som du opprettet i trinn 2 i Temamal-seksjonen.
  5. Klikk på Lagre.
Mobil
  1. Fra Shopify-appen trykker du på Produkter-ikonet .
  2. Trykk på produktet du vil legge til en sidereferanse for.
  3. Trykk på sidereferansen Størrelsestabell i Produktmetafelter-seksjonen, og trykk deretter på Velg sider og velg siden Størrelsestabell.
  4. Velg produktsidemalen Størrelsestabell som du opprettet i trinn 2 i Temamal-seksjonen.
  5. Trykk på Lagre eller .

Du kan gjenta disse trinnene for så mange produkter du trenger.