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.
Nejdříve si v sekci „Vzhled“ vybereme šablonu s názvem 159a.
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í“.
Nejprve si smažeme všechny přednastavené prvky. Vždy klikneme na červený koš a stiskneme „OK“.
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.
Klikneme na zelené plus a přidáme „Sloupec“.
Šířku sloupce nastavíme na hodnotu 4 a počet buněk na 5.
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“.
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í.
Nyní bychom v administraci měli vidět následující rozmístění prvků:
Vedle obrázku vložíme „Titulek“ se střední velikostí a šířkou 4.
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ů:
Vedle sloupce klikneme na zelené plus a přidáme „Nákupní košík“.
Klikneme na záložku „Pokročilé“ a přidáme „Nákupní košík“, prvek jako vždy uložíme.
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“.
Výborně, nyní máme záhlaví nastaveno.
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í“.
Název rubriky „O nás“ můžeme kdykoli změnit pomocí žlutého ozubeného kolečka v „Nastavení“.
Nejprve si smažeme všechny přednastavené prvky. Vždy klikneme na červený koš a stiskneme „OK“.
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.
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.
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“.
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“.
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ží“.
Nyní se nám zobrazí karta produktu pro vyplnění potřebných informací. Kartu vyplníme a uložíme.
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.
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:
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“.
Pomocí žlutého ozubeného kolečka vpravo nastavíme počet buněk a šířku na hodnotu 1.
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“.
Pomocí zeleného plus pod titulkem přidáme „Menu„“. Jeho šířku nastavíme na hodnotu 1 a pro „Styl zobrazení“ vybereme „Vertikální“.
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.
Podle potřeb můžeme text různě naformátovat.
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.
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í“.
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.
Poté klikneme na žluté ozubené kolečko a nastavíme počet buněk na 3.
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.
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ý“.
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.
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.
Do posledního sloupce vložíme Facebook tlačítko. Klikneme na zeleného plus a vložime „Facebook LikeBox“.
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.
Gratulujeme, nyní máte nastavený vzhled přesně podle stránky woodtoy.cz.