Blokk: Underkategorier

Med "Underkategorier" kan man automatisk vise alle underkategorier til gjeldende kategori øverst på kategorisiden.

I eksemplet under ser vi hvordan kategorien "Klær" viser direkte underkategorier. Hadde vi gått videre inn på kategorien "Dame" ville vi sett dens underkategorier.

Slik legger du til blokken

1. Naviger til designbyggeren
2. Åpne malen for "Kategoriside"
3. I seksjonen "Produktseksjon (Productgrid), legg til blokken "Underkategorier"

Sørg for at blokken "Underkategorier" er plassert over blokken "Produkter i rutenett". Du kan alternativt ha en egen "Produktseksjon" som kun inneholder "Underkategorier". Altså, en seksjon som inneholder underkategorier og en seksjon som inneholder produktene.

Tilpasse utseende på underkategorier

Etter blokken er lagt til kan du gjøre enkle endringer i utseende.

Klikk på blyant-knappen for å redigere innstillingene. Herfra kan du endre skriftstørrelse, skrifttykkelse samt farge på skrift, bakgrunn og legge til kantlinje. Som på alle andre blokker kan man også endre kolonneoppsett, margin, padding og legge til egne CSS-klasser.

Visningstype

Velg hvordan underkategoriene skal vises gjennom innstillingen kolonnetype.

Grid

Underkategoriene vises i et rutenett. Man kan selv bestemme hvor mange kolonner rutenettet skal deles inn i (1-8). Om man har flere underkategorier enn kolonner vil det automatisk legges til en ekstra rad.

Bildet under viser en blokk som er satt opp i 4 kolonner men inneholder 7 underkategorier.

Flex

Med "flex" valgt vil alle kategorier plasseres på en horisontal rekke. Hver kategori vil automatisk tilpasse seg navnet på kategorien eller bildet, for å utnytte plassen best mulig. Når en rekke er full vil den automatisk starte på neste rad.

Visningstype flex has flere innstillinger:

• Karusell: Om aktiv vil underkategoriene alltid vises på en rad med scrolling. Med denne aktiv vil man også få valg om å vise/skjule piler for navigering. Ved karusell vil hver underkategori ta 25% av bredden, med andre ord vil maks 4 underkategorier vises samtidig.
• Justering: Velg om kategoriene som standard skal plasseres til venstre, midten eller høyre.
• Angi bildehøyde: Juster høyden på kategoribilder.
• Fyll plass: Hver kategori vil utvides til å bruke så mye plass som er tilgjengelig.
• Kategoriens maksimale bredde: Sett en bredde, i piksler, som kategorien aldri skal overskride.
• Avstandskontroll: Avstand mellom hver underkategori.

Underkategorier satt opp som karusell.

Legge til kategoribilder

Om du ønsker å vise bilder på underkategoriene vil dette skje automatisk når en kategori har bilde. Merk at bildet automatisk vil ta hele bredden av underkategori-boksen. Noe tilpassing av kategoribildet kan være nødvendig.

Bildet viser underkategorien "Rosa" med kategoribilde.

Slik legger du til kategoribilder:

1. I ditt kontrollpanel, naviger til Produkter > Produkter
2. I venstremenyen finner du kategorien du vil legge til bilde på, og klikker blyant-knappen for å redigere.
3. Under "Innstillinger" i vinduet som åpner seg kan bildet lastes opp.

Tillate produkter i kategori med underkategori

Som standard i Mystore kan man kun ha produkter i kategorier som ikke har underkategorier. Det vil si, man må velge enten eller. Dette kan løses ved hjelp av utvidelsen "Tillat produkter i hovedkategorier".

Om du ønsker å vise både produkter og underkategorier i én og samme kategori må utvidelsen over være aktivert.