Grafická šablóna Barcelona, rovnako ako ďalšie šablóny BiznisWebu, sa skladá z rôznych oblastí, v ktorých sú vložené bloky. Prečítajte si, ako fungujú:
Zoznam tém:
Pozície oblastí v šablóne Barcelona #
Oblasti a ďalší obsah v hlavičke stránky #
V hlavičke stránky šablóny Barcelona sú 4 oblasti, no žiadna z nich nemusí byť naplnená blokom. Okrem toho sú tu Logo a systémové komponenty Prihlásenie, Vyhľadávanie, Malý košík a Vlajky jazykov. Systémové komponenty sa nastavujú v Design > Logo alebo Design > Komponenty.
Oblasti v hlavičke v šablóne Barcelona sú taktiež editovateľné.
Oblasť Hlavička #
V oblasti Hlavička, podobne ako v ostatných grafických šablónach na BiznisWebe, sa zobrazí iba prvý blok typu Dynamický banner. Je odporúčané pripraviť si obrázky bannera aj pre mobilnú verziu pre lepšie zobrazenie na menších šírkach. Šírka bannera je 1920px, výška je nastaviteľná. Pre mobilné zariadenia sa nastavuje veľkosť podľa pomeru strán, v zásade stačí 600x600px, ak dávame banner 1:1.
Oblasť Hlavné menu #
Stránka musí mať hlavné menu, može sa vygenerovať automaticky - zložené z viditeľných stránok. Na prvé miesto je pridaná ikona domčeka, ktorá vedie na titulnú stránku e-shopu, webstránky, resp. jazykovej verzie. Ak je v Design > Komponenty zapnuté menu kategórií, na druhom mieste v menu sa zobrazí položka Produkty. Na mobilnej šírke sa aktivuje klasickým tlačidlom s tromi čiarkami (tzv. hamburgerové menu). Ak je v menu na desktope príliš veľa položiek, tak sa menu skráti a pribudne na koniec rozklikávacie tlačidlo so zostávajúcimi položkami. Ak sú systémové komponenty (košík, prihlásenie) vypnuté, tak je na menu vyhradená väčšia šírka. Toto môžete nastaviť, ak nemáte e-shop, ale len prezentačnú stránku.
Kto chce mať väčšiu kontrolu na položkami hlavného menu, môže do Oblasti Hlavné menu vložiť blok Navigácia, kde môže vyplniť ľubovoľné stránky alebo produktové kategórie. Z hľadiska dizajnu a spomínaných vlastností bude hlavné menu vyzerať úplne rovnako.
Oblasť Nad hlavičkou vpravo #
Oblasť je určená primárne pre blok Navigácia, bez podstromu. Na mobilnom zobrazení sa zobrazuje pod hlavným menu a prípadne obsahuje aj Vlajky jazykov. Iný blok sa v tejto oblasti nezobrazí.
Oblasť Nad hlavičkou uprostred #
Do oblasti môžete v ideálnom prípade vložiť blok Výhody, ktorý tu má špecialne zobrazenie. Inak je možné vložiť ľubovoľný blok, odporúčame využiť blok Navigácia a Text.
Oblasti v hlavnom obsahu #
Hlavný obsah poníma len 2 oblasti a to Obsah a oblasť Nad pätičkou.
Oblasť Obsah #
Z hľadiska grafickej šablóny Barcelona je podstatné spomenúť zarovnanie blokov, ktoré nezaberajú plnú šírku. To nie je typické na stred, ale naľavo. Ak chcete mať na konkrétnej stránke takéto bloky zarovnané na stred, nastavte stránke vo Vlastnosti stránky triedu pageCenter.
Ak chcete takto zarovnať len nejaký konkrétny blok, nastavte triedu blockCenter.
Oblasť Nad pätičkou #
Správa sa podobne ako oblasť Obsah, no má špeciálne farebné pozadie založené na Nastavovanej farbe Akcent a premennou z Design > Nastavenia šablóny, bodu "Intenzita zvýraznenia tlačidiel na prechod myšou a ďalších elementov". Aj tu je vhodné vložiť blok Výhody, ktorý tu má špeciálne zobrazenie.
Podobne ako v šablóne Paris, medzi pätičkou stránky a oblasťou Nad pätičkou je ešte komponent Odber noviniek (Newsletter), ak je zapnutý v Design > Komponenty.
Oblasti v pätičke stránky #
Pätička stránky obsahuje oblasti Pätička stĺpec 1 až 5 a Pod pätičkou. Počet stĺpcov je možné upraviť v Design > Nastavenia šablóny, bod "Počet stĺpcov v patičke stránky".
Stĺpce pätičky zvládajú všetky bloky, no ideálne je tu dávať kratšie bloky Navigácia, Sociálne siete, Výhody alebo Textové bloky. Určite sa sem hodia aj Mapové bloky a blok Facebook.
Do oblasti Pod pätičkou je ideálny blok Sociálne siete, ktorý ma v tejto oblasti zväčšené ikonky, takže sa dobre hodí aj s triedou iconOnly (zobrazené iba ikonky).