Tip dokumenta: Banner
Polja koja se popunjavaju su sledeća: Title, Description, Content, Background image, Link name 1 i Link name 2 sa pratećim url-om, App Store url, Google play url, Huawei Gallery url, CSS class
Unos vizuala
Fotografije se unose se po rezolucijama i dimenzije su sledeće:
Obavezan unos je za 1920, 1366 i 320. Ukoliko nisu unete 1024 i 768 one će naslediti 1366.
Sve fotografije provući kroz program za optimizaciju – preporuka https://compressjpeg.com/
Rezolucija | Background (w x h) |
---|---|
1920 | 2880 x 1220 |
1366 | 1920 x 813 |
1024 | 1024 x 480 |
768 | 1024 x 480 |
320 | 640 x 360 |
Postoji više prikaza ovog banera i to:
- Kada banner ima punu visinu
- Kada je visina bannera skraćena
- Banner može biti klikabilan celom površinom
Klase za prilagođavanje prikaza celog banera
shrink-banner – smanjivanje visine banera
web-text-color – za bela slova
without-title - uklanjanje naslova
js-banner-clickable – klasa se unosi na nivou headbox-a ili dokumenta. Banner postaje klikabilan celom površinom
Klase koje se koriste za izmene buttona
Link 1 (Primary)
web-primary-white-btn - belo dugme na webu
web-primary-border-white-btn - beli outline na webu
web-primary-border-red-btn - crveni outline na webu
primary-link-without-paddiing-red - samo crveni tekst za link
primary-link-without-paddiing-white - samo beli tekst za link
full-primary-border-white-btn - beli outline na linku/dugmetu za responsive na 320
mobile-primary-white-btn - belo dugme na mobile
mobile-primary-border-red-btn - crveni outline na mobile
mobile-primary-border-white-btn - beli outline na mobile
Link 2 (Secondary)
web-secondary-white-btn - belo dugme na webu
web-secondary-border-white-btn - beli outline na webu
web-secondary-border-red-btn - crveni outline na webu
full-secondary-filled-red-btn - crveno dugme