Ebben a leírásban az elérhető témákhoz találjuk meg a főoldali bannerkezelő modul ajánlott képméreteit és a fontosabb információkat a modulok megfelelő beállításához.
Róma 2.0
A banner magassága nem fix. Mindegy, hogy 200 vagy 500 px magas, csak legyen egységes, minden banner magassága egyezzen meg.
Ami a szélességet illeti, a Róma 2.0 témában alapértelmezetten teljes szélességű bannerkezelő modul található. Nézzük meg, melyik képernyőfelbontás a leggyakoribb (Analytics / közönség / technológia), amiről a látogatók a boltot használják, és optimalizáljunk arra.
A mintaboltban 1920x650 px-es képeket használtunk.
Tokyo
A mobilbarát terület a banner középső részén helyezkedik el, és egy 1170x700 px-es szeletet foglal magába. A terület a banner bal és jobb szélétől egyaránt 375 px-re helyezkedik el.
A banner szövegét érdemes a mobilbarát területen elhelyeznünk.
Ajánlott a banner elkészítése előtt letöltenünk a minta bannert.
A Tokyo banner .psd kiterjesztésű verzióját itt tudjuk letölteni.
Nem érdemes figyelmen kívül hagyni az erről készült bejegyzésünket sem: Banner készítés a Tokyo sablonhoz.
Fontos! A téma úgy lett kialakítva, hogy a rendszer 700 px magasra állítja be mindig a bannert. Ez azt jelenti, hogy ha ettől kisebbet használunk (pl. 600 px magas a képünk), ezt 700 px-re nagyítja/nyújtja a rendszer, tehát torzulni fog a banner és romlik a minőség. Ez nem azt jelenti, hogy nem használhatunk kisebb bannert, hanem ebben az esetben már ezt CSS kódokban kell kezelnünk.
A mintaboltban 1920x700-as képeket használtunk.
Korfu
Hasonló módon kell eljárnunk, mint a Tokyo banner ismertetőjében.
Los Angeles
Ajánlott képméret: 860x540 px.
Milánó
Ettől a témától már egy újabb bannerkezelő modult alkalmaztunk, ami a slick carouselre épül. Ennek több előnye is van a korábbi megoldással szemben:
- Dinamikus modulként szerepel a rendszerben.
- Lehet swipe-olni is a bannereket (megfogjuk és húzzuk jobbra-balra).
- Mobilon eltérő képet használhatunk az asztalitól, így külön fel lehet tölteni desktop (asztali) és mobil képet is a modulban.
- A bannerek sorrendje drag&droppal állítható (fogd és húzd).
- Az admin felületen tudunk címet, alcímet és gomb szöveget írni a képre, valamint ezeknek a betűszíne is a modulban módosítható.
A mintaboltban 1920x700-as képeket használtunk asztali nézeten, és 420x560-as képeket mobilon.
Amsterdam
Ajánlott képméret: Asztali: 1920x1000 px | Mobil: 480 px széles.
Hasonló módon kell eljárnunk, mint a Milánó banner ismertetőjében.
Fontos! A kategória menü mögé benyúlik, ezért érdemes olyan képet feltöltenünk, amely nem fekete / sötét a tetején, hogy a kategória menü mindig látható legyen. A másik opció, ha a kategóriák színét megváltoztatjuk.
Starter
Ajánlott képméret: Asztali: 1920x500 px | Mobil: 480 px széles.
Stockholm
Ajánlott képméret: Asztali: 1920x600 px | Mobil: 450x250 px.
Mobilon a szöveg és a gomb fixen a banner kép alá kerülnek, a közösségi oldalak posztjaihoz hasonló elrendezést kapnak.
Helsinki
Ajánlott képméret: Asztali: 1920x800 px | Mobil: 480 px széles.
Mobilon a szöveg és a gomb fixen a banner kép alá kerülnek, a közösségi oldalak posztjaihoz hasonló elrendezést kapnak.
Las Vegas
Ajánlott képméret: Asztali: 1920x700 px | Mobil: 480 px széles.
Mobilon a szöveg és a gomb fixen a banner kép alá kerülnek, a közösségi oldalak posztjaihoz hasonló elrendezést kapnak.
Beállítható, hogy a banner teljes szélességű legyen vagy sem.
Párizs
Ajánlott képméret: Asztali: 1920x700 px | Mobil: 480px széles
Madrid
Ajánlott képméret asztali nézetben:
- Függőleges kategória menü esetében ajánlott: 970x650 px méret.
- Vízszintes kategória menü esetében ajánlott: 1300x600 px méret.
Képformátum: JPG mindkét esetben.
- Ajánlott képméret mobilnézet esetében: 450 px széles és .jpg formátum, pl.: 450x300 px.