- 11 Feb 2025
- 2 Minuter att läsa
- Skriva ut
- MörkLjus
- Pdf
Produkt sida
- Uppdaterad på 11 Feb 2025
- 2 Minuter att läsa
- Skriva ut
- MörkLjus
- Pdf
Med mallen för produktsidan kan du anpassa produktsidan så att den passar din butik och dina produkter.
Härifrån kan du ändra plats, layout och innehåll.
Att ändra mallen kommer att påverka alla produkter. Unika anpassningar per produkt kan endast göras genom Anpassad CSS.
Produktbild
Den övre delen av produktsidan är ofta en "produktbildssektion". Det här avsnittet innehåller blocket "Produktbild", som visar produktbilderna för varje produkt.
Avsnitt för produktbild
Allmänna inställningar
De allmänna inställningarna för avsnittet låter dig anpassa saker som bakgrundsfärg, synlighet och bredd.
Om du till exempel ändrar bakgrundsfärgen för avsnittet kommer detta att ändra färgen som ligger bakom själva produktbilden.
Under avancerade inställningar hittar du alternativen för kolumnbredd. Alla designer är uppbyggda av 8 kolumner, genom att ändra hur många kolumner en sektion ska uppta kan du justera bredden den har på sidan. Om produktbildssektionen är inställd på 4 kolumner betyder det att den kommer att uppta halva produktsidan.
Antalet kolumner kan ändras för alla enhetstyper (dator, surfplatta och mobil)
Margin (avstånd)
Margin gör att du kan justera avståndet mellan sektionerna.
Om du t.ex. sätter 20px marginal längst ner kommer det att innebära att det kommer att finnas 20px "luft" mellan denna och nästa sektion.
Padding
Padding skapar luft/utfyllnad på insidan av sektionen, till skillnad från marginal som sätter avståndet på utsidan av sektionen.
Video
Dessa inställningar gäller när du använder produktvideo och kommer att påverka hur en video visas när den visas på produktsidan.
Produktbild
Produktbildsblocket har flera inställningar som är direkt relaterade till produktbilderna, och inte bara layouten, t.ex. avsnittet med produktbilder.
Allmänna inställningar
Bildspel
När den är aktiv kommer du att kunna klicka på produktbilden för att se den i ett popup-fönster/bildspel.
Bildens bredd
Justera bredden på produktbilden. För bästa resultat rekommenderar vi att du ställer in den här inställningen så exakt som möjligt, för att undvika att webbläsaren behöver ladda en mycket större bild än nödvändigt.
Visa pilar i bildkarusell
Om den är aktiv får du knappar med pilar ovanför produktbilden som gör att du kan klicka fram och tillbaka mellan bilderna.
Pilarnas färg, bakgrundsfärg, rundade hörn och storlek gör att du kan anpassa utseendet.
Visa pilar på miniatyrbilder
Precis som inställningen ovan kommer detta att visa pilar på miniatyrbilder så att du enkelt kan bläddra mellan bilderna.
Ställ in automatisk uppspelning
Om den är aktiv kommer produktbilderna automatiskt att ändras efter x antal sekunder.
Aktivera "Lazy load" för bilder
Inställningen förhindrar att bilder laddas förrän avsnittet visas för besökare.
Om avsnittet är placerat högst upp rekommenderar vi att du har den här inställningen avstängd så att produktbilderna laddas när produktsidan laddas.