Meny

Visning av farger i lister og filtrering

Produkter som finnes i flere farger kan settes opp på to måter:

  • Som ett produkt med varianter (for eksempel ett produkt med fire farger).

  • Som separate produkter, ett per farge.

Valget du gjør, påvirker hvordan produktene vises i produktlistene og hvordan de oppfører seg ved filtrering.

  • Med separate produkter ser kunden alle fargene direkte i oversikten, med riktig bilde for hver farge.

  • Med varianter ser kunden kun hovedproduktet med hovedbildet. Andre farger må velges inne på produktsiden, og i filtervisning vises fortsatt bare hovedbildet.

I denne hjelpeartikkelen viser vi dette med en jakke i fire farger som eksempel. Vi forklarer:

1. Hva kunden ser i produktlistene
2. Når du bruker produktvarianter
3. Når du oppretter ett produkt per farge
4. Hvordan filtrering fungerer i nettbutikken

 


 

1. Hva kunden ser i produktlistene

En produktlister vises på forsiden, i produktkategorier som Jakker og i søkeresultater. Her vises alltid ett produktkort per produkt med:

– Ett bilde (hovedbildet)
– Produktnavnet (hovedproduktet)
– Pris og lagerstatus
– En knapp, som enten viser Kjøp eller Vis

Kjøp betyr at kunden kan legge produktet direkte i handlekurven
Vis betyr at kunden må velge en variant før kjøp – for eksempel størrelse, lengde eller materiale

Det eneste som antyder at et produkt har varianter, er teksten på kjøpsknappen, men knappen sier ingenting om det finnes flere farger. Nettbutikken har ingen visuell indikator på at produktet finnes i ulike farger. Det er derfor hovedbildet som avgjør hva kunden ser i oversikten.

Produktliste produktkort.png

 


 

2. Når du bruker produktvarianter

Eksempel: Stortua damejakke i Blå, Grønn, Rosa og Lilla.

Først opprettes Stortua damejakke som ett produkt. Du velger ett bilde som representerer hele produktet – for eksempel et bilde av den blå jakken, som dermed blir hovedbildet. Dette bildet vises i produktlisten, i søkeresultater og ved filtrering.

Bilde hovedprodukt.png

Deretter må alle fire fargene konfigureres som produktvarianter, og hver variant kan ha egen lagerstatus, pris og bilde.

Variant konfigurasjon.png

I produktlistene vises kun hovedproduktet med det blå bildet. Før kunden kan velge en annen farge, må de åpne produktsiden;

Hovedprodukt i produktliste.png

Der kan kunden velge blant de tilgjengelige fargene, som Grønn, Rosa og Lilla.

Variant velge farge på produktkort.png

 


 

3. Når du oppretter ett produkt per farge

Eksempel: Setra jakke i Blå, Grønn, Rosa og Lilla.

Hvis du oppretter ett produkt per farge, får du fire separate produktkort i produktlisten . Hvert kort får sitt eget navn og bilde, for eksempel:

Setra jakke – Blå (med bilde av blå jakke)
Setra jakke – Grønn (med bilde av grønn jakke)

Disse produktkortene vises i samme oversikter som tidligere: på forsiden, i kategorien Jakker, og i søkeresultater. Kunden ser hele fargeutvalget direkte, uten å måtte klikke seg inn.

Produktvarianter.png

 


 

4. Hvordan filtrering fungerer i nettbutikken

På kategorisidene, som Jakker, vises en filtermeny. Her kan kunden filtrere på egenskaper du selv har definert, for eksempel Merke, Farge og Passform.

Filter.png

Hvordan legge til filter kategorier

– Opprett en filterkategori som heter Farge
– Legg inn underkategorier, som Blå, Grønn, Rosa og Lilla
– Gå inn på hver underkategori og legg inn produktene som hører til, for eksempel Setra jakke Blå under Blå

Legge til filter.png

Filterresultat med separate produkter – korrekt visning

Hvis du har brukt separate produkter, fungerer filtreringen slik kunden forventer. Hvis kunden velger Grønn i filteret, vises kun produktkortet for Setra jakke Grønn, med korrekt navn og grønt bilde.

Filter resultat.png

Filterresultat med produktvarianter – begrenset visning

Hvis du har brukt produktvarianter, og hovedbildet er satt til den blå jakken, kan du fortsatt legge hovedproduktet i filterkategorien Grønn – fordi det finnes en grønn variant. Men når kunden bruker filteret og velger Grønn, vises fortsatt det blå produktbildet – fordi systemet kun viser hovedbilde i produktlister og filterresultat.

Hvorfor filtrering med varianter kan forvirre kunden

Dette kan oppleves som forvirrende, selv om det teknisk fungerer. Kunden kan fortsatt kjøpe riktig farge – men må først klikke på produktkortet og velge farge inne på produktsiden.

Variant filter resultat

"Er

Er du interessert i å vite mer?

Ta kontakt med oss på e-post.: support@netthandel.unimicro.no, eller skriv til oss via vårt
kontaktskjema. 

Kontakt oss