Ako upraviť design web stránky v šablóne Flox 2.0
Vzhľad web stránky môžete kedykoľvek sami zmeniť v administrácii aj po vytvorení stránky.
Tento návod sa týka staršej šablóny Flox 2.0. Neviete, ktorú šablónu používate? Pozrite sa do NASTAVENIA / VŠEOBECNÉ. Mali by ste tu mať zakliknutý Typ šablóny - Flox 2.0
V administrácii systému, v sekcii DESIGN môžete meniť vzhľad designu.
Dokážete zmeniť:
- hlavičku
- farbu pozadia, farbu tlačidiel, komponent a postranných stĺpcov
- farbu a textúru menu, aktivácia vyskakovacieho menu, odporúčané farby menu
- rozloženie stránky (umiestnenie menu, hlavičky, bočných stĺpcov a hlavného stĺpca)
- šírku - výšku hlavičky, šírku bočných stĺpcov a hlavného stĺpca
- viditeľnosť komponentov (panel s prihlásením, vyhľadávaním, nákupný košík, vlajky jazykov, drobková navigácia pre stránky, odber noviniek, menu s kategóriami e-shopu)
V pravej časti sekcie Design vidíte, ako bude Vaša stránka vyzerať po zmene. Prednastavený je náhľad 50 percentný, ale môžete si vybrať aj 100 percentný náhľad stránky a dokonca, mobilnú verziu stránky.
- Prejdite myšou do časti s náhľadom.
- V pravom hornom rohu sa objaví menu (50 %, 100 %, Mobil a znovu-načítanie náhľadu = zelená šípka ) Pri voľbe "Mobil" vpravo dole nájdete ešte výber typu mobilného zariadenia - iPhone, Android, Windows Phone.
- Ak vykonáte zmeny designu (či už hlavičky, pozadia, rozloženia, šírky stránky alebo komponentov) nezabudnite vpravo hore v náhľade zmien designu kliknúť na Hotovo-Publikovať
. Inak sa zmeny na web stránke neprejavia.
- Pokiaľ chcete náhľad vrátiť do stavu pred zmenamy, zvoľte možnosť "Vrátiť zmeny". Všetky zmeny, ktoré ste vykonali od posledného publikovania sa zmažú.
TIP: Ak chcete vrátiť späť niektorú zmenu a ostatné ponechať, po kliknutí na HOTOVO. PUBLIKOVAŤ! sa objaví prehľad Vami vykonaných zmien od posledného uloženia. Konkrétnu zmenu obnovte podľa nastavení, ktoré vidíte v stĺpci PÔVODNÉ NASTAVENIE.
Úprava hlavičky
Funkcie na úpravu hlavičky nájdete v sekcii Design, záložka Hlavička
Obrázok hlavičky zmeníte:
1. Výberom z množstva šablón v administrácii zoradených do kategórií: Valentín, Veľkonočné, Vianoce, Dovolenka, Autá, Budovy, Biznis a Obchod, Poľnohospodárstvo, Vzdelanie, Zdravie a krása, Príroda, Ľudia, Šport, Technológie, Abstraktné, Jedlo a pitie.
2. Nahraním vlastnej hlavičky.
Kliknete na "Upraviť hlavičku" .
V záložke "Obrázok" hlavičku nahráte pomocou tlačítka "Vybrať" (Obrázok hlavičky musíte nahrať na server z Vášho PC, buď cez sekciu "Súbory", alebo priamo pri vkladaní (kliknete na Nahrať - Prechádzať, vyberiete obrázok, dáte Otvoriť a následne Nahrať)
- Obrázkom môžete pohybovať a tak ho umiestniť presne tam kam chcete.
Uchopíte obrázok (kliknete naň myšou a tlačítko myši nepustíte) v náhľade hlavičky a presuniete ho kam potrebujete. Alebo použite šípkyv pravom hornom rohu náhľadu.
- Šírka hlavičky je štandardne 980px. Výšku môžete meniť priamo v "Upraviť hlavičku" záložka "Obrázok", alebo v záložke "Šírka". Tu je možné zmeniť i šírku hlavičky. Jej šírka sa prispôsobuje šírke stránky.
- Veľkosť obrázka pomocou lišty Zväčšenie (%).
- Ak je obrázok menší ako rozmer hlavičky, ukáže sa pozadie hlavičky. Farbu pozadia môžete taktiež upraviť. Kliknutím na farebný štvorček v riadku "Farba pozadia" sa objaví farebná škála. Vyberiete farbu, odtieň a stlačíte OK.
Text v hlavičke:
Do hlavičky vkladáte Názov a Motto (Slogan) v záložke Hlavička, kliknete na "Upraviť hlavičku" (záložka Texty) .
Sem vložte názov Vašej firmy alebo e-shopu. Zvoľte správny slogan, stručne popíšte čím sa zaoberáte a nezabudnite použiť relevantné kľúčové slová. Rady ako správne vybrať kľúčové slová.
Texty môžete upravovať. Meniť typ, veľkosť, farbu písma a vytvoriť tieňovanie textu.
Farba pozadia a stĺpcov
Farbu pozadia a bočných stĺpcov upravíte v druhej záložke "Pozadie". Rovnaký odtieň pre pozadie aj stĺpce nastavíte tak, že skopírujete kód v okienku pre náhľad vybranej farby a vložíte ho do druhého (buď pre pozadie alebo stĺpce, podľa toho, ktorú farbu chcete kopírovať).
Môžete zmeniť i farbu tlačidiel a komponent. V ponuke sú odtieňe modrej, červenej a šedej. Zmenou farby tlačidiel sa zmenia i nadpisy, podnadpisy a podfarbenie rozcestníka.
Zmena sa ihneď prejaví vo veľkom náhľade napravo. Na verejnú stránku sa implementuje až po kliknutí na tlačítko "Hotovo. Publikovať!"
Farba a textúra menu
V záložke "Menu" môžete zmeniť farbu menu a vybrať k nemu textúru.
Ak si neviete vybrať z farebného spektra, INTEO vám odporučí konkrétnu farebnú kombináciu pre menu = odporúčané farby.
Môžete tu aktivovať / deaktivovať vyskakovacie bočné menu:
- Aktívne bočné vyskakovacie menu:
- Deaktivované vyskakovacie menu:
Rozloženie stránky
Systém INTEO ponúka mnoho rôznych kombinácií rozloženia hlavičky, menu, päty stránky, hlavného obsahového stĺpca a bočných stĺpcov. Nájdete ich v štvrtej záložke sekcie Design - Rozloženie.
- Môžete zvoliť rôzne rozloženie pre titulnú stránku a všetky ostatné stránky.
- Menu stránok je možné umiestniť nad hlavičku, ak zakliknete okienko "Menu nad hlavičkou".
- Stĺpec "Ľavý" alebo "Pravý" so šedým pozadím znamená, že v tomto stĺpci sa bude nachádzať menu kategórií produktov a komponenty.
- Rozloženie, ktoré máte práve aktívne má červené orámovanie.
Šírka
V záložke Šírka dokážete nastaviť šírku celej stránky a bočných stĺpcov i výšku hlavičky.
Štandardná šírka stránky je 980px.
Pre šírku stĺpcov i rozloženie platí, že môžu byť rozdielne pre titulku a pre ostatné stránky.
Šírku zmeníte:
1. rozkliknutím výberového menu, kde označíte jednu z hodnôt.
2. kliknutím do okienka s číslom v px, ktoré môžete prepísať na požadovanú hodnotu.
Viditeľnosť komponentov
Komponenty ako prihlásenie, vyhľadávanie, registrácia, vlajky jazykov, nákupný košík, odber noviniek, drobková navigácia pre stránky a menu kategórií produktov aktivujete / deaktivujete v záložke Komponenty.
TIP:
Skrytie prihlasovacieho formulára
Ak v komponentoch nastavíte PRIHLÁSENIE - SKRYTÉ, funkcia prihlásenia sa skryje na celom webe, teda aj v objednávkovom formulári.
Pokiaľ teda chcete, aby tlačítko prihlásenia bolo skryté, ale možnosť prihlásenia na webe zostala, odporúčame prihlásenie v komponentoch nechať zapnuté a skrytie nastaviť cez CSS.
V sekcii DESIGN - záložka KOMPONENTY vypnite HORNÝ PANEL S PRIHLÁSENÍM, vyhľadávaním a košíkom
V záložke CSS doplňte jeden z kódov pre skrytie:
#left > .formLogin {display:none;} - ak máte prihlásenie v ľavom stĺpci
#right > .formLogin {display:none;} - ak máte prihlásenie v pravom stĺpci
- tento kód skryje prihlásenie, aj registraciu/zabudnuté heslo a ak je klient prihlásený, tak aj odhlásenie.
- kliknite na HOTOVO, PUBLIKOVAŤ.
Prihlásenie môžete nastaviť aj cez hyperlinku. (Napríklad, ak chcete mať možnosť prihlásenia prístupnú iba na stránke Veľkoobchod):
- URL adresa prihlasovacieho formulára bude potom v tvare:
- www.mojweb.sk/e/login/login_page
- Odhásenie: www.mojweb.sk/e/login/logout
- Registrácia: www.mojweb.sk/e/account/register
Pre jazykové verzie platí napríklad:
- www.mojweb.sk/cz/e/account/register - ak má slovenský web českú jazykovú verziu.
Ak deaktivujete horný panel s prihlásením, registráciou, vyhľadávaním a nákupným košíkom, tieto komponenty sa presunú do bočného stĺpca:
Pre prihlásenie, nákupný košík a registračný formulár máte na výber 3 možnosti zobrazenia:
1. skyté
2. ako výsuvné okno
3. ako samostatná stránka