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. Produktlistning och sortering.
  3. Nätbutiker.
  4. text
  5. Produktkategorier
  6. Statusetiketter
  7. Mobila alternativ

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.

Produktlistning och sortering

  1. 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.
  2. Visa produktsortering – Välj om sorteringsalternativet ska visas på produktlistan.
  3. Produktsorteringsposition – Ange var sorteringsalternativet visas på produktförteckningssidan.

 

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 – Slå på den om du vill att nästa bilder av produkten ska visas när någon svävar över den första bilden.

Se hur den vända bilden fungerar: 

  1. Rundade hörn – Ange ett värde för att göra produktbilderna rundade i hörnen.


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.


Statusetiketter

  1. Se fler butiksetiketter – Klicka på den här knappen för att anpassa dina butiksetiketter.
  2. Visa reaetikett – Välj om reaetiketten ska visas eller inte, och texten för densamma.
    Försäljningsetiketten visas när du har angett jämför till pris för en produkt.
  3. Visa låg på lageretikett – Välj om låg på lager etiketten visas över dina produkter eller inte.
    Denna etikett visas när lagernivån för en produkt når tröskelvärde specificerat för låg på lagervarning.
  4. Visa tillbaka/förbeställningsetikett – Välj om Tillbaka/Förbeställ etiketten visas över dina produkter eller inte.
    Denna etikett visas över de produkter som du har aktiverat restordern.
  5. Lägg till i varukorgen Label – Anpassa Lägg till i varukorgen etikett som visas i din butik.
  6. Kommer snart etikett – Anpassa Coming Soon.... etikett som visas på dina produkter.
  7. Etikett Basfärg – Välj basfärg för etiketten.
  8. Etiketttextfärg – Välj textfärg för etiketttexten.


Mobila alternativ

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

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

Notera: 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.