Butiks produktside

Pixpa giver dig mulighed for at ændre layoutet på produktlistesiden og produktdetaljeret side. Tjek nedenstående links for at se forskellen mellem dem:

Udover layoutet kan du administrere produkttitlen/metadataskrifttypen, relaterede produkter og brødkrummenavigation.

I denne artikel:

  1. Layout
  2. tekst
  3. Info sektioner 
  4. Relaterede Produkter
  5. Brødkrumme navigation

Tilpas produktdetaljesidens design:

  • Indtast butiksdesign (1) i søgefeltet.
  • Fra de relaterede resultater skal du klikke på Butiksdesign mulighed (2) under Studielinks. 

  • Nu, fra Produktsider (3) fanen, vil du se designmulighederne for produkt side. 


Dette vil føre dig til layoutsiden, hvorfra du kan vælge layoutet til din produktside.

Layout

  1. Layout – Vælg layout for produktdetaljesiden.
  2. Bredde – Vælg bredden for produktdetaljesiden.
    • Fuld bredde' vil vise produktsiden, mens den dækker hele bredden uden at efterlade nogen margen.
    • 'Site bredde' kan angives i Design afsnit. Du kan angive en fast bredde der.
      Det vil vise produktsiden ved at overholde den angivne faste bredde.
  3. Visning af produktbilleder – Angiv, hvordan produktbillederne skal vises på produktsiden. Du kan vise dem med thumbnails eller som en lodret stak.

  1. Lysboks til produktbilleder – Tænd den for at tillade lysbokstilstand for produktbilleder.
  2. Aktiver social deling – Tjek denne mulighed for at vise sociale ikoner til deling på produktdetaljesiden.


tekst

Klik på Skift tekststil knappen til tilpas skrifttyperne brugt på din hjemmeside.

  1. Skift tekststil – Klik på denne knap for at tilpas skrifttyperne brugt på din hjemmeside.
  2. Skrifttype for produkttitel – Vælg skrifttypen til produkttitlen.
  3. Produktpris skrifttype – Vælg skrifttype til produktprisen.
  4. Produktmetadata skrifttype – Vælg anden skrifttype til teksten end produkttitel og produktpris på produktdetaljesiden.


Info sektioner

  1. Administrer info afsnits titel skrifttype. Kontroller også: Website Tekst stil.
  2. Vælg den stil af infosektioner på produktsider. Du kan enten vise infosektionerne i Lodret harmonika or Vandret (faneformet) harmonika.
  3. Vælg at udvide den første infosektion tilføjet til produktet som standard. Dette fungerer kun med muligheden for vertikal harmonika.


Dette er den sektion, der typisk viser varer, der er komplementære eller ligner det produkt, en kunde i øjeblikket ser, hvilket tilskynder til yderligere køb og forbedrer shoppingoplevelsen.

  1. Vis relaterede produkter – Marker denne indstilling for at vise relaterede produkter på produktdetaljesiden.
  2. Sorter efter - Vælg, hvordan de relaterede produkter skal sorteres på produktsiderne. Du kan vælge mellem fire forskellige muligheder:
    • Seneste produkter – Efterhånden som du tilføjer produkter til butikken, sorteres de, og det seneste produkt vises først i sektionen med relaterede produkter.
    • Mest sælgende – De relaterede produkter vil blive arrangeret baseret på salgsresultatet, hvor de fleste sælgende produkter vises først.
    • Højeste lager – Produkterne vil blive organiseret i henhold til den resterende beholdning, hvor det produkt, der har mest beholdning, vises først.
    • Tilfældig - De relaterede produkter vil blive sorteret tilfældigt.
  1. Antal produkter – Vælg, hvor mange produkter der skal vises i relaterede produkter sektion.
  2. Etiket - Angiv etiketten for den relaterede produktsektion.
  3. Skærm - Vælg den stil, som produkter skal vises i i den relaterede produktsektion. Du kan vælge mellem muligheder som Square, Horisontal, Lodret og Dynamisk.


Brødkrumme navigation

  1. Synlighed – Angiv synligheden/positionen af ​​brødkrumme-navigationen på produktdetaljesiden.
  2. Topnavigation – Vælg den øverste brødkrumme-navigation for produktdetaljesiden. Du kan vælge imellem Brødkrummer – venstre / Til højre, Brødkrummer med kategorinavn, Brødkrummer med Forrige/Næste, Forrige/Næste – Midter eller sider, Indholdstitler, , Tilbage til butik optioner
  3. Top skrifttypestil – Vælg skrifttypen til den øverste brødkrumme-navigation.
  4. Nederste navigation – Vælg den nederste brødkrumme-navigation for produktdetaljesiden. Du kan vælge imellem Forrige/Næste – Center eller sider, , Indholdstitler optioner
  5. Nederste skrifttype – Vælg skrifttypen til den nederste brødkrumme-navigation.

Kontroller også: Mappenavigationsmuligheder.

Tag et kig på produktside brødkrummer hvori Brødkrummer – venstre mulighed er valgt som Topnavigation: 

Her er et eksempel på brødkrumme-navigation i aktion. 

Endelig ramte Gem knappen for at gemme alle dine ændringer.
Det er det. Din valgte stil vil blive anvendt på din butiks produktsider.


Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.