Butikssida

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 rutnätsavståndet för produkterna, standardorder för produktlistor, produktlistor och sorteringsalternativ, produktbilder, produkttitel/metadatateckensnitt och många andra alternativ.


Hantera produktinformationssidans design:

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

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


Detta tar dig till layoutsidan, där du kan välja layout för din produktinformationssida.

De tillgängliga alternativen här kan kategoriseras som: 

    1. Konfigurera design för butikssidor
    2. Mobila alternativ
    3. Produktlistning och sortering
    4. Nätbutiker
    5. Bildkant
    6. text
    7. Produktkategorier

 


Konfigurera design för butikssidor

  1. Layout – Välj layout för produktinformationssida (1) och tryck på spara (2) -knapp.

  1. Bredd – Välj bredden på produktinformationssidan.
  2. Galleravstånd – Hantera avståndet mellan produkterna på produktinformationssidan.


Mobila alternativ

  1. Rutnätkolumner – Välj antalet rutkolumner på produktlistans sida för mobilvyn.
  2. Galleravstånd – Ange rutrännan/avståndet för den mobila vyn.


Produktlistning och sortering

  1. Visa produktsortering – Välj om sorteringsalternativet ska visas på produktlistan.
  2. Produktsorteringsposition – Ange var sorteringsalternativet visas på produktförteckningssidan.
  3. Produkter per sida – Välj hur många produkter som ska visas på en sida. Du kan välja mellan 12, 24, 36 och 48.


Nätbutiker

  1. Bildformat – Välj bildformat för produktbilderna. Det skulle inte vara tillämpligt för Fyrkantigt block layout.
  2. Visa Vänd över Bild – Aktivera detta om du vill att nästa bilder av produkten ska visas när någon håller muspekaren över den första bilden.
  3. Rundade hörn – Ange ett värde för att göra produktbilderna rundade i hörnen.


Bildkant

  • Skärmar gränsen runt produktbilderna. Läs mer.


text

  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 (H1, H2, H3, H4, P, P (stor) & P (liten)) för produkttiteln.
  3. Teckensnitt för produktmetadata – Välj typsnitt för texten annat än produkttiteln på produktlistan.
  4. Textjustering – Välj justering (vänster, mitten och höger) för texten.


Produktkategorier

  1. Visa kategorier – Välj om kategorierna ska visas på produktlistan.
  2. Visa stil – Välj visningsstil för produktkategorier. Du kan välja mellan Tag moln stil 1 och 2 och rullgardinsmenyn.
  3. Placera – Välj var produktkategorierna ska visas.
  4. font Style – Välj typsnitt för produktkategorierna.
  5. Horisontellt avstånd – Ange utrymmet mellan produktkategorierna.

Slå Spara knappen för att spara dina ändringar.
Det är allt. Din valda stil kommer att tillämpas på din butiks produktinformationssidor.

Obs: Sidlayout för produktannonser kommer också att tillämpas på butikskategori sidor.


Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.

Pixpa Studio har precis uppdaterats. Vi uppdaterar för närvarande alla skärmdumpar från hjälpartiklarna.