Produktside
- 10 Feb 2025
- 1 Minute to read
- Print
- DarkLight
- PDF
Produktside
- Updated on 10 Feb 2025
- 1 Minute to read
- Print
- DarkLight
- PDF
The content is currently unavailable in English. You are viewing the default Norwegian version.
Article summary
Did you find this summary helpful?
Thank you for your feedback
Sidemalen for produktsiden lar deg tilpasse produktsiden slik at det passer din butikk og dine produkter.
Herfra kan du endre plassering, layout og innhold.
Endring av malen vil påvirke alle produkter. Unike tilpasninger per produkt kan kun gjøres gjennom tilpasset CSS.
Produktbilde
Den øverste seksjonen på produktsiden er som oftes en “Produktbildeseksjon”. Denne seksjonen inneholder blokken “Produktbilde”, som viser produktbilene til hvert produkt.
Produktbildeseksjon
Generelle innstillinger
De generelle innstillingene for seksjonen lar deg tilpasse ting som bakgrunnsfarge, synlighet og bredde.
Om man f.eks endrer bakgrunnsfargen for seksjonen vil dette endre fargen som er bak selve produktbildet.
Under avanserte innstillinger finner man valgene for kolonnebredde. Alle design er bygget opp av 8 kolonner, ved å endre hvor mange kolonner en seksjon skal oppta kan man justere bredden den har på siden. Om produktbildeseksjonen er satt til 4 kolonner betyr det at den vil oppta halve produktsiden.
Antall kolonner kan endres for alle enhetstyper (PC, nettbrett og mobil)
Margin (avstand)
Margin lar deg justere avstanden mellom seksjoner.
Om man f.eks setter 20px margin i bunnen vil det bety at det vil være 20px med “luft” mellom denne og neste seksjon.
Padding (polstring)
Padding lager luft/polstring på innsiden av seksjonen, i motsetning til margin som setter avstanden på utsiden av seksjonen.
Video
Disse innstillingene gjelder ved bruk av produktvideo og vil påvirke hvordan en video fremstår når man åpner den på produktsiden.
Produktbilde
Blokken for produktbilde har flere innstillinger som er direkte relatert til produktbildene, og ikke bare oppsettet slik som produktbildeseksjon.
Generelle innstillinger
Lysbildefremvisning
Når aktiv vil man kunne klikke på produktbildet for å se det i en popup/lysbildefremvisning.
Bildebredde
Juster bredden på produktbildet. For best resultat anbefales det å sette denne innstillingen så nøyaktig man kan, for å unngå at nettleseren må laste inn et mye større bilde enn nødvendig.
Vis piler i bildekarusell
Om aktiv vil man få knapper med piler over produktbildet som gjør an man kan klikke seg frem og tilbake mellom bildene.
Pilenes farge, bakgrunnsfarge, avrundede hjørner og størrelse lar deg tilpasse utseende.
Vis piler på miniatyrbilder
I likhet med innstillingen over vil dette vise piler på miniatyrbildene slik at man enkelt kan bla mellom bilder.
Angi automatisk avspilling
Om aktiv vil produktbildene automatisk endres etter x antall sekunder.
Aktiver “Lazy load” for bilder
Innstillingen førger for at bilder ikke lastes inn før seksjonen vises for besøkende.
Om seksjonen er plassert helt i toppen anbefales det å ha denne innstillingen avslått slik at produktbildene lastes når produktsiden lastes.
Was this article helpful?