Content
Tip dokumenta: Banner
Polja koja se popunjavaju u dokumentu su: Title, Description, SubDescription, Content, Background image, Logo Icon i Logo Icon Description, Animated image 1, Content 2 (ono što će se prikazati u pop-up-u), Video (uploadovan video)
Modal se otvara klikom na Title dokumenta.
Unos vizuala
Dimenzije vizuala kada je standardni contentAside prikaz
| Rezolucija | Background (w x h) |
|---|---|
| 1920 | 2880 x 1220 |
| 1366 | 1920 x 813 |
| 1024 | 1024 x 480 |
| 768 | 768 x 510 |
| 320 | / |
Prikaz banera kada je po dizajnu uži
U ovom slučaju visina banera se redukuje unosom klasena dokument u polje CSS Class shrink-banner.
Dimenzije background i Animated fotografija su:
| Rezolucija | Background (w x h) | Animated image 1 (w x h) |
|---|---|---|
| 1920 | 2294 x 925 | 2294 x 925 |
| 1366 | 1530 x 617 | |
| 1024 | / | |
| 768 | / | |
| 320 | 450 x 270 |
Postoji više prikaza ovog banera i to:
- Standardni prikaz
- Kada širina bannera prati širinu 4grid bannera (što se reguliše html blokom koji ga okružuje)
media-object-middle-align - obavezna klasa na ovom tipu banera i ona sklanja donji padding (doc)
web-text-color – za bela slova (doc)
reverse-text – zamena mesta teksta i slike (doc)
shrink-banner – samnjivanje visine banera
center-text-bottom-corner-left - pozicioniranje sadržaja u odnosu na 4grid iznad ili ispod bannera (Headbox)
Klase koje se koriste za izmene buttona unose se dokument
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 32
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
Ukoliko se na nivou dokumenta unese video u polje video onda će se u pop-up-u prikazivati isti bez obzira da li je popunjeno polje Animated image ili ne. Video će se prikazivati ako je uploaded (YouTube video se neće prikazivati).
Da bi baner imao uži prikaz PO ŠIRINI (kada je potrebno da se nađe iznad/ispod 4grid templejta i da zauzima istu širinu) potrebno je da se smesti između dva html bloka sledećeg sadržaja:
Primer možete pogledati i iskoristiti sa plm-a - http://be.mts.rs/IndexPages/PageEditor.aspx?id=1452&pid=1&lid=1&oid=1
