wymogi dla materiałów emitowanych w sklepie internetowym
Specyfikacja techniczna do stron typu "Landing Page"
Strona euro.com.pl ma osobną wersję desktopową oraz wersję mobilną - przesłany kod może być zarówno RWD jak i w dwóch osobnych wersjach.
Sszerokość strony Landing Page powinna się być jednakowa z szerokością serwisu na poszczególnych brakpointach:
dla szerokości ekranu powyżej 1440px szerokość strony wynosi 1376px
dla szerokości ekranu pomiędzy 1230px a 1440px szerokość serwisu to 1218px
dla szerokości ekranu pomiędzy 960px a 1230px szerokość serwisu to 960px
dla szerokości ekranu poniżej 960px oraz na urządzeniach mobilnych niezależnie od szerokości serwis przechodzi na wersję mobilną, która jest responsywna i ma 100% szerokości ekranu.
Dla szerokości powyżej 960px elementy graficzne, tło itp. mogą wychodzić poza szerokość serwisu i zajmować całą szerokość ekranu, natomiast treść strony (teksty, istotne grafiki) powinny mieścić się we wskazanych powyżej szerokościach serwisu
Landing Page musi być przygotowany w formie jednego pliku html, a struktura assetów powinna być maksymalnie uproszczona - najlepiej aby był to jeden plik CSS, jeden plik JS, a obrazki i fonty aby znajdowały się w osobnych, niezagnieżdżonych folderach
Dopuszczalne jest używanie Google Fonts oraz innych fontów ładowanych z pliku, o ile wraz z kodem otrzymamy również licencję lub zgodę na użycie fontu
Serwis euro.com.pl ma wbudowaną wersję jQuery 3.2.1 - dołączanie innej wersji biblioteki i korzystanie z fukcji niedostępnych w tej wersji może skutkować konfliktami bibliotek i niemożnością wdrożenia strony
Nie można stosować żadnego języka backendowego w kodzie
Dostarczony kod musi być "statyczny" - nie może pobierać ani wysyłać żadnych danych poza serwis euro.com.pl (wyjątkiem jest użycie iframe do osadzania filmów). W szczególności nie może mieć osadzonej żadnej analityki ani trackerów ruchu
Filmy powinny być umieszczone za pomocą iframe i zaciągane np. z serwisu YouTube, strona nie może mieć osadzonych filmów bezpośrednio
Wszystkie obrazki powinny być skompresowane
Nie można stosować Bootstrapa ani innych popularnych bibliotek CSS - biblioteki te poprzez resety CSS, użycie popularnych klas typu .container nadpisują wygląd całego serwisu
Wszystkie selektory CSS użyte w kodzie powinny odnosić się do klas użytych w kodzie html dostarczonego kodu. Nie można stosować selektorów znaczników, umieszczać resetów CSS. Klasy powinny mieć unikalny sufix lub prefix, który pozwoli uniknąć konfliktów z popularnymi nazwami klas np. container, .item, .box itp
Strona nie może zawierać linków kierujących poza serwis euro.com.pl
Teksty powinny być pisane, nie mogą być grafiką
Osadzenie produktów na stronie Landing Page jest po stronie Euro, wygląd i działanie bloczków produktowych jest ustalony i nie może być zmieniany. Najlepiej gdyby w kodzie pozostało puste miejsce na wdrożenie produktów.
Wszystkie inputy użyte w kodzie powinny mieć klasę noSafari
Specyfikacja techniczna banerów