Šablóna Verona - základné informácie

Šablóna Verona poskytuje mnoho nastavení, vďaka ktorým si môžete upraviť vzhľad eshopu podľa svojich predstáv. V šablóne sú k dispozícií aj ďalšie oblasti a doplňujúce triedy pre systémové bloky, ktoré umožňujú dodatočne upraviť vzhľad a tým ešte zlepšiť dojem z eshopu.

Pozri si šablónu Verona

Šablónu Verona je potrebné si aktivovať podľa návodu na nastavenie šablóny stránky.

Úpravy vzhľadu je ďalej možné upravovať v sekcii Design.

Logo

Pri obrázkovom logu platí, aký obrázok si do loga nastavíte, taký sa bude zobrazovať na stránke. Vďaka tomu je možné používať aj logo v SVG formáte. Obrázok sa potom na stránke zobrazí vo vopred vymedzenom priestore pre logo.

Veľkosť loga závisí od zvoleného rozloženia hlavičky.
Pre rozloženie 1, 2 a 3 je veľkosť loga na PC 320x84px
Pre rozloženie 4 a 5 je veľkosť loga na PC 184x68px

Ak nie je nastavený obrázok, zobrazuje sa textové logo. Súčasne nie je možné používať aj textové aj obrázkové logo.

Farby

Pomocou nastavenia farieb v sekcií Design > Farby si viete upraviť farebnosť stránky podľa Vašich potrieb. Farby odporúčame nastaviť nasledovne:

• Farba zvýraznenia – používa sa ako farba textových odkazov, tlačidiel, orámovania prvkov na ktoré je možné kliknúť a ako farba iných aktívnych prvkov. Odporúčame použiť výraznú farbu.
• Stredne silné zvýraznenie – používa sa ako konverzná farba - tlačidlo Do košíka a všetky tlačidlá, ktoré súvisia s pokračovaním v objednávke. Odporúčame použiť výraznú farbu.
• Jemné zvýraznenie – farba sa používa ako pozadie odkazov v dropdown ponukách, ako pozadie niektorých blokov a ako pozadie hornej lišty v hlavičke 1 a 2. Odporúčame bledú farbu podľa farby zvýraznenia, alebo šedú farbu.
• Hlavné pozadie – pozadie stránky. Odporúčame bielu farbu.
• Pozadie menu – používa sa len v hlavičkách 2, 3 a 5. Nastavuje pozadie hlavičky alebo menu na PC. Automaticky sa nastaví kontrastná farba pre odkazy v menu a ikony v hlavičke (pre tmavú sa nastaví biely text, pre bledú tmavý text).
• Pozadie pätičky – nastavuje pozadie pätičky.
• Farba rámčekov – nastavuje farbu rámčekov. Odporúčame tmavšiu ako farba jemného zvýraznenia.
• Text – nastavuje farbu textu na stránke.
• Text v pätičke – nastavuje farbu textu v pätičke stránky

Písmo

Šablóna Verona má automatické veľkosti písma. Je možné vybrať vlastný font písma pre nadpisy H1, H2, H3 a text obsahu stránky.

Hlavička stránky

V sekcii Design > Rozloženie > Hlavička je možné vybrať z niekoľkých rozložení pre hlavičku, ktoré šablóna Verona ponúka. Rozloženia sa líšia farbou a rozložením prvkov v hlavičke.

Hlavička 1 – pozadie je biele, lišta nad hlavičkou má ako pozadie farbu Jemné zvýraznenie. Farba položiek menu je odvodená z farby zvýraznenia.

Hlavička 2 – pozadie je biele, lišta nad hlavičkou má ako pozadie farbu Jemné zvýraznenie. Pozadie položiek menu je nastavené farbou Pozadie menu, farba odkazov sa nastaví automaticky ako kontrastná.

Hlavička 3 – pozadie hlavičky používa farbu Pozadie menu a lišta nad hlavičkou je čierna. Farba menu a ikoniek v hlavičke sa nastaví automaticky ako kontrastná.

Hlavička 4 – hlavička je v jednom riadku, pozadie je biele a lišta nad hlavičkou čierna. Farba položiek menu je odvodená z farby zvýraznenia.

Hlavička 5 – hlavička je v jednom riadku, pozadie hlavičky používa farbu Pozadie menu a lišta nad hlavičkou je čierna. Farba menu a ikoniek v hlavičke sa nastaví automaticky ako kontrastná.

Rozloženie stránky

Šablóna Verona podporuje iba rozloženie bez, alebo s bočným stĺpcom. Rozloženie je možné nastaviť v Design > Rozloženie > Stĺpce. Je možné nastaviť samostatné rozloženie pre titulku a ostatné stránky. Stránka košíka a objednávka sa zobrazujú automaticky bez bočných stĺpcov.

Šírka bočného stĺpca je cca 20 % šírky monitora. Bočný stĺpec sa ukáže až nad 1000px a má maximálnu šírku 280px.

Na stránky je možné použiť triedu (class) noSidebar - táto trieda zobrazí stránku bez bočného stĺpca, aj keď je aktívne rozloženie s bočným stĺpcom. Ak je trieda noSidebar vložená v kategórii, tak kategória, ani produkty, ktoré majú kategóriu s touto triedou nastavenú ako hlavnú, nebudú zobrazovať bočný stĺpec, aj keď je aktívne rozloženie s bočným stĺpcom.

Ďalšie návody pre šablónu Verona