Legg til et størrelseskart på produktsider
Hvis du selger klesprodukter der kundene må finne sin størrelse før de gjør et kjøp, kan du legge til et tilpasset størrelseskart på produktsiden.
Alle produkter som krever en referanse til størrelseskartet må ha et Størrelse-alternativ:
På denne siden
Opprette en side med størrelseskart
- Fra Shopify-administrator går du til Nettbutikk > Temaer.
- Trykk på Legg til side.
-
Angi en sidetittel.
- Hvis du vil lage et størrelseskart som vises på hele nettstedet, kan du skrive inn
Size Chart
som sidetittel. I seksjonen Forhåndsvisning av søkemotoroppføring* skal URL-adressen for siden slutte på/size-chart
. - Hvis du vil opprette et kart som bare vises på produkter fra en bestemt leverandør, angir du navnet på leverandøren etterfulgt av
Size Chart
.
Hvis leverandøren din for eksempel heter Great Owls, angir duGreat Owls Size Chart
som sidetittel. I seksjonen Forhåndsvisning av søkemotoroppføring skal URL-adressen til siden slutte med/great-owls-size-chart
. - Hvis du vil opprette et kart som bare vises på bestemte produkttyper, angir du produkttypen etterfulgt av
Size Chart
.
Hvis du for eksempel vil vise et størrelseskart som er spesifikt for sko, angir duShoes Size Chart
som sidetittel. I seksjonen Forhåndsvisning av søkemotoroppføring skal URL-adressen til siden slutte med/shoes-size-chart
.
- Hvis du vil lage et størrelseskart som vises på hele nettstedet, kan du skrive inn
Opprett en tabell i boksen Innhold som inneholder informasjon til størrelseskartet. Tilpass tabellen slik at den får det utseendet du ønsker:
I Synlighet-seksjonen må du sjekke at siden er satt til Synlig.
Klikk på Lagre.
- Trykk på …-knappen fra Shopify-appen.
- I Salgskanaler-seksjonen trykker du på Nettbutikk.
- Trykk på Sider.
- Trykk på Legg til side.
-
Angi en sidetittel.
- Hvis du vil lage et størrelseskart som vises på hele nettstedet, kan du skrive inn
Size Chart
som sidetittel. I seksjonen Forhåndsvisning av søkemotoroppføring* skal URL-adressen for siden slutte på/size-chart
. - Hvis du vil opprette et kart som bare vises på produkter fra en bestemt leverandør, angir du navnet på leverandøren etterfulgt av
Size Chart
.
Hvis leverandøren din for eksempel heter Great Owls, angir duGreat Owls Size Chart
som sidetittel. I seksjonen Forhåndsvisning av søkemotoroppføring skal URL-adressen til siden slutte med/great-owls-size-chart
. - Hvis du vil opprette et kart som bare vises på bestemte produkttyper, angir du produkttypen etterfulgt av
Size Chart
.
Hvis du for eksempel vil vise et størrelseskart som er spesifikt for sko, angir duShoes Size Chart
som sidetittel. I seksjonen Forhåndsvisning av søkemotoroppføring skal URL-adressen til siden slutte med/shoes-size-chart
.
- Hvis du vil lage et størrelseskart som vises på hele nettstedet, kan du skrive inn
Opprett en tabell i boksen Innhold som inneholder informasjon til størrelseskartet. Tilpass tabellen slik at den får det utseendet du ønsker:
I Synlighet-seksjonen må du sjekke at siden er satt til Synlig.
Klikk på Lagre.
- Trykk på …-knappen fra Shopify-appen.
- I Salgskanaler-seksjonen trykker du på Nettbutikk.
- Trykk på Sider.
- Trykk på Legg til side.
-
Angi en sidetittel.
- Hvis du vil lage et størrelseskart som vises på hele nettstedet, kan du skrive inn
Size Chart
som sidetittel. I seksjonen Forhåndsvisning av søkemotoroppføring* skal URL-adressen for siden slutte på/size-chart
. - Hvis du vil opprette et kart som bare vises på produkter fra en bestemt leverandør, angir du navnet på leverandøren etterfulgt av
Size Chart
.
Hvis leverandøren din for eksempel heter Great Owls, angir duGreat Owls Size Chart
som sidetittel. I seksjonen Forhåndsvisning av søkemotoroppføring skal URL-adressen til siden slutte med/great-owls-size-chart
. - Hvis du vil opprette et kart som bare vises på bestemte produkttyper, angir du produkttypen etterfulgt av
Size Chart
.
Hvis du for eksempel vil vise et størrelseskart som er spesifikt for sko, angir duShoes Size Chart
som sidetittel. I seksjonen Forhåndsvisning av søkemotoroppføring skal URL-adressen til siden slutte med/shoes-size-chart
.
- Hvis du vil lage et størrelseskart som vises på hele nettstedet, kan du skrive inn
Opprett en tabell i boksen Innhold som inneholder informasjon til størrelseskartet. Tilpass tabellen slik at den får det utseendet du ønsker:
I Synlighet-seksjonen må du sjekke at siden er satt til Synlig.
Klikk på Lagre.
Gå til koderedigeringsprogrammet
- Fra Shopify-administrator går du til Nettbutikk > Temaer.
- Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
- Trykk på …-knappen fra Shopify-appen.
- I Salgskanaler-seksjonen trykker du på Nettbutikk.
- Trykk på Administrer temaer.
- Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
- Trykk på …-knappen fra Shopify-appen.
- I Salgskanaler-seksjonen trykker du på Nettbutikk.
- Trykk på Administrer temaer.
- Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
Velg en av følgende, og opprett en kodebit for størrelseskart
Opprette en kodebit for størrelseskart
- I Utdrag-katalogen klikker du på Legg til et nytt utdrag.
Gi kodebiten navnet
size-chart
, og klikk på Opprett kodebit:Kopier følgende inn i
size-chart
-kodebiten:
{% block "note" %} Det er noen endringer som må gjøres i CSS-stilsettet for temaene Simple og Minimal. {% endblock %}
Hvis du bruker temaet Simple bruker du følgende kode:
Hvis du bruker temaet Minimal bruker du følgende kode:
Legg til kodebiten for størrelseskartet i theme.liquid-filen
- I Layout-katalogen klikker du for å åpne
theme.liquid
-filen. - Finn den avsluttende
</body>
-taggen. Rett over den avsluttende</body>
-taggen limer du inn følgende kode:
Legg til en knapp for Størrelseskart
- Klikk for å åpne filen
product-template.liquid
, ellerproduct.liquid
-filen hvis du ikke har enproduct-template.liquid
-fil, i katalogen Seksjoner. - Lim inn følgende kode over Legg i handlekurv-knappen:
Legg til i handlekurv-knappen begynner vanligvis med noe sånt som <button type="submit" name="add"
. Hvis butikkens driftsspråk ikke er engelsk, erstatter du See Size Chart
med teksten du vil bruke.
Opprette en kodebit for størrelseskart
- I Utdrag-katalogen klikker du på Legg til et nytt utdrag.
Gi kodebiten navnet
size-chart
, og klikk på Opprett kodebit:Kopier følgende inn i
size-chart
-kodebiten:
Hvis du bruker teamet Simple, kan du bytte ut fra .trigger-pop-up
til rett over </style>
med denne koden:
Hvis du bruker temaet Minimal, må du legge til følgende kode over den avsluttende </style>
-taggen:
Legg til kodebiten for størrelseskartet i theme.liquid-filen
- I Layout-katalogen klikker du for å åpne
theme.liquid
-filen. - Finn den avsluttende
</body>
-taggen. Rett over den avsluttende</body>
-taggen limer du inn følgende kode:
Legg til en knapp for Størrelseskart
- Klikk for å åpne filen
product-template.liquid
, ellerproduct.liquid
-filen hvis du ikke har enproduct-template.liquid
-fil, i katalogen Seksjoner. - Lim inn følgende kode over Legg i handlekurv-knappen:
Legg til i handlekurv-knappen begynner vanligvis med noe sånt som <button type="submit" name="add"
. Hvis butikkens driftsspråk ikke er engelsk, erstatter du See Size Chart
med teksten du vil bruke.
Opprette en kodebit for størrelseskart
- I Utdrag-katalogen klikker du på Legg til et nytt utdrag.
Gi kodebiten navnet
size-chart
, og klikk på Opprett kodebit:Kopier følgende inn i
size-chart
-kodebiten:
Hvis du bruker teamet Simple, kan du bytte ut fra .trigger-pop-up
til rett over </style>
med denne koden:
Hvis du bruker temaet Minimal, må du legge til følgende kode over den avsluttende </style>
-taggen:
Legg til kodebiten for størrelseskartet i theme.liquid-filen
- I Layout-katalogen klikker du for å åpne
theme.liquid
-filen. - Finn den avsluttende
</body>
-taggen. Rett over den avsluttende</body>
-taggen limer du inn følgende kode:
Legg til en knapp for Størrelseskart
- Klikk for å åpne filen
product-template.liquid
, ellerproduct.liquid
-filen hvis du ikke har enproduct-template.liquid
-fil, i katalogen Seksjoner. - Lim inn følgende kode over Legg i handlekurv-knappen:
Legg til i handlekurv-knappen begynner vanligvis med noe sånt som <button type="submit" name="add"
. Hvis butikkens driftsspråk ikke er engelsk, erstatter du See Size Chart
med teksten du vil bruke.