Produktside

Produktside

Denne artikkelen forklarer hvordan du tilpasser produktsiden i din nettbutikk. Du kan endre plassering, layout og innhold på produktsidene.

Produktbilde

Toppen av produktsiden inneholder vanligvis en "Produktbildeseksjon". Denne seksjonen viser produktbilder for hvert enkelt produkt.

Produktbildeseksjon

Generelle innstillinger

De generelle innstillingene lar deg tilpasse bakgrunnsfarge, synlighet og bredde på seksjonen. Endring av bakgrunnsfargen påvirker fargen bak produktbildet. Avanserte innstillinger inkluderer kolonnebredde. Designet er basert på 8 kolonner; antall kolonner en seksjon bruker bestemmer bredden. For eksempel, 4 kolonner vil oppta halvparten av produktsiden. Kolonneantallet kan justeres for PC, nettbrett og mobil.

Margin (avstand)

Margin justerer avstanden mellom seksjoner. For eksempel, 20px margin nederst vil gi 20px "luft" mellom denne og neste seksjon.

Padding (polstring)

Padding lager luft/polstring *inne* i seksjonen, i motsetning til margin som setter avstand *utenfor* seksjonen.

Video

Disse innstillingene gjelder ved bruk av produktvideo og påvirker hvordan videoen vises på produktsiden.

Produktbilde

Innstillinger for produktbildet selv (ikke bare oppsettet):

Generelle innstillinger

  • Lysbildefremvisning: Aktiv lysbildefremvisning lar brukere klikke på bildet for å se det i en popup.
  • Bildebredde: Juster bredden på produktbildet. Sett denne så nøyaktig som mulig for å unngå unødvendig lasting av store bilder.
  • Vis piler i bildekarusell: Viser piler over bildet for å bla mellom bilder. Farge, bakgrunnsfarge, avrundede hjørner og størrelse kan tilpasses.
  • Vis piler på miniatyrbilder: Viser piler på miniatyrbildene for enkel navigering.
  • Angi automatisk avspilling: Produktbilder endres automatisk etter et angitt antall sekunder.
  • Aktiver “Lazy load” for bilder: Bilder lastes ikke inn før seksjonen vises. Avslått anbefales om seksjonen er øverst for å sikre rask lasting av produktbilder.

Endring av malen vil påvirke alle produkter. Unike tilpasninger per produkt kan kun gjøres gjennom tilpasset CSS.


Produktkjøp

Denne artikkelen forklarer hvordan du konfigurerer seksjonen for produktkjøp på en produktside. Den dekker tilgjengelige blokker og deres innstillinger.

Tilgjengelige Blokker

Produktkjøpseksjonen tilbyr flere blokker for å vise viktig informasjon til kunden. Disse inkluderer ferdige blokker for pris og lagerstatus, samt en tekstblokk for fri tekst og HTML-kode. Du kan sortere blokkene ved å dra og slippe.

  • Pris: Viser produktets pris. Innstillinger inkluderer størrelse, farge, tykkelse, tilbudspris og visning av rabattprosent.
  • Vurdering: (Trenger beskrivelse)
  • Lagerstatus: Viser lagerstatus. Inkluderer tekst og innhold fra "Avansert lagerstyring". Denne blokken er nødvendig for å vise lagerstatus.
  • Tittel: Viser produktnavnet. Innstillinger inkluderer skriftstørrelse, vekt og visning av produsent/merke.

Seksjonen for produktkjøp er nok en av de aller viktigste på en produktside.
Det er her man finner navnet på produktet, pris, lagerstatus, kjøp-knapp og mye mye mer!

Seksjonen har, i likhet med seksjonen for produktbilde, innstillinger for oppsett som bredde og visning.

Husk, du kan sortere blokkene slik du selv ønsker ved å klikke og dra.

Var denne artikkelen hjelpsom?