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.

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.

Nejprve zvolíme v sekci „Obsah“ kolonku „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.

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.

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.

Nyní si nastavíme hlavní stránku, tedy to, co na našem webu uvidí naši návštěvníci jako první.

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

Klikneme vpravo na žluté ozubené kolečko a nastavíme počet buněk na hodnotu 2, šířku necháme na 1.

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

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:

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

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.

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

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.

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.

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.