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.
På denne siden
Seksjonen Produktinformasjon
Seksjonen Produktinformasjon inneholder detaljer om produktene, som for eksempel størrelse, beskrivelse, pris og bilder.
Innstillinger for seksjonen Produktinformasjon
Innstilling | Beskrivelse |
---|---|
Aktiver festet innhold på datamaskiner | Når du blar ned på en side, starter ikke kolonnen med produktinformasjon å bla ned før alle bilder er bladd forbi. |
Fargepalett | En sett med farger du kan bruke på denne seksjonen. Finn ut mer om fargetemaer. |
Mediebredde på datamaskin | Angi bredden for produktmedier på produktsiden for stasjonære datamaskiner. Velg blant Lite, Middels eller Stort. |
Begrens medier til skjermens høyde | Ved å velge dette alternativet angis en maksimal mediehøyde basert på nettleservinduets høyde på en hvilken som helst enhet. |
Mediepassform | Velg 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:
|
Plassering av medier på datamaskin | Velg om produktmedier skal vises på venstre eller høyre side på stasjonære datamaskiner. |
Bildezoom | Velg hvordan bildet skal zoomes på datamaskiner:
|
Mobillayout | Angi oppsettet for produktmedier på mobile enheter. Velg fra følgende alternativer:
|
Skjul medier for andre varianter etter at en variant er valgt | Nå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 video | For eventuelle videoer blant produktmediene spiller denne innstillingen av videofilen i loop, slik at den automatisk spilles av på nytt når den er ferdig. |
Toppmarg | Angi mellomrommet øverst i seksjonen. |
Bunnmarg | Angi 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:
- Tekst
- Tittel
- Pris
- Variantvelger
- Mengdevelger
- Kjøp-knapper
- Beskrivelse
- Del
- Lagerbeholdningsenhet
- Status for lagerbeholdning
- Egendefinert Liquid
- Sammenleggbar rad
- Pop-up
- Produktvurdering
- Komplimentære produkter
- Ikon med tekst
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.
Innstilling | Beskrivelse |
---|---|
Tekst | Et tekstfelt for å legge til tilleggsinformasjon på produktsiden. |
Tekststil |
Endre stilen på teksten. Velg fra følgende alternativer:
|
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.
Innstilling | Beskrivelse |
---|---|
Stil |
Velg hvordan produktvariantene dine vises til kundene. Velg fra følgende alternativer:
|
Fargekart |
Velg hvordan fargekart vises til kundene. Velg fra følgende alternativer:
|
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.
Innstilling | Beskrivelse |
---|---|
Vis dynamiske knapper for å gå til kassen | Viser eventuelle dynamiske betalingsalternativer som er aktivert i Betalingsinnstillingene. |
Vis skjema med mottakerinformasjon for gavekort | Viser 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.
Innstilling | Beskrivelse |
---|---|
Tekst | Teksten 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.
Innstilling | Beskrivelse |
---|---|
Tekststil |
Endre stilen på teksten. Velg fra følgende alternativer:
|
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.
Innstilling | Beskrivelse |
---|---|
Tekststil |
Endre stilen på teksten. Velg fra følgende alternativer:
|
Terskel for lav lagerbeholdning | Bruk 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 lagerantall | Velg 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.
Innstilling | Beskrivelse |
---|---|
Liquid-kode | Viser 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.
Innstilling | Beskrivelse |
---|---|
Overskrift | Tittelen på raden, som vises når raden er både lukket og utvidet. |
Ikon | Velg et ikon som skal vises sammen med den sammenleggbare raden, eller velg Ingen for å vise bare tittelen på raden. |
Radinnhold | Angi innholdet i raden ved hjelp av redigeringsprogrammet for rik tekst. Innholdet vises bare når raden er utvidet. |
Radinnhold fra side | Legg 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å.
Innstilling | Beskrivelse |
---|---|
Koblingsetikett | Den klikkbare teksten kunder klikker på for å vise popup-dialogboksen. |
Side | Velg 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.
Innstilling | Beskrivelse |
---|---|
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:
|
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.
Innstilling | Beskrivelse |
---|---|
Oppsett | Velg mellom et vannrett eller loddrett oppsett for blokken. |
Første ikon | Velg et ikon du vil vise i blokken, eller velg Ingen for å bare vise en tittel. |
Første bilde | Velg ditt eget bilde du vil bruke i stedet for et ikon. |
Første overskrift | Legg til en tittel for første ikon eller bilde. |
Andre ikon | Velg et ikon du vil vise i blokken, eller velg Ingen for å bare vise en tittel. |
Andre bilde | Velg ditt eget bilde du vil bruke i stedet for et ikon. |
Andre overskrift | Legg til en tittel for det andre ikonet eller bildet. |
Tredje ikon | Velg et ikon du vil vise i blokken, eller velg Ingen for å bare vise en tittel. |
Tredje bilde | Velg ditt eget bilde du vil bruke i stedet for et ikon. |
Tredje overskrift | Legg 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
Innstilling | Beskrivelse |
---|---|
Overskrift | Tittelen på seksjonen. |
Overskriftsstørrelse | Størrelsen på tittelteksten. Velg mellom Liten, Middels, Stor, Ekstra stor eller Ekstra ekstra stor. |
Maksimalt antall produkter som vises | Angi det maksimale antallet relaterte produkter som skal vises. Velg et tall mellom 2 og 10. |
Antall kolonner på datamaskin | Angi antall kolonner produkter som skal vises i bredden på datamaskiner. Velg et tall mellom 1 og 6. |
Fargepalett | En sett med farger du kan bruke på denne seksjonen. Finn ut mer om fargetemaer. |
Bildeforhold | Angi størrelsesforholdet for fremhevede bilder for de relaterte produktene som vises. Velg fra følgende alternativer:
|
Bildeform | Velg en av følgende bildeformer for bilder av relaterte produkter:
|
Vis sekundærbilde når musepekeren beveges over | Når en kunde beveger markøren over produktbildene på en datamaskin, viser dette alternativet det sekundære produktbildet, om det finnes. |
Vis selger | Viser selgeren for hvert produkt. |
Vis produktvurdering | Viser 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å mobil | Angi antall kolonner produkter som skal vises i bredden på mobile enheter. Velg mellom 1 og 2 kolonner. |
Toppmarg | Angi mellomrommet øverst i seksjonen. |
Bunnmarg | Angi mellomrommet nederst i seksjonen. |