I temaredigeraren: Anpassa›Produktsida›Lägg till avsnitt›Produktsida
Produktsida
Hjärtat i produktsidan: bilderna och bredvid dem köppanelen. Varje del av panelen är ett block som du kan flytta, ta bort eller lägga till.
Ge varje produkt en egen storleksguide i fältet ”Size guide”. Produkter utan egen guide visar den sida som är vald i blocket ”Alternativväljare”.
Inställningar
Layout
- Produktområdets bredd
- Reglage, 1000 till 2000 pxStandard: 1600 pxAnvänds när ”Innehållsbredd” nedan är Standard.
- Layout på dator
- Val: Halvt och halvt, ScenStandard: Halvt och halvtHalvt och halvt: en kvadratisk bild med miniatyrerna under och detaljerna bredvid; hela sidan skrollar tillsammans. Scen: en hög bild med miniatyrerna inuti och detaljkortet ovanpå.
- Håll bilden på plats vid scrollning
- På eller avStandard: PåPå stora skärmar, när detaljpanelen är högre än bilden, syns bilden medan panelen scrollar.
- Panelens justering på mobiler och surfplattor
- Val: Centrerad, Åt sidanStandard: CentreradCentrerad: titeln, priset, alternativen och antalet sitter i mitten. Beskrivningen och de hopfällbara raderna förblir sidojusterade, eftersom de är lång text. På dator justeras panelen alltid åt sidan, bredvid fotona.
Foton
- Fotots anpassning
- Val: Fyll ramen, Visa hela fototStandard: Fyll ramen”Fyll ramen” beskär fotot till en kvadrat. ”Visa hela fotot” beskär aldrig.
- Visa miniatyrer
- På eller avStandard: PåPå dator och surfplatta: en kolumn bredvid bilden. På mobiler: se nästa inställning.
- Miniatyrer även på mobiler
- På eller avStandard: PåEn rad med miniatyrer under huvudbilden, tryck för att välja.
- Visa pilar
- På eller avStandard: På
- Fortsätt från sista fotot till det första
- På eller avStandard: PåPilarna stannar aldrig i slutet.
- Visa förstoringsknappen
- På eller avStandard: På
- Spela upp video automatiskt
- På eller avStandard: AvGalleriets video spelas ljudlöst och i loop när den rullar in i bild.
- Visa ett märke på bilden
- På eller avStandard: PåSlutsåld, produktens egen text eller rea.
Köpfält längst ner
- Visa köpfältet längst ner
- På eller avStandard: PåNär huvudknappen skrollar ur bild blir ramen tjockare längst ner på skärmen och bär produkten, det aktuella valet, priset och Lägg i varukorgen ända till sidans slut. Den har ramens färg. På mobilen byter den plats med den flytande menyn när du skrollar uppåt.
- Formen på det flytande kortet i telefon
- Val: Flytande kort, Stiger upp bakom menyn, Ramen stigerStandard: Flytande kortFlytande kort: svävar strax ovanför bottenramen, som på dator, och bottenmenyn gör plats. Stiger upp: kortet stiger upp bakom bottenmenyn, och menyn stannar. Ram: ramen stiger över hela bredden och menyn gör plats. Utan bottenmeny blir ”stiger upp” ramen. På dator alltid ett flytande kort.
- Det flytande kortets färg
- FärgTomt: webbplatsens yta, som sökpanelen. På en mörk färg blir texten ljus.
- Kantfärg på det flytande kortet
- FärgEn kant runt det flytande kortet. Tom: en tunn linje i textfärgen.
- Liten produktbild i fältet
- På eller avStandard: PåEn liten bild i början av fältet, inne i raden.
Sidans bakgrund
- Bakgrundsstil
- Val: Sidans bakgrund, Enfärgad, Upplyst scenStandard: Sidans bakgrundWebbplatsens bakgrund: sidan matchar resten av webbplatsen. Enfärgad: färgen nedan. Upplyst scen: en scen i den valda färgen, med ett mjukt ljus bakom bilden och bakom detaljerna. På en mörk färg blir text, linjer och knappar ljusa av sig själva. De två sista alternativen ersätter avsnittets egna färger.
- Färgschema
- FärgschemaScenen hämtar bakgrund och accent från detta schema. En färg som väljs nedan går före.
- Bakgrundsfärg
- FärgMed upplyst scen: scenens ton. Standard är den varma koltonen som scenen använder på hela webbplatsen.
- Ljusets färg
- FärgDet mjuka ljuset bakom bilden och bakom detaljerna. Tom: vit.
Block
Block är delarna inuti avsnittet. I redigeraren kan du lägga till, ta bort och dra dem för att ändra ordningen.
Appblock
Appar som du installerar kan lägga till ett eget block här, till exempel recensioner eller en storlekstabell från en app.
Den här delen har inga egna inställningar.
Titel
Allmänt
- Visa kollektionens namn ovanför titeln
- På eller avStandard: På
- Betona delen efter ” | ”
- På eller avStandard: PåOm produktnamnet innehåller ” | ” visas delen efter det i en tyngre tjocklek.
- Visa leverantör
- På eller avStandard: Av
Pris
Allmänt
- Visa rabattprocenten
- På eller avStandard: AvRabatten visas redan på fotot. Slå på för att visa den även bredvid priset.
Text
Allmänt
- Text
- TextEn kort beskrivning under titeln. Du kan koppla den till ett produktfält.
Alternativväljare
Allmänt
- Stil
- Val: Knappar, RullgardinslistaStandard: Knappar
- Färger
- Val: Färgcirklar, RullgardinslistaStandard: FärgcirklarBara för ett färgalternativ. De andra alternativen följer stilen ovan.
- Sida med storleksguide
- SidaProdukter med eget fält ”Storleksguide” (custom.size_guide) visar den sidan. Annars den här sidan, och om den är tom, sidan från temainställningarna.
Antal
Allmänt
- Placering
- Val: Bredvid ”Köp nu”, Egen radStandard: Bredvid ”Köp nu”Bredvid ”Köp nu”: antalet står i början av första knappraden, och ”Lägg i varukorgen” får en egen rad i full bredd under. Egen rad: ovanför knapparna, med etikett. Med mängdnivåer tar nivåerna dess plats.
Mängdnivåer
Allmänt
- Rubrik
- TextTom: ”Antal” på kundens språk. På dator läses den bara av skärmläsare.
- Etikett för 1 st
- TextTom: antal enheter (”2 st.”), på kundens språk.
- Visa den här nivån
- På eller avStandard: På
- Antal enheter
- Reglage, 2 till 12Standard: 2
- Rabatt
- Reglage, 0 till 60 %Standard: 10 %Måste stämma med din automatiska rabatt.
- Etikett
- TextTom: antal enheter (”2 st.”), på kundens språk.
- Visa den här nivån
- På eller avStandard: På
- Antal enheter
- Reglage, 2 till 12Standard: 3
- Rabatt
- Reglage, 0 till 60 %Standard: 18 %Måste stämma med din automatiska rabatt.
- Etikett
- TextTom: antal enheter (”2 st.”), på kundens språk.
- Markera en nivå
- Val: Ingen, Andra nivån, Tredje nivånStandard: Ingen
- Markeringstext
- TextTom: rabatten för den markerade nivån, till exempel ”18% rabatt”.
Erbjud ett bättre pris vid större köp. Rabatten visas bara här: skapa en motsvarande automatisk rabatt i Shopify-administrationen så att den verkligen debiteras.
Köpalternativ
Allmänt
- Rubrik
- TextTom: standardtexten.
- Visa sparprocent
- På eller avStandard: På
- Visa beskrivningar av planer
- På eller avStandard: PåBeskrivningen kommer från prenumerationsappen.
- Visa länk till prenumerationsvillkor
- På eller avStandard: PåVisas när butiken har ett prenumerationsvillkor (Inställningar, Villkor).
Engångsköp och prenumerationsalternativ, för produkter som säljs med en prenumerationsapp. Utan det här blocket visar produkter med prenumerationer alternativen ovanför knappen Lägg i varukorgen.
Köpknappar
Allmänt
- Knappen Köp nu
- På eller avStandard: PåGår direkt till kassan med bara den här produkten och låter varukorgen vara som den är.
- Dynamiska kassaknappar
- Val: Plånbok eller Shopifys ”Köp nu”, Bara plånbok, AvStandard: Plånbok eller Shopifys ”Köp nu”Shopifys knappar under köpknapparna. De visar kundens plånbok (Shop Pay, Apple Pay, Google Pay, PayPal) när en är aktiverad i betalningsinställningarna. När knappen Köp nu är på visas aldrig Shopifys egen ”Köp nu”, så det finns bara en.
- Genvägsknappar för betalning
- På eller avStandard: Påbit, kreditkort och allt du har lagt till. Lägger i varukorgen och går till kassan. Själva knapparna finns i temainställningarna, ”Knappar för snabbbetalning”.
- Visa mottagarformulär för presentkort
- På eller avStandard: PåLåter köpare skicka ett presentkort direkt till någon annan. När formuläret visas döljs knappen Köp nu och de dynamiska kassaknapparna på presentkort, eftersom Shopify bara kontrollerar mottagarens uppgifter när varan läggs i varukorgen.
Rad för leverans och garanti
Allmänt
- Leveransmeddelande
- TextEn kort rad under köpknappen, mellan två tunna linjer, som syns innan produkten läggs i varukorgen. Till exempel: Hemleverans inom 8–18 arbetsdagar. För en olika rad per produkt, fyll i produktfältet custom.delivery_note (Enkel textrad; Inställningar, Anpassade data, Produkter): det går före den här texten. Om båda är tomma visas fraktraden i temainställningarna (Produkter), och om även den är tom, en rad som följer regeln för fri frakt (temainställningar, Fri frakt).
- Garantimeddelande
- TextAv som standard: tomt betyder ingen rad. För en olika rad per produkt, fyll i produktfältet custom.warranty (Enkel textrad; Inställningar, Anpassade data, Produkter): det går före den här texten. Skriv bara det som stämmer för produkten.
Förtroenderad
Allmänt
Upp till tre korta löften med en ikon, och betalningsikonerna under dem. Dess naturliga plats är direkt under köpknappen.
Första objektet
- Ikon
- Val: Paket (frakt), Returpil (returer), Sköld (säker betalning), Headset (service), Diamant (kvalitet), Dölj det här objektetStandard: Paket (frakt)
- Text
- TextTom: en standardtext som passar ikonen. Paket: fraktlöftet enligt regeln för fri frakt (temainställningar, Fri frakt). Returpil och sköld: en kort fast text. Headset och diamant har ingen standardtext, så objektet visas bara med text som skrivs här. Lång text bryts till två balanserade rader.
Andra objektet
- Ikon
- Val: Paket (frakt), Returpil (returer), Sköld (säker betalning), Headset (service), Diamant (kvalitet), Dölj det här objektetStandard: Returpil (returer)
- Text
- TextTom: en standardtext som passar ikonen. Paket: fraktlöftet enligt regeln för fri frakt (temainställningar, Fri frakt). Returpil och sköld: en kort fast text. Headset och diamant har ingen standardtext, så objektet visas bara med text som skrivs här. Lång text bryts till två balanserade rader.
Tredje objektet
- Ikon
- Val: Paket (frakt), Returpil (returer), Sköld (säker betalning), Headset (service), Diamant (kvalitet), Dölj det här objektetStandard: Sköld (säker betalning)
- Text
- TextTom: en standardtext som passar ikonen. Paket: fraktlöftet enligt regeln för fri frakt (temainställningar, Fri frakt). Returpil och sköld: en kort fast text. Headset och diamant har ingen standardtext, så objektet visas bara med text som skrivs här. Lång text bryts till två balanserade rader.
Betalningsikoner
- Visa ikoner för betalningssätt
- På eller avStandard: På
Beräknad leverans
Allmänt
- Arbetsdagar, minst
- Reglage, 0 till 30Standard: 11
- Arbetsdagar, högst
- Reglage, 0 till 45Standard: 18
- Dagar som inte är arbetsdagar
- Val: Fredag och lördag, Lördag och söndag, Inga, alla dagar räknasStandard: Fredag och lördag
- Huvudrad
- Text[from] och [to] ersätts med datum. Tom: ”Beställ idag, framme mellan [from] och [to]”
- Andra raden
- TextTom: antal dagar, till din dörr.
- Visa en kalenderikon
- På eller avStandard: På
Beräknar datumintervallet från idag, i arbetsdagar. Datumen beräknas i kundens webbläsare, så de stämmer alltid för besöksdagen.
WhatsApp-fråga
Allmänt
- Fråga
- TextTom: standardtexten.
- Länktext
- TextTom: standardtexten.
- Färdigt meddelande
- Text[product] ersätts med produktnamnet. Tom: ”Hej, jag har en fråga om [product]”
- Lägg till produktlänken i meddelandet
- På eller avStandard: På
En rad som öppnar en WhatsApp-chatt med ett färdigt meddelande. Numret kommer från temainställningarna, under sociala medier. Tills ett nummer läggs till leder raden till butikens kontaktsida.
Beskrivning
Den här delen har inga egna inställningar.
Hopfällbar rad
Allmänt
- Rubrik
- Text
- Vad raden visar
- Val: Text eller sida, Specifikationer från produkten, Lista med ikonerStandard: Text eller sida
- Innehåll
- Text
- Innehåll från en sida
- SidaVisas efter innehållet ovan.
- Fält för produktspecifikationer
- TextNamnrymd och nyckel, till exempel custom.specs. En uppgift per rad i fältet: ”Namn: värde”. Produkter utan fältet visar inte raden.
- Rader
- TextEn mening per rad. Ikonen väljs utifrån orden: shipping, return, support, secure eller payment (även på hebreiska). Andra rader får en sköld med en bock.
- Länkar till frakt- och återbetalningsvillkor
- På eller avStandard: På
Erbjudandebubbla
Allmänt
- Ikon
- Val: Blixt, Present, Gnistra, Timer, Hjärta, Sköld med bock, Ingen ikonStandard: Blixt
- Rubrik
- TextTom: ”Ett särskilt erbjudande” på besökarens språk.
- Erbjudanderad
- TextTill exempel ”$20 rabatt när du handlar för $200 eller mer”. Utan rad visas inte bubblan.
- Produkter
- ProdukterBubblan visas bara på produkterna som väljs här. Tom: på alla produkter som använder den här mallen.
Nedräkning
Allmänt
- Erbjudanderad
- TextTill exempel ”20 % rabatt”. Tom: variantens rabattprocent, om den har ett jämförpris.
- Kort text
- TextVisas bredvid erbjudanderaden. Tom: ”Begränsad tid” på besökarens språk.
- Produkter
- ProdukterListen visas bara på produkterna som väljs här. Tomt: den visas ingenstans. Använd den för en riktig rea med ett riktigt slutdatum.
Timer
- Slutdatum och sluttid
- TextÅr-månad-dag följt av timme:minut, till exempel 2026-10-20 18:00, i butikens tidszon. Tom eller ogiltig: fältet visas inte i butiken, och redigeraren visar en anteckning med datumet som butiken tolkade det.
- Visa sekunder
- På eller avStandard: PåBesökare som föredrar minskad rörelse ser aldrig sekunder, och timern uppdateras en gång i minuten.
- När tiden är slut
- Val: Visa ett meddelande om att erbjudandet har avslutats, Fältet försvinnerStandard: Fältet försvinner
- Meddelande när erbjudandet har avslutats
- TextTom: ”Det här erbjudandet har avslutats. Tack för ditt intresse.”, på besökarens språk.
Bakgrund
- Bakgrundsfärg
- FärgTom: butikens bläck. Den upplysta scenen skapas av denna färg.
- Bakgrundsstil
- Val: Enfärgad, Upplyst scenStandard: Upplyst scenUpplyst scen: ett mjukt ljus uppifrån som avtar nedåt, skapat av den valda färgen. På en ljus färg blir toppen vit; på en mörk färg blir det en mörk scen.
- Ljusets färg
- FärgDet mjuka ljuset uppe i mitten. Tom: vit.
- Textfärg
- FärgTom: automatiskt. Ljus på mörk bakgrund, mörk på ljus.
Anpassad Liquid
Allmänt
- Anpassad Liquid
- KodFör avancerad anpassning och appkod.
Stämmer något här inte med det du ser i redigeraren? Hör av dig, så rättar vi guiden.