Butiks produktsida

Pixpa låter dig ändra layouten på produktinformationssidan och produktdetaljerad sida. Kolla in länkarna nedan för att se skillnaden mellan dem:

Förutom layouten kan du hantera produkttiteln/metadatateckensnittet, relaterade produkter och brödsmulornavigering.

I den här artikeln:

  1. Layout
  2. text
  3. Infosektioner 
  4. Liknande produkter...
  5. Brödsmulnavigering

Anpassa produktdetaljsidans design:

  • ange butiksdesign (1) i sökfältet.
  • Från de relaterade resultaten, klicka på Butiksdesign alternativ (2) under Studiolänkar. 

  • Nu, från Produkt sidor (3) fliken, skulle du se designalternativen för produktsida. 


Detta skulle ta dig till layoutsidan, där du kan välja layout för din produktsida.

Layout

  1. Layout – Välj layout för produktdetaljsidan.
  2. Bredd – Välj bredd för produktdetaljsidan.
    • Full bredd' kommer att visa produktsidan samtidigt som den täcker hela bredden utan att lämna någon marginal.
    • 'Webbplatsens bredd' kan anges i Designa sektion. Där kan du ange en fast bredd.
      Den kommer att visa produktsidan genom att följa den angivna fasta bredden.
  3. Visning av produktbilder – Ange hur produktbilderna ska visas på produktsidan. Du kan visa dem med miniatyrer eller som en vertikal stapel.

  1. Ljuslåda för produktbilder – Slå på den för att tillåta ljusbordsläge för produktbilder.
  2. Aktivera social delning – Markera det här alternativet för att visa sociala ikoner för delning på produktdetaljsidan.


text

Klicka på Ändra textstil knappen till anpassa teckensnitten används på din webbplats.

  1. Ändra textstil – Klicka på den här knappen för att anpassa teckensnitten används på din webbplats.
  2. Teckensnitt för produkttitel – Välj typsnitt för produkttiteln.
  3. Teckensnitt för produktpris – Välj typsnitt för produktpriset.
  4. Teckensnitt för produktmetadata – Välj typsnitt för texten annat än produkttitel och produktpris på produktdetaljsidan.


Infosektioner

  1. Hantera info avsnitt titel teckensnitt. Kontrollera även: Webbplats textstil.
  2. Välj stil informationssektioner på produktsidor. Du kan antingen visa informationssektionerna i Vertikal dragspel or Horisontellt (flikförsett) dragspel.
  3. Välj att expandera den första informationssektionen läggs till produkten som standard. Detta fungerar endast med alternativet Vertikalt dragspel.


Det här är avsnittet som vanligtvis visar varor som kompletterar eller liknar produkten som en kund för närvarande tittar på, vilket uppmuntrar till ytterligare köp och förbättrar shoppingupplevelsen.

  1. Visa relaterade produkter – Markera det här alternativet för att visa relaterade produkter på produktdetaljsidan.
  2. Sortera efter - Välj hur de relaterade produkterna ska sorteras på produktsidorna. Du kan välja mellan fyra olika alternativ:
    • Senaste produkterna - När du lägger till produkter i butiken kommer de att sorteras, med den senaste produkten som visas först i sektionen för relaterade produkter.
    • Mest sålda - De relaterade produkterna kommer att ordnas baserat på försäljningsresultatet, med de flesta säljande produkterna först.
    • Högsta lager – Produkterna kommer att organiseras i enlighet med det återstående lagret, med produkten som har mest lager som visas först.
    • Slumpmässig - De relaterade produkterna kommer att sorteras slumpmässigt.
  1. Antal produkter – Välj hur många produkter som ska visas i Relaterade produkter sektion.
  2. Etikett - Ange etiketten för sektionen för relaterade produkter.
  3. Display - Välj i vilken stil produkterna ska visas i sektionen för relaterade produkter. Du kan välja mellan alternativ som fyrkantig, horisontell, vertikal och dynamisk.


Brödsmulnavigering

  1. Sikt – Ange synligheten/positionen för brödsmulenavigeringen på produktdetaljsidan.
  2. Toppnavigering – Välj den översta brödsmulans navigering för produktdetaljsidan. Du kan välja mellan Brödsmulor – Vänster / Höger, Brödsmulor med kategorinamn, Brödsmulor med Föregående/Nästa, Föregående/Nästa – Mitt eller sidor, innehållsrubriker, och Tillbaka till butiken alternativ
  3. Toppstil – Välj typsnitt för den översta brödsmulenavigeringen.
  4. Nedre navigering – Välj den nedre brödsmulans navigering för produktdetaljsidan. Du kan välja mellan Föregående/Nästa – Center eller Sidor, och Innehållsrubriker alternativ
  5. Nedre teckensnittsstil – Välj typsnitt för den nedre brödsmulenavigeringen.

Kontrollera även: Mappnavigeringsalternativ.

Ta en titt på produktsida brödsmulor vari Brödsmulor – vänster alternativet är valt som Toppnavigering: 

Här är ett exempel på brödsmulnavigering i aktion. 

Slutligen träffa Save för att spara alla dina ändringar.
Det är allt. Din valda stil kommer att tillämpas på din butiks produktsidor.


Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.