Banner képek

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

Tokyo

Korfu

Los Angeles

Milánó

Amsterdam

Starter

Stockholm

Helsinki

Las Vegas

Párizs

Madrid

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.
Van még kérdésed? Kérdés beküldése

Kérdésed van?

  • Böngéssz a Témák között!
  • Keress rá a konkrét kérdésedre!
  • Ha nem találtál megoldást a problémádra, vedd fel a kapcsolatot kollégáinkkal:
  • Írd meg kérdésed a Kérdés beküldése menüpontban!
  • Írj e-mailt az info@shoprenter.hu címre!
  • Írj chat-en webáruházad adminisztrációs felületén!
  • Hívj bennünket a 06-1/234-5011-es számon munkanapokon 9:00-17:00 között!
  • Hétvégén is elérhetők vagyunk e-mailben és chat-en 10:00-14:00 között.

Hibabejelentés