V tomto dílu si ukážeme, jak si v eshopu vytvořit základní obsahovou strukturu. Pro jistotu připomínáme, že nejprve se musíme přihlásit na adrese www.webgarden.cz svojí emailovou adresou a heslem.
11.png
Smažeme ukázky
Začneme - možná trochu nečekaně - mazáním veškerého obsahu. Webgarden nám stránky vyplnil ukázkovým obsahem. My si ale ukážeme přidání obsahu postupně.
Nejprve smažeme všechny rubriky. Na záložce Obsah vybereme v obsahovém stromě Obsah > Rubriky > Domů. V pravé horní části pak klikneme na tlačítko Smazat. Potvrdíme. Stejný postup opakujeme pro další rubriky Speciální nabídky a Nákupní řád. Přejdeme ve stromě k Obsah > Produkty > Produkty A a postup opakujeme pro rubriky s produkty.
12.png
Tip: Vše co nalezneme ve stromě pod větví Obsah (tady Rubriky a Produkty) tvoří databázi obsahu Vaší stránky. Můžete zde vytvořit neomezené hierarchie rubrik (a sekcí rubrik). Rubriky jsou uložené v databázi, ale dokud na ně někde neodkážeme, na stránkách se nezobrazí. K jejich zobrazení musíme na stránky vložit prvek Menu.
Přejdeme do větve stromu Struktura webu > Záhlaví. Zde nemáme žádné rubriky, ale zato najdeme na stránce ukázky multimediálního obsahu neboli prvků obsahu. Ty ze stránky smažeme postupně tak, že nad ně najedeme myší, objeví se kontextové ikonkové menu a symbolem červeného koše prvky postupně promažeme.
13.png
Tip: Vše co nalezneme ve stromě pod větví Struktura tvoří plošné rozvržení Vaší stránky. V současné době máte k dispozici 5 bloků - Záhlaví, Zápatí, blok Levých a Pravých panelů a středovou obsahovou část, která je však zobrazena vždy automaticky. Každý z prvních 4 bloků může také obsahovat rubriky, dokumenty a multimédia, rozklikávají se ale vždy do středového bloku.
Postoupíme do Struktura webu > Levé panely a smažeme opět všechny prvky. Stejně tak v Pravých panelech. Nakonec rozklikneme Struktura webu > Zápatí a symbolem červeného koše opět odstraníme poslední panely.
14.png
Abychom obsah ze stránek zcela odstranili, vysypeme ještě Koš. Ten najdeme v obsahovém stromu v Ostatní > Koš. Rozklikneme a v pravé části stiskneme tlačítko Vyprázdnit koš.
15.png
Tip: Koš je Vaší pojistkou pro případ, že některou rubriku nebo dokument smažete omylem. Při smazání je takový obsah přesunut do Koše. Dál je dostupný a ukrajuje z Vašeho datového prostoru. Pokud chcete obsah smazat trvale, Vyprázdněte koš. Pokud chcete obsah obnovit, doklikejte se k němu v Koši, přejděte na záložku Umístění a přesuňte obsah na nové místo.
Rubriky
Obvyklý Eshop nemá pouze jediné Menu se všemi rubrikami pohromadě. Takové Menu totiž na stránce působí nepřehledně a špatně se v něm orientuje. Je ideální, když pod sebou na jedné úrovni nemáte více než 7 položek. Je to individuální a není toho možné vždy docílit. Když máme zboží tříděné podle výrobce a výrobců je 30, tak nám asi jiná možnost nezbude.
Obecně je ale dobré, oddělit od sebe rubriky na základě významu. Do jedné skupiny soustředit samotné kategorie zboží, takovou skupinu můžeme nazývat třeba Produkty. Do druhé skupiny zařadíme hlavní rubriky prezentující Eshop jako takový, například titulní stránku nebo kontakt na prodejnu. Třetí skupinu ponecháme důležitým, ale málo navštěvovaným sekcím, jako např. Reklamační řád nebo Fakturační údaje.
V našem příkladu začneme Produkty, bude to jednoduché. Dejme tomu, že prodáváme hrnečky keramické, nerezové, skleněné a s motivem. Setrváme nadále v záložce Obsah a v obsahovém stromě vstoupíme do větve Obsah > Produkty. Po pravé straně klikneme na tlačítko + Rubrika.
16.png
Po tomto kliknutí se ocitneme v editaci nově vytvořené rubriky. Nejprve ji pojmenujeme kliknutím na žluté editační tlačítko u jejího titullku, zadáním jména „Keramika“ a uložením.
17.png
Poté klikneme v obsahovém stromě na sousedící odkaz „Nová rubrika“ a tím přidáme další prázdnou rubriku. Vstoupíme do ní a opět přejmenujeme, tentokrát na Nerez.
18.png
Totéž opakujeme pro nové rubriky Skleněné a S motivem. Nakonec bude vypadat naše administrace takto.
19.png
Teď by se nám hodilo dále rozvést sekci S motivem. Předpokládejme, že nabízíme hrnečky s mnoha motivy a že návštěvníci si budou chtít právě podle motivu vybírat. Webgarden umí rubriky dále větvit do podrubrik. Přidáme si tedy do sekce S motivem podrubriky - Květiny, Nápisy, Děti, Reklama a Abstraktní. A rovnou můžeme větvit dále. Abstraktní vybavíme dalšími podrubrikami - Orientální, Geometrie, Ostatní - a sekci Nápisy doplníme o podrubriky - České a Cizí.
Tip: Webgarden Vás neomezuje v množství vytvořených rubrik ani v hloubce jejich zanořování. Omezení ale spočívá v náročnosti na zobrazení na návštěvníkově počítači. Velké množství položek na stránce (více než 50) může být zvláště pro starší počítače velké sousto.
Vstoupíme do rubriky S motivem a v pravé části zvolíme tlačítko + Rubrika.
20.png
Opět se ocitneme uvnitř nové rubriky. Přejmenujeme ji na Květiny. Bezprostředně pod rubrikou Květiny nám přibude v obsahovém stromě odkaz Nová rubrika také na této úrovni. Kliknutím na něj postupně vytvoříme rubriky Nápisy, Děti, Reklama a Abstraktní. Nakonec bude vypadat naše administrace takto.
21.png
22.png
Zbývá doplnit poslední úroveň rubrik. Přejdeme do rubriky Nápisy a v pravé části stiskneme tlačítko + Rubrika. Vzniklou rubriku přejmenujeme na České. Na stejné úrovni vytvoříme obdobně rubriku Cizí. Nakonec ještě navštívíme rubriku Abstraktní a vytvoříme podrubriky Orientální, Geometrie a Ostatní. Pokud jsme postupovali správně, bude naše administrace vypadat takto.
23.png
Když si v této chvíli zobrazíme náš Eshop, žádné z rubrik na něm neuvidíme. Rubriky jsme totiž vytvořili pouze v databázi. Do stránek je vložíme za chvíli prvkem Menu, předtím ale musíme zvolit vhodné umístění. Ačkoliv se fantazii meze nekladou, zvolíme v tomto příkladu prověřené cesty - Menu s Produkty vložíme na stránky vlevo a rubriky v něm seřadíme pod sebe.
V obsahovém stromě vybereme Struktura - Levý sloupec a poněkud vpravo klikneme na velký symbol +.
24.png
Vyskočí nám Dialog výběru nového prvku. Klikneme na prvek Menu.
25.png
V dalším dialogu vybereme Kořen menu - Produkty. Hloubku menu nastavíme na 3, abychom viděli v menu také třetí úroveň rubrik. Styl ponecháme zatím na Vertikální. Uložíme.
26.png
Tip: Styl zobrazení menu Rozbalovací - na klientské stránce jsou zobrazeny pouze rubriky první úrovně. Rubriky dalších úrovní se objeví až po najetí myši na nadřazenou rubriku.
27.png
Znovu zobrazíme náš Eshop a měli bychom vidět obdobu této obrazovky.
28.png
Další rubriky
Nyní si vytvoříme druhou sekci rubrik, do které zařadíme obecné rubriky. V administraci - opět v záložce Obsah - vstoupíme do sekce rubrik Obsah > Rubriky. Kliknutím na titulek v pravé části celou sekci přejmenujeme na „O Eshopu“.
29.png
V pravé části pak klikneme na tlačítko + Rubrika. Nově vytvořenou rubriku pojmenujeme „Úvodní stránka“. Pak ještě klikneme v této rubrice na tlačítko Nastavit jako výchozí - touto volbou Webgardenu říkáme, že tato rubrika se návštěvníkům zobrazí vždy první.
30.png
Vedle Úvodní stránky pak přidáme ještě rubriku Prodejna a rubriku Zeptejte se.
31.png
Teď potřebujeme opět zobrazit nové rubriky někde na stránce. Tentokrát zkusíme vložit menu do Záhlaví stránky. V obsahovém stromě vybereme Struktura > Záhlaví. V pravé části klikneme na velký symbol +.
32.png
V prvním Dialogu vybereme prvek Menu, v druhém Dialogu vybereme Kořen menu „O Eshopu“ a Styl zobrazení menu nastavíme na „Horizontální“. Uložíme.
33.png
Roztáhneme Menu pomocí Roztahovací chlopně po celé šířce záhlaví.
34.png
36.png
Úvodní stránka
V administraci v záložce Obsah vybereme ve stromě rubriku Úvodní stránka. Klikneme na velký symbol +.
37.png
V prvním Dialogu zvolíme prvek Titulek.
38.png
V druhém dialogu napíšeme do „Text titulku“ uvítací větu. Velikost nastavíme na „Malý“. Uložíme.
39.png
Formátování titulní stránky se budeme věnovat podrobněji v některém z příštích dílů.
Nakonec vložíme do záhlaví stránek Nadpis a Logo. Vrátíme se ve stromě do Struktura > Záhlaví, najedeme myší na dříve vložený prvek Menu a v kontextové nabídce klikneme na malý symbol +. Tímto tlačítkem vkládáme nový prvek před ten aktuální.
40.png
V Dialogu vybereme Obrázek.
41.png
V dalším Dialogu vybereme cestu k libovolnému obrázku na našem počítači, který bude symbolizovat logo. Uložíme.
42.png
Během několika vteřin - v závislosti na datové velikosti - se objeví obrázek v administraci. Vedle něj vložíme titulek. Klikneme na velký symbol + vedle obrázku.
43.png
V Dialogu vybereme prvek Titulek a v následujícím Dialogu napíšeme do „Text titulku“ název našeho Eshopu, např. „MojeHrnečky.cz - Vychutnávejte!“. Velikost titulku nastavíme na Velký. Tentokrát zatím neukládejte.
44.png
V Dialogu přepneme na záložku Rozšířené a vyplníme do kolonky Odkaz celou adresu našeho Eshopu včetně http:// a uložíme. Stejně tak můžeme kolonku Odkaz vyplnit i u loga.
45.png
Kliknutím na url adresu webu v záhlaví administrace si zobrazíme stránky. Budou obsahovat záhlaví s logem a titulkem, záložky s rubrikami O Eshopu, vlevo hlavní menu s produkty a na titulní stránce ještě uvítání.
46.png
V dalších dílech přidáme první zboží, naučíme se pracovat se slevami, upravíme vzhled stránek a rozešleme newsletter.
15.08.2014 11:27:46
Name
Email
Comment
Or visit this link or this one