Grafická šablona Barcelona, stejně jako další šablony ByznysWebu, se skládá z různých oblastí, ve kterých jsou vloženy bloky. Přečtěte si, jak fungují:
Seznam témat:
Pozice oblastí v šabloně Barcelona #
Oblasti a další obsah v hlavičce stránky #
V hlavičce stránky šablony Barcelona jsou 4 oblasti, ale žádná z nich nemusí být naplněna blokem. Kromě toho zde jsou Logo a systémové komponenty Přihlášení, Vyhledávání, Malý košík a Vlajky jazyků. Systémové komponenty se nastavují v Design > Logo nebo Design > Komponenty.
Oblasti v hlavičce v šabloně Barcelona jsou také editovatelné.
Oblast Hlavička #
V oblasti Hlavička, podobně jako v ostatních grafických šablonách na ByznysWebu, se zobrazí pouze první blok typu Dynamický banner. Je doporučeno připravit si obrázky banneru i pro mobilní verzi pro lepší zobrazení na menších šířkách. Šířka banneru je 1920px, výška je nastavitelná. Pro mobilní zařízení se nastavuje velikost podle poměru stran, v zásadě stačí 600x600px, dáváme-li banner 1:1.
Oblast Hlavní menu #
Stránka musí mít hlavní menu, které se může generovat automaticky - skládá se z viditelných stránek. Na první místo je přidána ikona domečku, která vede na titulní stránku e-shopu, webové stránky nebo jazykové verze. Pokud je v Design > Komponenty zapnuté menu kategorií, na druhém místě v menu se zobrazí položka Produkty. Na mobilní šířce se aktivuje klasickým tlačítkem se třemi čárkami (tzv. hamburgerové menu). Pokud je v menu na desktopu příliš mnoho položek, menu se zkrátí a na konci se zobrazí tlačítko s rozbalením zbylých položek. Pokud jsou systémové komponenty (košík, přihlášení) vypnuty, je menu širší. To můžete nastavit v případě, že nemáte e-shop, ale jen prezentační stránku.
Kdo chce mít větší kontrolu nad položkami hlavního menu, může do oblasti Hlavní menu vložit blok Navigace, kde může vyplnit libovolné stránky nebo produktové kategorie. Z hlediska designu a zmíněných vlastností bude hlavní menu vypadat úplně stejně.
Oblast Nad hlavičkou vpravo #
Oblast je primárně určena pro blok Navigace, bez podstromu. Na mobilním zobrazení se zobrazuje pod hlavním menu a může obsahovat také Vlajky jazyků. Jiný blok se v této oblasti nezobrazí.
Oblast Nad hlavičkou uprostřed #
Do oblasti můžete v ideálním případě vložit blok Výhody, který zde má speciální zobrazení. Jinak je možné vložit libovolný blok, doporučujeme využít blok Navigace a Text.
Oblasti v hlavním obsahu #
Hlavní obsah má pouze 2 oblasti, a to Obsah a oblast Nad patičkou.
Oblast Obsah #
Z hlediska grafické šablony Barcelona je důležité zmínit zarovnání bloků, které nezabírají plnou šířku. To není typické uprostřed, ale vlevo. Pokud chcete mít na konkrétní stránce takové bloky zarovnané uprostřed, nastavte stránce ve Vlastnosti stránky třídu pageCenter.
Pokud chcete zarovnat pouze konkrétní blok, nastavte třídu blockCenter.
Oblast Nad patičkou #
Chová se podobně jako oblast Obsah, ale má speciální barevné pozadí založené na Nastavitelné barvě Akcent a proměnné z Design > Nastavení šablony, bodu „Intenzita zvýraznění tlačítek na přechod myší a dalších elementů". I zde je vhodné vložit blok Výhody, který zde má speciální zobrazení.
Stejně jako v šabloně Paris, mezi patičkou stránky a oblastí Nad patičkou je ještě komponenta Odběr novinek (Newsletter), pokud je zapnutá v Design > Komponenty.
Oblasti v patičce stránky #
Patička stránky obsahuje oblasti Patička sloupec 1 až 5 a Pod patičkou. Počet sloupců lze upravit v Design > Nastavení šablony, bod "Počet sloupců v patičce stránky".
Sloupce patičky zvládnou všechny bloky, ale ideální je sem umístit kratší bloky Navigace, Sociální sítě, Výhody nebo Textové bloky. Sem se určitě hodí i Mapové bloky a blok Facebook.
Pro oblast Pod patičkou je ideální blok Sociální sítě, který zde má zvětšené ikony, takže se dobře hodí i s třídou iconOnly(zobrazeny pouze ikony).