Produktsider

Produktsider er stedet, hvor du viser oplysninger om de produkter, som du sælger i butikken, og hvor dine kunder kan købe produkterne fra.

Produktsider har som standard afsnittene Produktoplysninger og Relaterede produkter i temaeditoren.

Afsnittet Produktoplysninger

Afsnittet Produktoplysninger viser oplysningerne om dine produkter, f.eks. titlen, beskrivelsen, prisen og billederne.

Indstillinger for afsnittet Produktoplysninger

Indstillingerne for afsnittet med produktoplysninger
IndstillingBeskrivelse
Aktivér klæbende indhold på computerNår du ruller ned ad en side, begynder kolonnen med produktoplysninger først at rulle, når der er rullet gennem alle billeder.
FarveskemaEt sæt farver, som du kan anvende på denne sektion. Få mere at vide om farveskemaer.
Computermediets breddeAngiv bredden på dine produktmedier på produktsiden til computer. Vælg mellem Lille, Medium og Stor.
Begræns mediet til skærmhøjdenHvis du vælger denne indstilling, angives den maksimale mediehøjde baseret på højden på browservinduet på en hvilken som helst enhed.
MedietilpasningVælg Original for at bevare mediets originale formatforhold eller Fyld for at tilpasse mediet til dets container.
Skrivebordslayout Angiv layoutet for dine produktmedier på computer. Vælg mellem følgende valgmuligheder:
  • Stablet – Viser dine produktmedier stablet lodret på siden. Når du klikker på en stablet medietype, åbner du en pop op-dialogboks med en større visning af det valgte medie.
  • 2 kolonner – Viser dine produktmedier som stablede, men på tværs af to kolonner.
  • Miniaturer – Hvis produktet har mere end ét billede eller én anden medietype, vises de resterende medier som miniaturer under det primære produktmedie. Kunden kan klikke på et vilkårligt miniaturebillede for at vise det som det primære produktmedie.
  • Miniaturekarrusel – Hvis produktet har mere end ét billede eller én anden medietype, vises de resterende medier som miniaturer i en karrusel under det primære produktmedie. Kunden kan klikke på et vilkårligt miniaturebillede for at vise det som det primære produktmedie. Kunden kan også bruge navigationspilene i karrusellen til at vise andre medier.
Placering af medie på computerVælg, om produktmediet skal vises i venstre side af siden eller i højre side af siden på computer.
BilledzoomVælg, hvordan billedet skal zoomes på computeren:
  • Åbn lightbox – Kunden kan klikke for at vise en større version af billedet. Dette er standardfunktionaliteten for produktmedier, der vises på mobilenheder.
  • Klik og hold musen over – Kunden kan klikke for at zoome ind på billedet og derefter holde musen over det for at se forskellige dele, mens der er zoomet ind. Zoom og hold musen over deaktiveres, når man klikker på det forstørrede billede igen, eller når musen ikke befinder sig over billedets container. Når denne indstilling er aktiveret, og brugeren benytter en mobilenhed, vil billedet som standard åbne i en modus (lightbox), når der klikkes på det.
  • Ingen zoom – Denne indstilling deaktiverer zoom på billeder. Den er velegnet til billeder, som ikke har høj opløsning og ikke vises godt, når der er zoomet ind.
MobillayoutAngiv layoutet for dine produktmedier på mobilenheder. Vælg mellem følgende valgmuligheder:
  • 2 kolonner – Viser to produktmedier side om side med karruselfunktionalitet, så du kan scrolle over dem og se andre produktmedier.
  • Vis miniaturebilleder – Viser et enkelt hovedproduktmedie med miniaturekarrusel nedenfor.
  • Skjul miniaturebilleder – Viser et enkelt hovedproduktmedie med karrusel nedenfor, men miniaturebillederne vises ikke.
Skjul andre varianters medier, når du har valgt en variantNår der vælges en variant, skjules billederne af andre varianter fra visningen. Billederne vises igen, når varianten fravælges.
Aktivér looping af videoerHvis du har videoer i dine produktmedier, afspilles videoen i et loop, så den automatisk afspilles igen, når den er færdig.
Indre margen, topIndstil mængden af plads i toppen af afsnittet.
Indre margen, bundIndstil mængden af plads i bunden af afsnittet.

Ud over indstillingerne for afsnittet Produktinformation kan du også se og tilpasse nogle af temaindstillingerne for produktbadges, og du kan tilføje afsnitsspecifik tilpasset CSS.

Blokke med produktoplysninger

Du kan bruge følgende blokke sammen med afsnittet Produktoplysninger:

Tekstblok

Blokken Tekst kan bruges til at vise statisk tekst eller variabel data ved hjælp af dynamiske kilder. Du kan f.eks. tilføje en tekst med en markedsføringsbesked som Fri fragt over 100 USD, der vises på alle produkter. Du kan også tilføje en dynamisk kilde, som f.eks. feltet Forhandler for produktet, som ændres afhængigt af det viste produkt.

Indstillingerne for tekstblokken i afsnittet med produktoplysninger
IndstillingBeskrivelse
TekstEt tekstfelt, der kan føje yderligere oplysninger til produktsiden.
Teksttypografi Skift tekstens typografi. Vælg mellem følgende valgmuligheder:
  • Brødtekst – Ændrer teksten til tekst i afsnitsstil.
  • Undertitel – Ændrer teksten til en undertiteltekst, som er en smule større end teksten i afsnitsstil.
  • Store bogstaver – Ændrer teksten, så den er mindre end tekst i afsnitsstil, og ændrer al tekst til store bogstaver.

Titelblok

Blokken Titel viser titlen på det produkt, der vises. Denne blok har ingen indstillinger, der kan tilpasses.

Prisblok

Blokken Pris viser prisoplysningerne for det produkt, der vises, f.eks. prisen og sammenligningsprisen. Denne blok har ingen indstillinger, der kan tilpasses.

Blok med variantvælger

Blok med variantvælger viser eventuelle variantmuligheder for det produkt, der vises. Variantvælgeren vises kun for produkter, der har variantmuligheder. Hvis du fjerner denne blok, og du har produkter med variantmuligheder, kan dine kunder ikke vælge eller købe den variantmulighed, de ønsker.

Indstillingerne for blokken med variantvælger i afsnittet med produktoplysninger
IndstillingBeskrivelse
Stilart Vælg, hvordan dine produktvarianter skal vises for kunderne. Vælg mellem følgende valgmuligheder:
  • Rullemenu – Viser variantmulighederne i en rullemenu. Disse kan kun vises som en prøve eller tekst.
  • Etiketter – Viser variantmulighederne som knapper, du kan vælge. Disse kan kun vises som en prøve eller tekst.
Prøve Vælg, hvordan farveprøverne skal vises for kunderne. Vælg mellem følgende valgmuligheder:
  • Cirkel – Viser farveprøven som en cirkel, du kan vælge.
  • Firkant – Viser farveprøven som en firkant, du kan vælge.
  • Ingen – Der vises ingen farveprøver.

Blok for antalsvælger

Blokken Antalsvælger viser et klikbart og redigerbart talfelt, som kunderne kan bruge til at ændre, hvor mange enheder af et produkt, de vil købe. Denne blok har ingen indstillinger, der kan tilpasses.

Blok med Køb-knapper

Blokken Køb-knapper viser knappen Læg i indkøbskurv og eventuelle oplysninger om afhentninger i butik. Den kan også vise eventuelle dynamiske betalingsknapper, du har i din butik.

Indstillingerne for blokken med køb-knapper i afsnittet med produktoplysninger
IndstillingBeskrivelse
Vis dynamiske betalingsknapperViser alle dynamiske betalingsmuligheder, du har aktiveret i dine indstillinger for Betalinger.
Vis formularer til modtageroplysninger for gavekortViser et valgfrit afkrydsningsfelt for alle dine gavekortprodukter, som giver kunderne mulighed for at sende og planlægge et gavekort til en modtager sammen med en personlig besked.

Beskrivelsesblok

Blokken Beskrivelse viser beskrivelsen på det produkt, der vises. Denne blok har ingen indstillinger, der kan tilpasses.

Delingsblok

Blokken Del viser et klikbart link, som kunderne kan bruge til at dele produktet på deres sociale medier.

Indstillinger for delingsblokken i afsnittet med produktoplysninger
IndstillingBeskrivelse
TekstDen tekst kunderne klikke på for at dele produktet på deres sociale medier.

SKU-blok

Blokken SKU viser det SKU-nummer, der er knyttet til produktet eller varianten, når det er relevant. Få mere at vide om, hvordan du føjer SKU-numre til dine produktvarianter.

Indstillingerne for SKU-blokken i afsnittet med produktoplysninger
IndstillingBeskrivelse
Teksttypografi Skift tekstens typografi. Vælg mellem følgende valgmuligheder:
  • Brødtekst – Ændrer teksten til tekst i afsnitsstil.
  • Undertitel – Ændrer teksten til en undertiteltekst, som er en smule større end teksten i afsnitsstil.
  • Store bogstaver – Ændrer teksten, så den er mindre end tekst i afsnitsstil, og ændrer al tekst til store bogstaver.

Blok med lagerstatus

Blokken Lagerstatus viser produktets lagerstatus. Du kan vise lagerstatus og tilbageværende lagerantal permanent, eller du kan kun vise den, når produktets lagerantal når en grænse, som du har angivet. Lagerstatussen vises kun for produkter, der har aktiveret lagersporing.

Indstillingerne for blokken med lagerstatus i afsnittet med produktoplysninger
IndstillingBeskrivelse
Teksttypografi Skift tekstens typografi. Vælg mellem følgende valgmuligheder:
  • Brødtekst – Ændrer teksten til tekst i afsnitsstil.
  • Undertitel – Ændrer teksten til en undertiteltekst, som er en smule større end teksten i afsnitsstil.
  • Store bogstaver – Ændrer teksten, så den er mindre end tekst i afsnitsstil, og ændrer al tekst til store bogstaver.
Lav grænse for lagerbeholdningBrug intervalskyderen til at angive en grænse for, hvornår dine produkter vises med beskeden Lav lagerbeholdning . Vælg et tal mellem 0 og 100. Hvis du indstiller skyderen til 0, vises På lager, indtil produktet er helt udsolgt.
Vis lagerantalVælg denne indstilling, når du vil vise lagerantallet for dine produkter.

Tilpasset Liquid-blok

Blokken Tilpasset Liquid viser tilpasset Liquid- eller HTML-kode, som du føjer til blokken.

Indstillingerne for den tilpassede Liquid-blok i afsnittet med produktoplysninger
IndstillingBeskrivelse
Liquid-kodeViser det indhold, der renderes af den Liquid- eller HTML-kode, du angiver.

Blok med rækker, der kan skjules

Blokken Række, der kan skjules, viser en række, der kan udvides og skjules, med en titel. Når en kunde klikker på ikonet, titlen eller pil ned, udvides rækken og viser yderligere indhold.

Indstillingerne for rækkeblokken med skjulning i afsnittet med produktoplysninger
IndstillingBeskrivelse
OverskriftTitlen på rækken, som vises, når rækken både er skjult og udvidet.
IkonVælg et ikon, der skal vises med den række, der kan skjules, eller vælg Ingen for kun at vise titlen på rækken.
RækkeindholdIndtast indhold til rækken ved hjælp af RTF-editoren. Indholdet vises kun, når rækken er udvidet.
Rækkeindhold fra sideTilføj indhold fra en side i rækken. Dette viser kun det indhold, du føjer til en side i afsnittet Webshop > Sider i Shopify-administratoren. Det viser ikke noget indhold, som du tilføjer i sideskabelonerne i temaeditoren. Alt indhold, som du angiver i feltet Rækkeindhold, vises over det sideindhold, du tilføjer.

Blok for pop-op

Blokken Pop op viser klikbar tekst, der åbner en pop op-dialogboks, når der klikkes på den.

Indstillingerne for pop op-blokken i afsnittet med produktoplysninger
IndstillingBeskrivelse
Navn på linkDen klikbare tekst, som kunderne klikker på for at vise pop op-dialog.
SideVælg den side, du vil vise indhold fra, i pop op-dialogboksen. Dette viser kun det indhold, du føjer til en side i afsnittet Webshop > Sider i Shopify-administratoren. Det viser ikke noget indhold, som du tilføjer i sideskabelonerne i temaeditoren.

Blok for produktbedømmelser

Blokken Produktbedømmelse viser den gennemsnitlige produktbedømmelse med stjerner, og antallet af bedømmelser vises i parenter, f.eks.: ★★★★★ (8).

Hvis du vil vise produktbedømmelser, skal du bruge en app til produktanmeldelser og metafeltdefinitioner til reviews.rating_count og reviews.rating.

Denne blok har ingen indstillinger, der kan tilpasses.

Blok med komplementære produkter

Blokken Supplerende produkter viser supplerende produkter, som du konfigurerer med Shopify Search & Discovery-appen.

Indstillingerne for blokke med supplerende produkter i afsnittet med produktoplysninger
IndstillingBeskrivelse
Overskrift Titlen på blokken.
Vis som række, der kan skjules Når du vælger denne indstilling, vises indholdet som skjult under en række. Når en kunde klikker på en titel, udvides rækken for at vise yderligere indhold.
Ikon Vælg et ikon, der skal parres med din titel, når supplerende produkter vises i en række, der kan skjules.
Maksimalt antal produkter, der skal vises Vælg det maksimale antal supplerende produkter, der skal vises. Vælg et antal mellem 1 og 10.
Antal produkter pr. side Vælg det antal supplerende produkter, som du vil vise pr. side med diasshow. Vælg et antal mellem 1 og 4.
Sideinddeling – stil Vælg stilarten for diasnavigationen, der vises under produkterne. Vælg mellem Prikker, Tæller eller Tal.
Billedforhold Angiv højde-bredde-forholdet for billederne på produktkortene. Vælg mellem Portræt eller Kvadratisk.
Aktivér knap til hurtig tilføjelse Hvis du aktiverer knappen Hurtig tilføjelse, kan kunderne lægge en vare i indkøbskurven fra produktkortet med en af følgende valgmuligheder:
  • Læg i indkøbskurv – Til enkeltvariantprodukter. Når en kunde klikker på knappen, føjes produktet automatisk til dennes indkøbskurv.
  • Vælg muligheder – Til produkter med varianter. Når en kunde klikker på knappen, vises en pop op-dialog, hvor de kan vælge en variant og derefter fortsætte med deres køb.

Ikon med tekstblok

Blokken Ikon med tekst viser op til tre ikoner med tilhørende tekst. Vælg fra en liste med forudinstallerede ikoner, eller brug et billede, du uploader.

Indstillingerne for ikonet med tekstblokken i afsnittet med produktoplysninger
IndstillingBeskrivelse
LayoutVælg mellem et Vandret eller Lodret layout for denne blok.
Første ikonVælg et ikon, der skal vises i blokken, eller vælg Ingen for kun at få vist en titel.
Første billedeVælg dit eget billede, der skal bruges, i stedet for et ikon.
Første overskriftTilføj en titel til dit første ikon eller billede.
Andet ikonVælg et ikon, der skal vises i blokken, eller vælg Ingen for kun at få vist en titel.
Andet billedeVælg dit eget billede, der skal bruges, i stedet for et ikon.
Anden overskriftTilføj en titel til dit andet ikon eller billede.
Tredje ikonVælg et ikon, der skal vises i blokken, eller vælg Ingen for kun at få vist en titel.
Tredje billedeVælg dit eget billede, der skal bruges, i stedet for et ikon.
Tredje overskriftTilføj en titel til dit tredje ikon eller billede.

Afsnittet Relaterede produkter

Afsnittet Relaterede produkter viser lignende produkter, produkter med en lignende beskrivelse eller produkter, der ofte købes sammen med det viste produkt, baseret på det viste produkt. Du kan føje dine egne produkter til afsnittet Relaterede produkter manuelt ved hjælp af Shopify Search & Discovery-appen .

Få mere at vide om produktanbefalinger under Forstå produktanbefalinger.

Indstillinger for afsnittet Relaterede produkter

Indstillingerne for afsnittet med relaterede produkter
IndstillingBeskrivelse
OverskriftTitlen på afsnittet.
Størrelse for overskriftStørrelsen på titlens tekst. Vælg mellem Lille, Medium, Stor, Ekstra stor og Ekstra ekstra stor.
Maksimalt antal produkter, der skal visesAngiv det maksimale antal relaterede produkter, der skal vises. Vælg et tal mellem 2 og 10.
Antallet af kolonner på computerIndstil antallet af kolonner, der skal vises for produkter, på computere. Vælg et antal mellem 1 og 6.
FarveskemaEt sæt farver, som du kan anvende på denne sektion. Få mere at vide om farveskemaer.
BilledforholdIndstil højde-bredde-forholdet for de udvalgte billeder af de relaterede produkter, der vises. Vælg mellem følgende valgmuligheder:
  • Tilpas til billede – Bruger billedernes højde-bredde-forhold. Dette forhindrer, at billederne bliver beskåret.
  • Stående – Beskærer billeder til et forhold på 2:3.
  • Kvadrat – Beskærer billeder til et forhold på 1:1.
BilledformVælg en af følgende billedformer til dine relaterede produktbilleder:
  • Standard - Ændrer dit produktbillede til en rektangelform.
  • Bue – Buer toppen af dit produktbillede.
  • Blob – Afrunder dit produktbillede til en af de seks tilfældige blob-former, der har en unik animation, når markøren holdes over dem.
  • Chevron venstre - Ændrer dit produktbillede til en chevronform, der har en skarp bøjning til venstre.
  • Chevron højre - Ændrer dit produktbillede til en chevronform, der har en skarp bøjning til højre.
  • Diamant - Ændrer dit produktbillede til en firesidet diamantform.
  • Parallelogram - Ændrer dit produktbillede til en form, der har to par parallelle linjer.
  • Rund - Afrunder dit produktbillede til en cirkel eller oval form, der har en unik animation, når markøren holdes over.
Vis sekundær baggrund, når der pegesNår en kunde holder sin markør over produktbilleder på en computer, viser denne mulighed det sekundære produktbillede, hvis produktet har et sådant.
Vis forhandlerViser forhandleren af hvert produkt.
Vis produktbedømmelserViser den gennemsnitlige produktbedømmelse med stjerner og antallet af bedømmelser i parenteser, f.eks.: ★★★★★ (8). Kræver også en app til produktanmeldelser og definitioner af metafelter for reviews.rating_count og reviews.rating.
Antallet af kolonner på mobilIndstil antallet af kolonner, der skal vises for produkter, på mobiler. Vælg mellem 1 kolonne og 2 kolonner.
Indre margen, topIndstil mængden af plads i toppen af afsnittet.
Indre margen, bundIndstil mængden af plads i bunden af afsnittet.
Kan du ikke finde de svar, du leder efter? Vi er her for at hjælpe.