Systém na rýchle vytvorenie webových stránok alebo e-shopov

Ako upraviť design www stránky v šablóne Flox 2.0

Späť na kategóriu

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

š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 %, ale môžete si vybrať aj 100 percentný náhľad stránky a dokonca, mobilnú verziu stránky.

Náhľad zmien designu, webdesign, webdizajn

  • 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ť Publikácia zmien designu, webdesign, webdizajn. 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žú.

tipTIP: 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.

prehľad zmien v designe www stránky



Ú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" ako 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ť)


vloženie obrázka do hlavičky

  • 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 šípky šípky pre posunutie obrázka v 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.

Pozadie hlavičky

 

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"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ť).  

Pozadie stránky

 

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.

Farba tlačidiel a komponentov

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, FLOX vám odporučí konkrétnu farebnú kombináciu pre menu = odporúčané farby.

farba menu 

Môžete tu aktivovať / deaktivovať vyskakovacie bočné menu:

  • Aktívne bočné vyskakovacie menu:

Aktívne vyskakovacie menu

  • Deaktivované vyskakovacie menu:

Neaktívne vyskakovacie menu

 

Rozloženie stránky

Redakčný systém Flox 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.

Rozloženie stránky

Ší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.

šírka stránky

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.


Viditeľnosť komponentov

 


tipTIP:

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Ť.

 

tipPrihlásenie môžete nastaviť aj cez hyperlinku. (Napríklad, ak chcete mať možnosť prihlásenia prístupnú iba na stránke Veľkoobchod):

Pre jazykové verzie platí napríklad:

 


 

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:

Prihlásenie, registrácia, vyhľadávanie, nákupný košík

 

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


nákupný košík, výsuvné okno

3. ako samostatná stránka

Nákupný košík na samostatnej stránke

 

Chcete sa ešte na niečo opýtať? Napíšte nám:

Prihlásenie (Flox 2)

Vyskúšajte web alebo e-shop zdarma

Výber designu:

Adresa stránok s koncovkou .flox.sk je zdarma. Adresu môžete kedykoľvek zmeniť na tvar bez koncovky .flox.sk zakúpením alebo presmerovaním vlastnej domény.
Stlačením tlačidla súhlasíte s obchodnými podmienkami BiznisWeb.sk.

Vyberte si prosím niektorú z pripravených šablón.
Design stránok môžete kedykoľvek zmeniť v administrácii, kde
nájdete bohaté možnosti prispôsobenia šablón.
Radi Vám vytvoríme aj unikátny design na mieru.

Táto stránka používa cookies. Viac info