Produktsider

På produktsidene viser du informasjon om produktene du selger i butikken, og hvor kundene kan kjøpe produktene fra.

Produktsidene har som standard seksjonene Produktinformasjon og Relaterte produkter i temaredigeringsprogrammet.

Seksjonen Produktinformasjon

Seksjonen Produktinformasjon inneholder detaljer om produktene, som for eksempel størrelse, beskrivelse, pris og bilder.

Innstillinger for seksjonen Produktinformasjon

Innstillinger for seksjonen Produktinformasjon
InnstillingBeskrivelse
Aktiver festet innhold på datamaskinerNår du blar ned på en side, starter ikke kolonnen med produktinformasjon å bla ned før alle bilder er bladd forbi.
FargepalettEn sett med farger du kan bruke på denne seksjonen. Finn ut mer om fargetemaer.
Mediebredde på datamaskinAngi bredden for produktmedier på produktsiden for stasjonære datamaskiner. Velg blant Lite, Middels eller Stort.
Begrens medier til skjermens høydeVed å velge dette alternativet angis en maksimal mediehøyde basert på nettleservinduets høyde på en hvilken som helst enhet.
MediepassformVelg Original for å opprettholde mediets opprinnelige størrelsesforhold, eller Fyll for å tilpasse mediet til beholderen.
Layout på datamaskin Angi oppsettet for produktmedier på stasjonære datamaskiner. Velg fra følgende alternativer:
  • Stablet – Viser produktmedier stablet loddrett på siden. Når du klikker på en stablet medietype, åpnes et popup-vindu med en større visning av det valgte mediet.
  • To kolonner – Viser produktmedier som stablet, men over to kolonner.
  • Miniatyrbilder – Hvis et produkt har mer enn ett bilde eller en annen medietype, vises gjenværende medier som miniatyrbilder under hovedproduktmediet. Kunden kan klikke på et miniatyrbilde for å vise det som hovedproduktmedie.
  • Karusell med miniatyrbilder – Hvis et produkt har mer enn ett bilde eller en annen medietype, vises gjenværende medier som miniatyrbilder i en karusell under hovedproduktmediet. Kunden kan klikke på et hvilket som helst miniatyrbilde for å vise det som hovedproduktmedie, eller bruke karusellnavigasjonspilene til å vise andre medier.
Plassering av medier på datamaskinVelg om produktmedier skal vises på venstre eller høyre side på stasjonære datamaskiner.
BildezoomVelg hvordan bildet skal zoomes på datamaskiner:
  • Åpne lysboks – Kunden kan klikke for å vise en større versjon av bildet. Dette er standard funksjonalitet for produktmedier som vises på mobile enheter.
  • Klikk og hold markøren over – Kunden kan klikke for å zoome inn på bildet, og deretter holde markøren over bildet for å se ulike deler innzoomet. Zoom når markøren holdes over deaktiveres når man klikker på det forstørrede bildet på nytt, eller når markøren forlater beholderen til bildet. Når denne innstillingen er aktivert, og brukeren bruker en mobil enhet, vises bildet som standard i en modalboks når det klikkes på.
  • Ingen zoom – Dette alternativet deaktiverer zoom for bilder. Alternativet egner seg for bilder som ikke er i høy oppløsning, og som ikke vil se bra ut om man zoomer inn.
MobillayoutAngi oppsettet for produktmedier på mobile enheter. Velg fra følgende alternativer:
  • To kolonner – Viser to produktmedier side om side, med karusellfunksjonalitet slik at man kan bla på tvers og se andre produktmedier.
  • Vis miniatyrbilder – Viser ett enkelt produktmedie, med en karusell av miniatyrbilder som ruller nedenfor.
  • Skjul miniatyrbilder – Viser ett enkelt produktmedie, med en karusell som ruller nedenfor, men miniatyrbildene vises ikke.
Skjul medier for andre varianter etter at en variant er valgtNår en variant velges, skjules bilder av andre varianter fra visningen. Bildene vises igjen når valget av en variant oppheves.
Aktiver løkkeavspilling av videoFor eventuelle videoer blant produktmediene spiller denne innstillingen av videofilen i loop, slik at den automatisk spilles av på nytt når den er ferdig.
ToppmargAngi mellomrommet øverst i seksjonen.
BunnmargAngi mellomrommet nederst i seksjonen.

I tillegg til innstillingene for seksjonen Produktinformasjon kan du se og tilpasse noen av temainnstillingene for produktmerker, og du kan legge til din egen seksjonsspesifikke tilpassede CSS.

Produktinformasjonsblokker

Du kan bruke følgende blokker med seksjonen Produktinformasjon:

Tekstblokk

Blokken Tekst kan brukes for å vise statisk tekst, eller variable data ved hjelp av dynamiske kilder. Du kan for eksempel legge til tekst som viser en markedsføringsmelding, som for eksempel Gratis frakt av bestillinger over 100 USD, som deretter vises på hvert enkelt produkt. Du kan også legge til en dynamisk kilde, som for eksempel feltet Selger for produktet, som endrer seg avhengig av hvilket produkt som vises.

Innstillinger for tekstblokken i seksjonen Produktinformasjon
InnstillingBeskrivelse
TekstEt tekstfelt for å legge til tilleggsinformasjon på produktsiden.
Tekststil Endre stilen på teksten. Velg fra følgende alternativer:
  • Brødtekst – Endrer teksten til tekst med avsnittsstil.
  • Undertekst – Endrer teksten til undertekst, som er litt større enn tekst i avsnittsstil.
  • Store bokstaver – Endrer teksten til å være mindre enn tekst med avsnittstil, og viser alle bokstaver som store bokstaver.

Tittelblokk

Blokken Tittel viser tittelen på produktet som vises. Denne blokken har ingen innstillinger som kan tilpasses.

Prisblokk

Blokken Pris viser prisinformasjon for produktet som vises, som for eksempel pris og sammenlign med-pris. Denne blokken har ingen innstillinger som kan tilpasses.

Variantvelgerblokk

Blokken Variantvelger viser eventuelle variantalternativer for produktet som vises. Variantvelgeren vises bare for produkter som har variantalternativer. Hvis du fjerner denne blokken og har produkter med variantalternativer, kan ikke kundene velge eller kjøpe variantalternativet de ønsker.

Innstillinger for blokken Variantvelger i seksjonen Produktinformasjon
InnstillingBeskrivelse
Stil Velg hvordan produktvariantene dine vises til kundene. Velg fra følgende alternativer:
  • Rullegardinmeny – Viser variantalternativene i rullegardinmenyer. Disse kan bare vises som et fargekart eller som tekst.
  • Knapper – Viser variantalternativene som knapper du kan velge. Disse kan bare vises som et fargekart eller tekst.
Fargekart Velg hvordan fargekart vises til kundene. Velg fra følgende alternativer:
  • Sirkel – Viser fargekartet som en sirkel du kan velge.
  • Kvadratisk – Viser fargekartet som et kvadrat du kan velge.
  • Ingen – Ingen fargekart vises.

Mengdevelgerblokk

Blokken Antallsvelger viser et klikkbart og redigerbart nummerfelt som kundene kan bruke for å endre hvor mange enheter de ønsker å kjøpe av et produkt. Denne blokken har ingen innstillinger som kan tilpasses.

Blokk for Kjøp-knapper

Blokken Kjøp-knapper viser knappen Legg i handlekurv samt eventuell informasjon om henting i butikk. Den kan også vise dynamiske knapper for å gå til kassen hvis de finnes i butikken.

Innstillinger for blokken Kjøp-knapper i seksjonen Produktinformasjon
InnstillingBeskrivelse
Vis dynamiske knapper for å gå til kassenViser eventuelle dynamiske betalingsalternativer som er aktivert i Betalingsinnstillingene.
Vis skjema med mottakerinformasjon for gavekortViser en valgfri avmerkingsboks for eventuelle produktgavekort, slik at kundene kan sende og planlegge utsending av et gavekort til en mottaker sammen med en personlig melding.

Beskrivelsesblokk

Blokken Beskrivelse viser beskrivelsen for produktet som vises. Denne blokken har ingen innstillinger som kan tilpasses.

Delingsblokk

Blokken Del viser en klikkbar kobling som lar kundene dele produktet i sosiale medier.

Innstillinger for blokken Del i seksjonen Produktinformasjon
InnstillingBeskrivelse
TekstTeksten kundene klikker på for å dele produktet i sosiale medier.

SKU-blokk

Blokken SKU viser lagerbeholdningsenheten (SKU) som er tilknyttet produktet eller varianten, dersom det er aktuelt. Finn ut mer om å registrere SKU-numre for produktvarianter.

Innstillinger for SKU-blokken i seksjonen Produktinformasjon
InnstillingBeskrivelse
Tekststil Endre stilen på teksten. Velg fra følgende alternativer:
  • Brødtekst – Endrer teksten til tekst med avsnittsstil.
  • Undertekst – Endrer teksten til undertekst, som er litt større enn tekst i avsnittsstil.
  • Store bokstaver – Endrer teksten til å være mindre enn tekst med avsnittstil, og viser alle bokstaver som store bokstaver.

Statusblokk for lagerbeholdning

Blokken Lagerbeholdningsstatus viser lagerstatusen for et produkt. Du kan vise lagerstatus og gjenstående lagerantall permanent, eller bare når lagerantallet når en terskelverdi du har angitt. Lagerstatusen vises bare for produkter som har lagersporing aktivert.

Innstillinger for blokken Lagerbeholdningsstatus i seksjonen Produktinformasjon
InnstillingBeskrivelse
Tekststil Endre stilen på teksten. Velg fra følgende alternativer:
  • Brødtekst – Endrer teksten til tekst med avsnittsstil.
  • Undertekst – Endrer teksten til undertekst, som er litt større enn tekst i avsnittsstil.
  • Store bokstaver – Endrer teksten til å være mindre enn tekst med avsnittstil, og viser alle bokstaver som store bokstaver.
Terskel for lav lagerbeholdningBruk glidebryteren for intervall til å angi en terskelverdi for når produktene skal vises med meldingen Lav lagerbeholdning. Velg et tall mellom 0 og 100. Hvis glidebryteren settes til 0, vises På lager inntil produktet er helt utsolgt.
Vis lagerantallVelg dette alternativet når du ønsker å vise lagerantall for produkter.

Blokk for tilpasset Liquid-kode

Blokken Tilpasset Liquid-kode viser tilpasset Liquid- eller HTML-kode som du legger til i blokken.

Innstillinger for blokken Tilpasset Liquid-kode i seksjonen Produktinformasjon
InnstillingBeskrivelse
Liquid-kodeViser innholdet som gjengis av Liquid- eller HTML-koden du angir.

Sammenleggbar radblokk

Blokken Sammenleggbar rad viser en utvidbar og sammenleggbar rad med en tittel. Når en kunde klikker på ikonet, tittelen eller pil ned, utvides raden og viser ytterligere innhold.

Innstillinger for blokken Sammenleggbar rad i seksjonen Produktinformasjon
InnstillingBeskrivelse
OverskriftTittelen på raden, som vises når raden er både lukket og utvidet.
IkonVelg et ikon som skal vises sammen med den sammenleggbare raden, eller velg Ingen for å vise bare tittelen på raden.
RadinnholdAngi innholdet i raden ved hjelp av redigeringsprogrammet for rik tekst. Innholdet vises bare når raden er utvidet.
Radinnhold fra sideLegg til innhold fra en side på raden. Dette viser bare innholdet du legger til på en side i seksjonen Nettbutikk > Sider i Shopify-administrator. Den viser ikke innhold du legger til i malen for sider i temaredigeringsprogrammet. Alt innhold du legger i feltet Radinnhold vises over sideinnholdet du legger til.

Pop-up-blokk

Blokken Popup-vindu viser klikkbar tekst som åpner et popup-vindu når den klikkes på.

Innstillinger for blokken Pop-up i seksjonen Produktinformasjon
InnstillingBeskrivelse
KoblingsetikettDen klikkbare teksten kunder klikker på for å vise popup-dialogboksen.
SideVelg siden du ønsker å vise innholdet fra i popup-dialogboksen. Dette viser bare innholdet du legger til på en side i seksjonen Nettbutikk > Sider i Shopify-administrator. Den viser ikke innhold du legger til i malen sider i temaredigeringsprogrammet.

Blokk for produktvurdering

Blokken Produktanmeldelse viser den gjennomsnittlige produktvurderingen i stjerner med antall anmeldelser i parentes, for eksempel: ★★★★★ (8).

For å vise produktanmeldelser må du bruke en app for produktanmeldelser og metafelt-definisjoner for reviews.rating_count og reviews.rating.

Denne blokken har ingen justerbare innstillinger.

Blokk for komplimentære produkter

Blokken Komplimentære produkter viser komplimentære produkter du angir i Shopify Search & Discovery-appen.

Innstillinger for blokken Komplimentære produkter i seksjonen Produktinformasjon
InnstillingBeskrivelse
Overskrift Tittelen på blokken.
Vis som sammenleggbar rad Innholdet vises som lukket på en rad når dette alternativet er valgt. Når en kunde klikker på en tittel, utvides raden for å vise ekstra innhold.
Ikon Velg et ikon som skal kobles til tittelen når komplimentære produkter vises i en sammenleggbar rad.
Maksimalt antall produkter som vises Velg det maksimale antallet komplimentære produkter som skal vises. Velg et tall mellom 1 og 10.
Antall produkter per side Velg antall komplimentære produkter du ønsker å vise på hver side. Velg et tall mellom 1 og 4.
Pagineringsstil Angi stilen for glidebryternavigasjonen som vises under produktene. Velg blant Prikker, Teller eller Tall.
Bildeforhold Angi høyde- og breddeforholdet på produktkortbildene. Velg mellom Stående eller Kvadratisk.
Aktiver knapp for hurtigtillegging Hvis du aktiverer hurtigregistreringsknappen, kan kundene legge en vare i handlekurv fra produktkortet ved hjelp av et av følgende alternativer:
  • Legg i handlekurv – For produkter med én variant. Når en kunde klikker på knappen, legges produktet automatisk i handlekurven.
  • Velg alternativer – For produkter med varianter. Når en kunde klikker på knappen, vises et popup-vindu, der de kan velge variant og deretter gå videre med kjøpet.

Ikon med tekstblokk

Blokken Ikon med tekst viser inntil tre ikoner med tilhørende tekst. Velg fra en liste med forhåndsinstallerte ikoner, eller bruk et bilde du laster opp.

Innstillinger for blokken Ikon med tekst i seksjonen Produktinformasjon
InnstillingBeskrivelse
OppsettVelg mellom et vannrett eller loddrett oppsett for blokken.
Første ikonVelg et ikon du vil vise i blokken, eller velg Ingen for å bare vise en tittel.
Første bildeVelg ditt eget bilde du vil bruke i stedet for et ikon.
Første overskriftLegg til en tittel for første ikon eller bilde.
Andre ikonVelg et ikon du vil vise i blokken, eller velg Ingen for å bare vise en tittel.
Andre bildeVelg ditt eget bilde du vil bruke i stedet for et ikon.
Andre overskriftLegg til en tittel for det andre ikonet eller bildet.
Tredje ikonVelg et ikon du vil vise i blokken, eller velg Ingen for å bare vise en tittel.
Tredje bildeVelg ditt eget bilde du vil bruke i stedet for et ikon.
Tredje overskriftLegg til en tittel for det tredje ikonet eller bildet.

Seksjonen Relaterte produkter

Basert på produktet som vises, viser seksjonen Relaterte produkter lignende produkter, produkter med en lignende beskrivelse eller produkter som ofte kjøpes sammen med produktet som vises. Du kan legge til dine egne produkter manuelt i seksjonen Relaterte produkter ved å bruke Shopify Search & Discovery-appen.

Se Forstå produktanbefalinger for å finne ut mer om produktanbefalinger.

Innstillinger for seksjonen Relaterte produkter

Innstillinger for seksjonen Relaterte produkter
InnstillingBeskrivelse
OverskriftTittelen på seksjonen.
OverskriftsstørrelseStørrelsen på tittelteksten. Velg mellom Liten, Middels, Stor, Ekstra stor eller Ekstra ekstra stor.
Maksimalt antall produkter som visesAngi det maksimale antallet relaterte produkter som skal vises. Velg et tall mellom 2 og 10.
Antall kolonner på datamaskinAngi antall kolonner produkter som skal vises i bredden på datamaskiner. Velg et tall mellom 1 og 6.
FargepalettEn sett med farger du kan bruke på denne seksjonen. Finn ut mer om fargetemaer.
BildeforholdAngi størrelsesforholdet for fremhevede bilder for de relaterte produktene som vises. Velg fra følgende alternativer:
  • Tilpass til bilde – Bruker størrelsesforholdet for bildene. Dette forhindrer at bildene beskjæres.
  • Portrett – Beskjærer bildet til et 2:3-størrelsesforhold.
  • Kvadrat – Beskjærer bildet til et 1:1-størrelsesforhold.
BildeformVelg en av følgende bildeformer for bilder av relaterte produkter:
  • Standard – endrer produktbildet til rektangelform.
  • Bue – Kurver toppen av produktbildet.
  • Blob – Runder av produktbildet i én av seks tilfeldige blob-former som har en unik animasjon når markøren beveges over.
  • Sjevron venstre – endrer produktbildet til en sjevronform med en skarp bøy mot venstre.
  • Sjevron høyre – endrer produktbildet til en sjevronform med en skarp bøy mot høyre.
  • Diamant – endrer produktbildet til en firesidet diamantform.
  • Parallelogram – endrer produktbildet til en form med to par parallelle linjer.
  • Rund – runder av produktbildet til en sirkel eller en oval form med en unik animasjon når markøren beveges over.
Vis sekundærbilde når musepekeren beveges overNår en kunde beveger markøren over produktbildene på en datamaskin, viser dette alternativet det sekundære produktbildet, om det finnes.
Vis selgerViser selgeren for hvert produkt.
Vis produktvurderingViser den gjennomsnittlige produktvurderingen i stjerner, med antall anmeldelser i parentes, for eksempel: ★★★★★ (8). Dette krever også en app for produktanmeldelser og metafelt-definisjoner for reviews.rating_count og reviews.rating.
Antall kolonner på mobilAngi antall kolonner produkter som skal vises i bredden på mobile enheter. Velg mellom 1 og 2 kolonner.
ToppmargAngi mellomrommet øverst i seksjonen.
BunnmargAngi mellomrommet nederst i seksjonen.
Finner du ikke svarene du leter etter? Vi er her for å hjelpe deg.