A webáruházak többségénél a jó termékcsoport struktúra kialakítása a könnyű
navigáció záloga. Az egy szinten lévő túl sok termékkategória jellemzően
webáruház tervezési hiba, az átgondolt, hierarchikus felépítés hiánya.
Ha egy termékcsoport szintre túl sok kategóriát tervezünk,
akkor az összezavarhatja a vásárlót, aki így nehezebben tudja megtalálni
a keresett terméket.
Azonban bizonyos áruházak (pl. nagyon heterogén termékkörrel rendelkező üzletek) esetén
még jó tervezéssel is kialakulhat olyan helyzet, hogy a vásárlónak 15-20
fő termékcsoportból kell kiválasztania a számára megfelelőt. Ekkor jöhet jól az
un. mega menü, amely egy ablakban tud megjeleníteni rengeteg információt,
így pl. akár a teljes termékcsoport fát. Ilyen menüt használ a Viltor rendszer
12 b arculata is.
A termékcsoport mega menü az első két termékcsoport kategória szintet jeleníti meg, vagyis
a fő kategóriákat és az alattuk lévő al-termékcsoportokat. A fő kategóriák egymás mellett
vízszintesen helyezkednek el.
Ha a monitor mérete nem teszi lehetővé az összes termékcsoport megjelenítését, akkor
a vásárló le-fel irányba görgetheti az ablakot.
A vízszintes kialakítású menü nagyon könnyen átlátható, azonban van egy kisebb hátránya. Ha az egyes termékcsoportok
alatt nagyon különböző számú al-termékcsoport van, akkor üres helyek keletkeznek. A fenti példa első sorában
a "Papíráru" fő termékcsoportnak 7 alcsoportja van, de az előtte lévő fő termékcsoportoknak kevesebb. Így pl.
a "Cipők" termékcsoport alatt meglehetősen sok hely marad kihasználatlan. Ez itt nem feltétlenül jelent problémát,
hiszen az egész menü összességében arányos marad, de lehetnek olyan extrém esetek, ahol egy-egy fő termékcsoport alcsoport száma
lényegesen eltér a többi fő termékcsoporttól.
Erre az esetre lehet megoldás a függőleges elrendezésű mega menü, ahol az egyes fő termékcsoportok egymás alatt helyezkednek el.
Mivel itt az elrendezés felülről lefelé, azon belül balról jobbra halad, így azok a termékcsoportok, amelyek a képernyő
felbontása miatt nem látszanak, jobbra-balra történő görgetéssel érhetők el.
A vízszintesről függőleges elrendezésre váltást a webáruház CSS kódjának apró módosításával tudjuk elvégezni.
Jellemzően a "Kezdőoldal CSS" és "Tartalom oldal CSS" kódokat kell módosítanunk. Itt keressünk rá a
"Függőleges mega menü elrendezés" kifejezésre és vegyük ki a kódot körbehatároló megjegyzés (/* és */) jeleket.
Szintén ebben a dokumentum szakaszban