Butikk produktside

Pixpa lar deg endre oppsettet til produktoppføringssiden og produktdetaljert side. Sjekk ut linkene nedenfor for å se forskjellen mellom dem:

Bortsett fra oppsettet, kan du administrere produkttittelen/metadatafonten, relaterte produkter og brødsmulenavigasjon.

I denne artikkelen:

  1. Layout
  2. tekst
  3. Infoseksjoner 
  4. Relaterte produkter
  5. Brødsmulnavigering

Tilpass produktdetaljsidedesignet:

  • Enter butikkdesign (1) i søkefeltet.
  • Fra de relaterte resultatene klikker du på Butikkdesign alternativ (2) under Studiokoblinger. 

  • Nå, fra Produktsider (3) fanen, vil du se designalternativene for produktside. 


Dette vil ta deg til layoutsiden, hvor du kan velge layout for produktsiden din.

Layout

  1. Layout – Velg layout for produktdetaljsiden.
  2. Bredde – Velg bredden for produktdetaljsiden.
    • Full bredde' vil vise produktsiden mens den dekker hele bredden uten å etterlate noen marger.
    • 'Nettstedets bredde' kan spesifiseres i utforming seksjon. Du kan angi en fast bredde der.
      Den vil vise produktsiden ved å følge den angitte faste bredden.
  3. Visning av produktbilder – Spesifiser hvordan produktbildene skal vises på produktsiden. Du kan vise dem med miniatyrbilder eller som en vertikal stabel.

  1. Lysboks for produktbilder – Slå den på for å tillate lysboksmodus for produktbilder.
  2. Aktiver sosial deling – Kryss av for dette alternativet for å vise sosiale ikoner for deling på produktdetaljsiden.


tekst

Klikk på Endre tekststil -knappen for å tilpasse skriftene brukt på nettstedet ditt.

  1. Endre tekststil – Klikk på denne knappen for å tilpasse skriftene brukt på nettstedet ditt.
  2. Skrifttype for produkttittel – Velg fonten for produkttittelen.
  3. Produktpris skrift – Velg skrifttype for produktprisen.
  4. Produktmetadatafont – Velg annen skrift for teksten enn produkttittel og produktpris på produktdetaljsiden.


Infoseksjoner

  1. Administrer info seksjon tittel font. Sjekk også: Tekststil på nettstedet.
  2. Velg stil av informasjonsseksjoner på produktsidene. Du kan enten vise informasjonsdelene i Vertikelt trekkspill or Horisontal (faneformet) trekkspill.
  3. Velg til utvide den første informasjonsdelen lagt til produktet som standard. Dette fungerer bare med alternativet Vertical Accordion.


Dette er delen som vanligvis viser varer som er komplementære eller ligner på produktet en kunde ser på for øyeblikket, som oppmuntrer til flere kjøp og forbedrer handleopplevelsen.

  1. Vis relaterte produkter – Merk av for dette alternativet for å vise relaterte produkter på produktdetaljsiden.
  2. Sorter etter - Velg hvordan du vil sortere de relaterte produktene på produktsidene. Du kan velge mellom fire forskjellige alternativer:
    • Nyeste Produkter - Når du legger til produkter i butikken, vil de bli sortert, med det nyeste produktet vises først i den relaterte produktdelen.
    • Mest solgte - De relaterte produktene vil bli arrangert basert på salgsresultatet, og de fleste selgende produktene vises først.
    • Høyeste beholdning – Produktene vil bli organisert i henhold til gjenværende beholdning, med produktet som har mest beholdning vist først.
    • Tilfeldig - De relaterte produktene vil bli sortert tilfeldig.
  1. Antall produkter – Velg hvor mange produkter som skal vises i Relaterte produkter seksjon.
  2. Merkelapp - Angi etiketten for den relaterte produktdelen.
  3. Vise - Velg stilen som produktene skal vises i i delen for relaterte produkter. Du kan velge mellom alternativer som Square, Horisontal, Vertical og Dynamic.


Brødsmulnavigering

  1. Synlighet – Spesifiser synligheten/posisjonen til brødsmulenavigasjonen på produktdetaljsiden.
  2. Toppnavigasjon – Velg den øverste brødsmulenavigasjonen for produktdetaljsiden. Du kan velge mellom Brødsmuler – venstre / Høyre, Brødsmuler med kategorinavn, Brødsmuler med Forrige / Neste, Forrige / Neste – Senter eller sider, innholdstitler, og Tilbake til butikken alternativer
  3. Topp skriftstil – Velg skrifttypen for den øverste brødsmulenavigasjonen.
  4. Bunnnavigering – Velg den nederste brødsmulenavigasjonen for produktdetaljsiden. Du kan velge mellom Forrige/Neste – Senter eller sider, og Innholdstitler alternativer
  5. Skriftstil nederst – Velg skrifttypen for den nederste brødsmulenavigasjonen.

Sjekk også: Mappenavigasjonsalternativer.

Ta en titt på produktside brødsmuler hvor Brødsmuler – venstre alternativet er valgt som Toppnavigering: 

Her er et eksempel på brødsmulenavigasjon i aksjon. 

Endelig, slå på Spar for å lagre alle endringene.
Det er det. Din valgte stil vil bli brukt på butikkens produktsider.


Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.