Pixpa giver dig mulighed for at ændre layoutet på produktlistesiden og produktdetaljeret side. Tjek nedenstående links for at se forskellen mellem dem:
Bortset fra layoutet, kan du administrere gitterafstanden for produkterne, standard produktlisterækkefølge, produktliste og sorteringsmuligheder, produktbilleder, produkttitel/metadataskrifttype og mange andre muligheder.
Administrer produktlistesidedesignet:
- Indtast butiksdesign (1) i søgefeltet.
- Fra de relaterede resultater skal du klikke på Butiksdesign mulighed (2) under Studielinks.
- Nu, fra Gem sider (3) fanen, vil du se designmulighederne for produktlisteside.
Dette vil føre dig til layoutsiden, hvorfra du kan vælge layoutet til din produktlisteside.
De tilgængelige muligheder her kan kategoriseres som:
- Konfigurer design til butikssider
- Produktliste og sortering.
- Produktbilleder.
- tekst
- Produktkategorier
- Statusetiketter
- Mobilindstillinger
Konfigurer design til butikssider
- Layout – Vælg layout for produktlisteside (1) og tryk på spare (2) knap.
- Bredde – Vælg bredden på produktlistesiden.
- Gitterafstand – Administrer afstanden mellem produkterne på produktlistesiden.
Produktliste og sortering
- Produkter pr. side – Vælg, hvor mange produkter der skal vises på en side. Du kan vælge mellem 12, 24, 36 og 48.
- Vis produktsortering – Vælg, om sorteringsmuligheden skal vises på produktlistesiden.
- Produktsorteringsposition – Angiv, hvor sorteringsindstillingen vises på produktlistesiden.
Produktbilleder
- Billedformatforhold – Vælg billedformatforholdet for produktbillederne. Det ville ikke være gældende for Firkantet blok layout.
- Vis Flip Over-billede – Slå den til, hvis du ønsker, at de næste billeder af produktet skal vises, når nogen svæver over det første billede.
Se, hvordan flip-over-billedet fungerer:
- Afrundede hjørner – Angiv en værdi for at gøre produktbillederne afrundede i hjørner.
tekst
- Skift tekststil – Klik på denne knap for at tilpas skrifttyperne brugt på din hjemmeside.
- Skrifttype for produkttitel – Vælg skrifttypen (H1, H2, H3, H4, P, P (stor) & P (lille)) til produkttitlen.
- Produktmetadata skrifttype – Vælg anden skrifttype for teksten end produkttitlen på produktlistesiden.
- Tekstjustering – Vælg justeringen (venstre, centreret og højre) for teksten.
Produktkategorier
- Vis kategorier – Vælg, om kategorierne skal vises på produktlistesiden.
- Displaystil – Vælg visningsstilen for produktkategorier. Du kan vælge mellem Tag cloud stil 1 og 2 og dropdown.
- Position – Vælg, hvor produktkategorierne skal vises.
- font Style – Vælg skrifttype til produktkategorierne.
- Vandret afstand – Angiv mellemrummet mellem produktkategorierne.
Statusetiketter
- Se flere butiksetiketter – Klik på denne knap for at tilpasse dine butiksetiketter.
- Vis udsalgsmærke – Vælg om salgsetiketten skal vises eller ej, og teksten for samme.
Salgsetiketten vises, når du har angivet sammenligne til pris for et produkt. - Vis lavt lagermærke – Vælg om lavt på lager etiket vises over dine produkter eller ej.
Denne etiket vises, når lagerniveauet for et produkt når tærskelværdi angivet for lav på lager alarm. - Vis tilbage/forudbestil etiket – Vælg om Tilbage/Forudbestil etiket vises over dine produkter eller ej.
Denne etiket vises over de produkter, du har slået restordren til. - Læg i kurv Label – Tilpas Tilføj kurv etiket, der vises på din butik.
- Kommer snart etiket – Tilpas Coming Soon etiket, der vises på dine produkter.
- Etiket basefarve – Vælg grundfarven til etiketten.
- Etikettekstfarve – Vælg tekstfarven til etiketteksten.
Mobilindstillinger
- Gitterkolonner – Vælg antallet af gitterkolonner på produktlistesiden for mobilvisningen.
- Gitterrende – Angiv gitterrenden/mellemrummet for den mobile visning.
Hit the Gem knappen for at gemme dine ændringer.
Det er det. Din valgte stil vil blive anvendt på din butiks produktlistesider.
Bemærk: Produktlistesidelayout vil også anvendes på butikskategori sider.