Vytvořte si web woodtoy.cz
Chcete si založit eshop a prodávat online? Inspirujte se ukázkovým webem woodtoy.cz a nastavte si tento vzhled pro své webové stránky. Přinášíme Vám návod na to, jak si tento web vytvořit.
Home   Drevenehracky.jpg
Nejdříve si v sekci Vzhled vybereme šablonu s názvem 159a.
vzhledy_wood.png

Nastavení záhlaví

Začneme horní částí webu, která se nazývá „Záhlaví. Na webu woodtoy.cz obsahuje logo, název eshopu, menu a nákupní košík.
1. vymazání přednastavených prvků
Nejprve zvolíme v sekci Obsah kolonku Záhlaví.
023.png
Nejprve si smažeme všechny přednastavené prvky. Vždy klikneme na červený koš a stiskneme „OK“.
smazání_záhlaví.png
2. rozmístění prvků v záhlaví
Klikneme na žluté ozubené kolečko a šířku záhlaví nastavíme na hodnotu 1 a u počtu buněk zvolíme 5.
záhlaví.png
024.png
Klikneme na zelené plus a přidáme Sloupec.
026.png
002.png
Šířku sloupce nastavíme na hodnotu 4 a počet buněk na 5.
027.png
3. prvky v záhlaví
Nyní přidáme do záhlaví obrázek tak, jako je to na webu woodtoy.cz. Klikneme na zelené plus ve sloupci a přidáme „Obrázek.
029.png
Jeho šířku nastavíme na hodnotu 1 a pro „Způsob zobrazení“ vyberem „Původní velikost“. Do kolonky pro odkaz vložíme lomítko „/“, díky kterému nás tento obrázek bude vracet vždy na úvodní stránku webu. Pokud lomítko nevložíme, obrázek se nám po kliknutí myší rozbalí.
003.png
Nyní bychom v administraci měli vidět následující rozmístění prvků:
050.png
Vedle obrázku vložíme Titulek se střední velikostí a šířkou 4.
028.png
TIP: Pokud chcete mít název webu na více řádků, vložte mezi slova znak "<br>". Na ukázkovém webu je nastaveno "HRAČKY <br> NAŠÍ KAČKY".
Pokud jsme vše správně nastavili, zobrazí se nám následující rozmístění prvků:
navíc.png
Vedle sloupce klikneme na zelené plus a přidáme Nákupní košík.
031.png
Klikneme na záložku Pokročilé a přidáme Nákupní košík, prvek jako vždy uložíme.
004.png
Nyní klikneme na zelené plus vlevo dole a přidáme Menu. Jeho šířku nastavíme na hodnotu 6 a pro Styl zobrazení zvolíme Horizontální-záložky. V záložce Rozšířené nastavíme Zvýraznění na Vzor 4.
030.png
005.png
Výborně, nyní máme záhlaví nastaveno.
006.png

Nastavení hlavní stránky

Nyní si nastavíme hlavní stránku, tedy to, co na našem webu uvidí naši návštěvníci jako první.
1. vymazání přednastavených prvků
Klikneme na „Obsah“ a poté na rubriku „O nás“, která je automaticky nastavena jako výchozí. Více o tom, jak si nastavit rubriku jako výchozí se dozvíte v našem videu na YouTube.

Název rubriky O nás můžeme kdykoli změnit pomocí žlutého ozubeného kolečka v „Nastavení“.
007.png
Nejprve si smažeme všechny přednastavené prvky. Vždy klikneme na červený koš a stiskneme „OK“.
smazání_onás.png
2. rozmístění prvků
Klikneme vpravo na žluté ozubené kolečko a nastavíme počet buněk na hodnotu 2, šířku necháme na 1.
032.png
033.png
3. prvky na hlavní stránce
Nyní přidáme na hlavní stránku obsah. Klikneme na zelené plus a přidáme Formátovaný text, jeho šířku nastavíme na hodnotu 1 a napíšeme do něj potřebné informace.
034.png
035.png
Klikneme na zelené plus vpravo vedle textu a vložíme „Obrázek“. Pomocí tlačítka „Vyberte obrázek“ v záložce „Základní“ nahrajeme soubor s obrázkem.

Poté klikneme na záložku „Rozšířené“ a nastavíme paramtery obrázku. Jeho šířku nastavíme na hodnotu 1, u „Způsobu zobrazení“ zvolíme „Původní velikost“ a zarovnáme „Na střed“.
010.png
009.png
Pod tyto prvky můžeme posléze přidávat produkty, které budeme chtít na eshopu prodávat. Zboží na hlavní stránku přidáme tak, že klikneme na zelené plus vpravo a zvolíme Zboží.
037.png
Nyní se nám zobrazí karta produktu pro vyplnění potřebných informací. Kartu vyplníme a uložíme.
038.png
Stejným způsobem přidáme další produkty. Rozmístění a pořadí produktů si můžeme kdykoli upravit pomocí žlutého ozubeného kolečka.
039.png
Pokud si přejete mít zboží rozmístěné zboží tak, jako je tomu na webu woodtoy.cz, zvolte dělení obsahu na tři sloupce:
zbozi.png

Nastavení levého sloupce

Další krokem k vytvoření webu woodtoy.cz je nastavení levého sloupce. Ten funguje jako navigace a návštěvníka stránek ihned informuje o tom, co vše se na tomto eshopu prodává.
1. rozvržení prvků v levém sloupci
Klikneme na Obsah a vybereme položku Levý sloupec.
011.png
Pomocí žlutého ozubeného kolečka vpravo nastavíme počet buněk a šířku na hodnotu 1.
040.png
2. obsah v levém sloupci
Klikneme na zelené plus a přidáme Titulek s textem „Kategorie. Jeho šířku nastavíme také na 1, velikost zvolíme Malý a zvýrazníme Vzorem 1.
012.png
041.png
Pomocí zeleného plus pod titulkem přidáme Menu„“. Jeho šířku nastavíme na hodnotu 1 a pro Styl zobrazení vybereme Vertikální.
013.png
042.png
Pokud jste si založili úplně nový web, máte předvytvořený pouze jeden kořen menu a proto se Vám nyní zobrazuje stejné menu v záhlaví i v levém sloupci. Pokud si chcete vytvořit nové menu pro levý sloupec, doporučujeme článek o Menu.
Dále opět pomocí zeleného plus vložíme Formátovaný text s šířkou 1 a zvýrazněním Vzor 4. Napíšeme do něj libovolný text, který chceme, aby se zobrazoval pod menu.
044.png
Podle potřeb můžeme text různě naformátovat.
043.png
022.png
Dále klikneme na zelené plus a přidáme Sloupec. Jeho šířku nastavíme opět na hodnotu 1, počet buněk nastavíme na 2.
045.png
014.png
Do tohoto sloupce pak vložíme libovolný počet obrázků, u kterých pro Způsob zobrazení zvolíme V plném rozlišení.
021.png
Nyní máme Levý sloupec nastavený.

Nastavení zápatí

V Obsahu zvolíme Zápatí a opět smažeme všechny přednastavené prvky pomocí žlutého ozubeného kolečka.

Poté klikneme na žluté ozubené kolečko a nastavíme počet buněk na 3.
046.png
Dále přidáme tři sloupce vedle sebe pomocí zeleného plus. Vždy s šířkou 1 a počtem buněk také 1.
016.png
Klikneme na vyznačené zelené plus ve sloupcích a do každkého přidáme „Titulky s šířkou 1 a u velikosti zvolíme možnost Malý.
047.png
048.png
017.png
Po uložení můžeme libovolně měnit text v titulcích. Na našem ukázkovém je zde napsáno „Menu“ a „Kontakt“.

Pod první sloupec vložíme „Menu“. Pro „Styl zobrazení“ nastavíme „Vertikální - odkazy“ a šířku 1. Pod druhý sloupec vložíme „Formátovaný text“ s libovolným obsahem.
051.png
018.png
Do posledního sloupce vložíme Facebook tlačítko. Klikneme na zeleného plus a vložime „Facebook LikeBox“.
049.png
019.png
Aby nám tento Facebook prvek fungoval, ujistíme se, že v záložce „Nastavení“ máme v sekci Vaše stránka na Facebooku vložený odkaz na naše Facebook stránky.
020.png
Gratulujeme, nyní máte nastavený vzhled přesně podle stránky woodtoy.cz.
29.01.2016 11:50:59
Tým Webgarden
Name
Email
Comment
Or visit this link or this one