E-commerce webová šablona - pokyny pro webdesignera
Plná funkčnost šablony je implementována na adrese e-commerce1.1store.eu/.
1/ Barvy
Primární barva je sdílená pro:
- hlavní menu (lišta s popup submenu)
- zpětné odkazy
- odrážky listovaných seznamů
- grafické linky nadpisů
- základní html elementy
Grafik by měl dodat hexa kód barvy.
Sekundární barva je sdílená pro:
- ikony
- tlačítka
- overstavy odkazů
- onfocus u formulářů
Grafik by měl dodat hexa kód barvy.
Terciální barva je určena pro barvu pozadí patičky
Grafik by měl dodat hexa kód barvy.
Kvartální barva je určena pro barvu textu patičky
Grafik by měl dodat hexa kód barvy.
Barva pozadí je vždy bílá
2/ Obrázky
- Pod celou hlavičku s logem lze umístit pozadí (o rozlišení 1170x160)
- Nadvrstva pozadí hlavičky je vložení loga, to má vymezen maximální prostor 360x160
- Vložení pozadí pro content část na úvodní stránce nad patičkou, doporučené rozlišení 1920x415 (fullsite)
- Patička může mít místo barvy obrázek rozlišení 1170x115
- V rozliklé obsahové části kategorií (ne e-shop) pod H1 je možné zobrazit overlay obrázek 1920x190
3/ Slider
- Obrázky pro slider musí být včetně textu (jde nastavit u každého obrázku kam bude slider odkazovat)
- Rozlišení slideru je 770x370
4/ Banner na úvodní stránce
- Rozlišení baneru je 370 x 370
- Do prostoru 370x370 je však možné vložit jakýkoliv jiný obsah (více banerů, texty, odkazy, formuláře, atp.)
- Prostor je editován WYSIWYG editorem
5/ Písmo
- Výchozí typ fontu je: Arimo
- Pomocný font pro nadpisy a zvýrazněné textové prvky: Ubuntu
- Fonty jsou Google Fonts
- Nastavení hlavního i pomocného písma lze měnit
6/ Layout
- Šablona umožňuje nastavit šířku stránky (do pevné bloku / fullsite)
- Rozliklé stránky mohou mít levý nebo pravý sloupec s boxy (submenu, sociální sítě, filtry, atp.)
- Pravý nebo levý sloupec lze úplně vypnout = omezí se tím však funkčnost šablony
- Šablona není záměrně responzivní, ale obsahuje zvlášť verzi pro mobilní telefony a tablety
(responzivní šablony nezobrazovaný obsah pouze pro zařízení skrývají a tím se musí načítat stejně obsah dat jako u plné verze. V našem případě jde opravdu o ořezané verze, kód je jednodušší, menší, rychlejší)
Zpět