Produktsidor

Det är på produktsidorna du visar information om de produkter som du säljer i butiken och var kunderna kan köpa produkterna från.

Som standard har produktsidor avsnittet Produktinformation och avsnittet Relaterade produkter i temaredigeraren.

Avsnittet produktinformation

Avsnittet Produktinformation visar produkternas detaljer, till exempel titel, beskrivning, pris och bilder.

Inställningar för produktinformationsavsnittet

Inställningarna för avsnittet Produktinformation

Inställning	Beskrivning
Aktivera fast innehåll på en stationär dator	När du bläddrar ner på en sida börjar inte produktinformationskolumnen bläddra förrän alla bilder har bläddrats igenom.
Färgschema	En uppsättning färger som du kan tillämpa på det här avsnittet. Läs mer om färgscheman.
Mediabredd för dator	Ställ in bredden på produktmedia på produktsidan för stationära datorer. Välj mellan Liten, Medelstor eller Stor.
Begränsa media till skärmhöjd	Om du väljer det här alternativet ställs en maximal mediehöjd in baserat på höjden på webbläsarfönstret på en enhet.
Mediaanpassning	Välj Original för att behålla det ursprungliga bildförhållandet för media eller Fyll för att anpassa median till dess behållare.
Layout för dator	Ställ in layouten för produktmedia på stationära datorer. Välj bland följande alternativ: Staplad – Visar produktmedia staplad vertikalt på sidan. När du klickar på en typ av staplad media öppnar du en popup-dialogruta med en större visning av vald media. 2 kolumner – Visar produktmedia som staplad men över två kolumner. Miniatyrbilder – Om en produkt har mer än en bild eller annan medietyp visas återstående media som miniatyrbilder under huvudproduktmedia. Kunden kan klicka på valfri miniatyrbild för att visa den som huvudproduktmedia. Miniatyrbildskarusell – Om en produkt har mer än en bild eller annan medietyp visas återstående media som miniatyrbilder i en karusell under huvudproduktmedia. Kunden kan klicka på valfri miniatyrbild för att visa den som huvudproduktmedia, eller använda pilarna för karusellnavigering för att visa andra medier.
Datorns media-position	Välj om du vill att produktmedia ska visas till vänster eller till höger på sidan på stationära datorer.
Bildzoom	Välj hur bilden zoomas in och ut på en stationär dator: Öppna lightbox – Kunden kan klicka för att visa en större version av bilden. Detta är standardfunktionen för produktmedia som visas på mobila enheter. Klicka och hovra – Kunden kan klicka för att zooma in bilden och sedan föra markören över den för att se olika inzoomade avsnitt. Zoom vid hovring inaktiveras när du klickar på den förstorade bilden igen eller när markören lämnar bildens behållare. När den här inställningen aktiveras och användaren har en mobil enhet, kommer bilden att som standard återgå till att öppnas i ett spärrande fönster (lightbox) när någon klickar på den. Ingen zoom – Det här alternativet inaktiverar zoom på bilder. Det är lämpligt för bilder som inte är högupplösta och inte visas bra när de zoomas in.
Mobil layout	Ställ in layouten för produktmedia på mobila enheter. Välj bland följande alternativ: 2 kolumner – Visar två produktmedia sida vid sida, med karusellfunktionalitet för att skrolla över och visa andra produktmedia. Visa miniatyrbilder – Visar en enda huvudprodukts media med skrollning av miniatyrbildskarusell nedanför. Dölj miniatyrbilder – Visar en enda huvudprodukts media med karusellskrollning nedanför, men miniatyrbilderna visas inte.
Dölj andra varianters media efter att du valt en variant	När en variant markeras döljs bilder av andra varianter från vyn. Bilderna visas igen när varianten avmarkeras.
Aktivera videoslingor	Den här inställningen innebär att alla videoklipp som du har i din produktmedia spelas upp i en loop så att de automatiskt spelas upp på nytt när de är slut.
Övre utfyllnad (padding)	Anger mängden utrymme längst upp i avsnittet.
Nedre utfyllnad (padding)	Anger mängden utrymme längst ner i avsnittet.

Precis som för inställningarna för avsnittet Produktinformation kan du även visa och anpassa vissa av Temainställningarna för produktbrickor, och du kan lägga till din egen avsnittsspecifika Anpassade CSS.

Produktinformationsblock

Du kan använda följande block med avsnittet Produktinformation:

• Text
• Titel
• Pris
• Variantväljare
• Kvantitetsväljare
• Köpknappar
• Beskrivning
• Dela
• SKU
• Lagerstatus
• Anpassa Liquid
• Rad som kan döljas
• Pop-up
• Produktbetyg
• Kompletterande produkter
• Ikon med text

Textblock

Text-blocket kan användas för att visa statisk text eller variabel data med hjälp av dynamiska källor. Du kan till exempel lägga till text som visar ett Marknadsföringsmeddelande, såsom fri frakt för beställningar över $100 USD, som sedan visas på varje produkt. Du kan använda textblocket för att lägga till en dynamisk källa, som kan ändras beroende på vilken produkt som visas. Du kan till exempel ansluta produktens Säljare-fält i textblocket som en dynamisk källa så att säljaren för den produkten visas.

Inställningarna för blocket Text i avsnittet Produktinformation

Inställning	Beskrivning
Text	Ett textfält för att lägga till extra information på produktsidan.
Textstil	Ändra stilen på texten. Välj bland följande alternativ: Brödtext – Ändrar texten till brödtext. Undertext –– Ändrar texten till undertext, som är lite större än brödtexten. Versaler – Ändrar texten till mindre än text i paragrafstil och gör all text till versaler.

#### Namnblock

Blocket Titel visar titeln på den produkt som visas. Det här blocket har inga anpassningsbara inställningar.

Prisblock

Blocket Pris visar prisinformation för den produkt som visas, till exempel pris och ordinarie pris. Det här blocket har inga anpassningsbara inställningar.

Variantväljarblock

Blocket Variantväljare visar alla variantalternativ för produkten som visas. Variantväljaren visas endast för produkter som har variantalternativ. Om du tar bort detta block och du har produkter med variantalternativ, kan kunderna inte välja eller köpa variantalternativet som de vill ha. Du kan lägga till ett variantväljarblock som visar antingen en rullgardinsmeny eller piller och anpassa formen på färgproverna. Mer information om att lägga till färgprover för dina varianter med kategorimetafält.

Inställningarna för blocket Variantväljare i avsnittet Produktinformation

Inställning	Beskrivning
Stil	Välj hur produktvarianterna visas för kunder. Välj bland följande alternativ: Rullgardinsmeny - Visar variantalternativen i rullgardinsmenyer. Dessa kan endast visas som en färgprovskarta eller en text. Ovaler – Visar variantalternativen som knappar som du kan välja. Dessa kan endast visas som en färgprovskarta eller en text.
Färgprovskarta	Välj hur färgprovskartan ska visas för kunder. Välj bland följande alternativ: Cirkel – Visar färgprovskartan som en cirkel som du kan välja. Kvadrat – Visar färgprovskartan som en kvadrat som du kan välja. Inga – Inga färgprovskartor visas.

#### Kvantitetsväljarblock

Blocket Kvantitetsväljare visar ett klickbart och redigerbart nummerfält som kunder kan använda för att ändra hur många enheter av en produkt de vill köpa. Det här blocket har inga anpassningsbara inställningar.

Block med köpknappar

Blocket Köpknapp visar knappen Lägg till i varukorg och eventuell information om upphämtning i butik. Det kan också visa dynamiska kassaknappar som du har i butiken.

Inställningarna för blocket Köpknappar i avsnittet Produktinformation

Inställning	Beskrivning
Visa dynamiska kassaknappar	Visar eventuella dynamiska kassaalternativ som du har aktiverat i Betalningsinställningarna.
Visa mottagarformulär för presentkort	Visar en valfri kryssruta på alla presentkortsprodukter som du har, för att låta kunder skicka och schemalägga ett presentkort till en mottagare tillsammans med ett personligt meddelande.

#### Beskrivningsblock

Blocket Beskrivning visar beskrivningen av den produkt som visas. Det här blocket har inga anpassningsbara inställningar.

Delningsblock

Blocket Dela visar en klickbar länk som låter kunder dela produkten i sina sociala medier.

Inställningarna för blocket Dela i avsnittet Produktinformation

Inställning	Beskrivning
Text	Texten som kunderna klickar på för att dela produkten i sociala medier.

#### Lagerhållningsenhetsblock

Blocket Lagerhållningsenhet visar i tillämpliga fall den lagerhållningsenhet (SKU) som är associerad med produkten eller varianten. Mer information om att lägga till SKU-nummer till produktvarianter.

Inställningarna för blocket Lagerhållningsenhet i avsnittet Produktinformation

Inställning	Beskrivning
Textstil	Ändra stilen på texten. Välj bland följande alternativ: Brödtext – Ändrar texten till brödtext. Undertext –– Ändrar texten till undertext, som är lite större än brödtexten. Versaler – Ändrar texten till mindre än text i paragrafstil och gör all text till versaler.

#### Lagerstatusblock

Blocket Lagerstatus visar produktens lagerstatus. Du kan permanent visa lagerstatusen och antal återstående lagerartiklar, eller bara visa det efter att produktlagerantalet når ett tröskelvärde som du anger. Lagerstatusen visas endast för produkter som har lagerspårning aktiverat.

Inställningarna för blocket Lagerstatus i avsnittet Produktinformation

Inställning	Beskrivning
Textstil	Ändra stilen på texten. Välj bland följande alternativ: Brödtext – Ändrar texten till brödtext. Undertext –– Ändrar texten till undertext, som är lite större än brödtexten. Versaler – Ändrar texten till mindre än text i paragrafstil och gör all text till versaler.
Tröskel för låg lagernivå	Använd skjutreglaget för att ställa in ett tröskelvärde för när produkter visas med meddelandet Låg lagernivå. Välj ett nummer mellan 0 och 100. Om du ställer in skjutreglaget på 0 visas I lager tills produkten är helt slut i lager.
Visa inventering	Välj det här alternativet när du vill visa lagerantalet för dina produkter.

#### Block med anpassad Liquid

Blocket Anpassad Liquid visar anpassad Liquid- eller HTML-kod som du lägger till i blocket.

Inställningarna för blocket Anpassad Liquid i avsnittet Produktinformation

Inställning	Beskrivning
Liquid-kod	Visar innehållet som återges av Liquid- eller HTML-koden som du anger.

#### Block med rad som kan döljas

Blocket Minimerbar rad visar en rad som kan minimeras och expanderas, med en titel. När en kund klickar på ikonen, titeln eller nedåtpilen så expanderar raden för att visa ytterligare innehåll.

Inställningarna för blocket Komprimerbar rad i avsnittet Produktinformation

Inställning	Beskrivning
Rubrik	Titeln på raden, som visas både när raden är minimerad och expanderad.
Ikon	Välj en ikon som ska visas med den minimerbara raden eller välj Ingen för att endast visa radens titel.
Radinnehåll	Ange innehållet i raden med RTF-redigeraren. Innehållet visas endast när raden är expanderad.
Radinnehåll från sida	Lägg till innehåll från en sida till din rad. Detta visar endast innehållet som du lägger till på en sida i avsnittet Webbshop > Sidor i Shopify-admin. Det visar inte något innehåll som du lägger till i sidmallen i temaredigeraren. Allt innehåll som du anger i fältet Radinnehåll visas ovanför det sidinnehåll som du lägger till.

#### Popup-block

Blocket Popup visar klickbar text som öppnar en popup-dialogruta när du klickar på den.

Inställningarna för blocket Popup i avsnittet Produktinformation

Inställning	Beskrivning
Länketikett	Den klickbara texten som kunderna klickar på för att visa popup-dialogrutan.
Sida	Välj den sida som du vill visa innehåll från i popup-dialogrutan. Detta visar endast innehållet som du lägger till på en sida i avsnittet Webbshop > Sidor i Shopify-admin. Det visar inte något innehåll som du lägger till i sidmallen i temaredigeraren.

#### Block med produktbetyg

Blocket Produktbetyg visar genomsnittligt produktbetyg i stjärnor med antalet omdömen inom parentes, till exempel: ★★★★★ (8).

Om du vill visa produktbetyg måste du använda en app för produktomdömen och metafältsdefinitioner för reviews.rating_count och reviews.rating.

Det här blocket har inga anpassningsbara inställningar.

Block för kompletterande produkter

Blocket Kompletterande produkter visar kompletterande produkter som du har ställt in med appen Shopify Search & Discovery.

Observera

"Kompletterande produkter" måste vara In stock och inställda på Active annars filtreras de bort av appen Shopify Search & Discovery.

Inställningarna för blocket Kompletterande produkter i avsnittet Produktinformation

Inställning	Beskrivning
Rubrik	Blockets titel.
Visa som komprimerbar rad	När det är valt visas innehållet som komprimerat inom en rad. När en kund klickar på en titel expanderas raden för att visa ytterligare innehåll.
Ikon	Välj en ikon som ska visas tillsammans med din titel när kompletterande produkter visas inom en hopfällbar rad.
Maximalt antal produkter att visa	Välj det maximala antalet kompletterande produkter som ska visas. Välj ett nummer mellan 1 och 10.
Antal produkter per sida	Välj antal kompletterande produkter som du vill visa per bildsida. Välj ett nummer mellan 1 och 4.
Pagineringsstil	Ställ in stilen på skjutreglagets navigering som visas under produkterna. Välj mellan Punkter, Räknare eller Siffror.
Bildförhållande	Ställ in profilförhållandet för produktkortsbilderna. Välj mellan Porträtt och Kvadrat.
Aktivera knapp för snabb tilläggning	Om du aktiverar knappen för snabbtillägg till kan kunderna lägga till en artikel i varukorgen från produktkortet med ett av följande alternativ: Lägg till i varukorg – För produkter med en variant. När en kund klickar på knappen läggs produkten automatiskt till i varukorgen. Välj alternativ - För produkter med varianter. När en kund klickar på knappen visas en popup-dialogruta i vilken de kan välja variant och sedan fortsätta med inköpet.

#### Ikon med textblock

Blocket Ikon med text visar upp till tre ikoner med tillhörande text. Välj från en lista med förinstallerade ikoner, eller använd en bild som du laddar upp.

Inställningarna för Ikon med text-blocket i avsnittet Produktinformation

Inställning	Beskrivning
Layout	Välj mellan en horisontell eller vertikal layout för blocket.
Första ikon	Välj en ikon att visa i blocket, eller välj Ingen för att endast visa en titel.
Första bild	Välj en egen bild att använda istället för en ikon.
Första rubrik	Lägg till en titel för din första ikon eller bild.
Andra ikon	Välj en ikon att visa i blocket, eller välj Ingen för att endast visa en titel.
Andra bild	Välj en egen bild att använda istället för en ikon.
Andra rubrik	Lägg till en titel för din andra ikon eller bild.
Tredje ikon	Välj en ikon att visa i blocket, eller välj Ingen för att endast visa en titel.
Tredje bild	Välj en egen bild att använda istället för en ikon.
Tredje rubrik	Lägg till en titel för din tredje ikon eller bild.

## Avsnittet Relaterade produkter

Beroende på vilken produkt som visas visar avsnittet Relaterade produkter liknande produkter, produkter med en liknande beskrivning eller produkter som ofta köps tillsammans med den produkt som visas. Du kan lägga till egna produkter manuellt i avsnittet Relaterade produkter genom att använda appen Shopify Search & Discovery.

Om du vill ha mer information om produktrekommendationer, se Förstå produktrekommendationer.

Inställningar för avsnittet Relaterade produkter

Inställningarna för avsnittet Relaterade produkter

Inställning	Beskrivning
Rubrik	Avsnittets titel.
Rubrikstorlek	Storleken på titeltexten. Välj mellan Liten, Medelstor, Stor, Extrastor eller Extra extrastor.
Maximalt antal produkter att visa	Ställ in maximalt antal relaterade produkter att visa. Välj ett nummer mellan 2 och 10.
Antalet kolumner på skrivbordet	Ställ in antalet kolumner för produkterna som ska visas på stationära datorer. Välj ett nummer mellan 1 och 6.
Färgschema	En uppsättning färger som du kan tillämpa på det här avsnittet. Läs mer om färgscheman.
Bildförhållande	Ställ in bildförhållandet för de utvalda bilderna av de relaterade produkter som visas. Välj bland följande alternativ: Anpassa efter bild - Använder bildernas format. Det förhindrar att bilden beskärs. Porträtt – Beskär bilderna till förhållandet 2:3. Square – Beskär bilderna till förhållandet 1:1.
Bildform	Välj en av följande bildformer för dina bilder av relaterade produkter: Standard – ändrar produktbilden till en rektangulär form. Båge – Kröker den övre delen av produktbilden. Droppe – rundar produktbilden till en av sex droppformer som har en unik animering vid hovring. Vänster sparrtecken – gör produktbilden sparrformad med en skarp böjning åt vänster. Höger sparrtecken – gör produktbilden sparrformad med en skarp böjning åt höger. Diamant – ger produktbilden en fyrsidig diamantform. Parallellogram – ändrar produktbilden så att den får en form med två par av parallella streck. Rund – ger produktbilden rundade kanter och gör den rund eller oval med en unik animering vid hovring.
Visa andra bild på hovring	När en kund för markören över produktbilderna på en stationär dator visar detta alternativ den andra produktbilden, om produkten har en sådan.
Visa säljare	Visar säljare för varje produkt.
Visa produktbetyg	Visar det genomsnittliga produktbetyget i stjärnor, med antalet omdömen inom parentes, till exempel: ★★★★★ (8). Detta kräver också en produktomdömesapp och metafältsdefinitioner för reviews.rating_count och reviews.rating.
Antal kolumner på mobil	Ställ in antalet kolumner för produkterna som ska visas på mobila enheter. Välj 1 kolumn eller 2 kolumner.
Övre utfyllnad (padding)	Anger mängden utrymme längst upp i avsnittet.
Nedre utfyllnad (padding)	Anger mängden utrymme längst ner i avsnittet.