Dnes vložíme do Eshopu první zboží. Ukážeme si, jak umístit produkty do více rubrik zároveň a nakonec vložíme do stránek nákupní košík. Nejprve se pomocí internetového prohlížeče přihlásíme ke svému účtu na stránce www.webgarden.cz.

V záložce Obsah otevřeme v obsahovém stromě rubriku Keramika. Stisknutím tlačítka „+ Zboží“ vytvoříme nové Zboží.

Vzniklé Zboží nejprve přejmenujeme kliknutím na titulek. Nejdříve vložíme obyčejný bílý hrneček, proto Zboží pojmenujeme „Bílý“. Uložíme.

Posuneme se trochu níže, k nastavením základní varianty. Rozklikneme tlačítko Obrázek a vybereme z našeho počítače soubor s obrázkem bily.jpg. Vyplníme cenu - nejprve v Kč, pak v EUR.. Vyplníme skladové množství tohoto produktu, například 8 ks. Pak uložíme (tlačítkem Uložit vpravo od Přidat variantu).

Pokud stiskneme vpravo od titulku Bílý tlačítko Zobrazit, otevře se nám do nového okna náš Eshop.

V administraci zpět proklikneme do rubriky Keramika.

V rubrice Keramika vytvoříme tlačítkem „+ Zboží“ další položku Eshopu. Kliknutím na titulek přejmenujeme položku na „Modrý“, jelikož budeme přidávat modrý hrneček. Uložíme.

U zboží opět vybereme obrázek - modry.jpg, pak vyplníme cenu v Kč a EUR, zadáme počet kusů na skladě a nakonec uložíme.

Klikneme znovu zpět do rubriky Keramika a celý proces přidání zboží opakujeme ještě pro tmavě modrý hrneček. Pak klikneme do rubriky Keramika, kde uvidíme tři vložené položky - hrnečky. Zboží bývá obvykle v internetových obchodech zobrazeno formou dlaždic, většinou tří na řádek. V sekci dokumentů - tedy tam, kde jsou tři položky zboží - rozbalíme nabídku se symbolem tří obdélníků. Touto nabídkou se nastavuje počet prvků na řádku. Vybereme volbu tří prvků na řádek. Volbu je pak potřeba uložit, jinak se neprojeví na naší stránce s Eshopem.

Tlačítkem Zobrazit otevřeme Eshop do nového okna a uvidíme rubriku Keramika s našimi třemi hrnečky.

Některé produkty zapadnou do více než jedné rubriky. Abychom nemuseli vytvářet zboží vícekrát, Webgarden nám umožní zařadit jednu položku do více rubrik.

V rubrice Keramika vytvoříme tlačítkem „+ Zboží“ novou položku Zboží. Kliknutím na titulek ji přejmenujeme na Květinový. Vybereme opět obrázek - kvetina.jpg, zadáme ceny, počet kusů a uložíme.

V rámci této položky klikneme na záložku Umístění. Do této chvíle máme Květinový hrneček pouze v rubrice Keramika. Jelikož je ale pomalovaný květinami, zařadíme jej také do rubriky S motivem > Květiny. Ve stromě níže rozbalíme strom k této rubrice a stiskneme tlačítko „Přidat do“.

To samé pak uděláme i pro rubriku o úroveň výše - „S motivem“, protože i zde chceme mít tuto položku k dispozici.

V tabulce „Aktuální zařízení“ bychom nakonec měli vidět tři cesty k rubrikám, ve kterých je zboží dostupné.

Přesvědčíme se. V administraci v obsahovém stromě klikneme do rubriky Obsah > Produkty > S motivem > Květiny a najdeme zde Zboží Květinový hrneček.

Přepneme zpět do rubriky Keramika a vložíme další hrneček - stejnou sekvencí - „+ Zboží“, přejmenujeme kliknutím na titulek na „Dejvické Divadlo“, nahrajeme obrázek „dd.jpg“, vyplníme ceny, sklad a uložíme. Nakonec vstoupíme do záložky Umístění.

V záložce umístění přidáme tento hrneček postupně do rubrik S motivem, Nápisy, České a Reklama.

Pokud jsme žádnou nevynechali, uvidíme tuto tabulku Aktuálních zařazení.

Do rubriky Keramika postupně přidáme ještě hrnečky S puntíky, Monogram, S kočkou a S automobilem. Každý můžeme zařadit také na další odpovídající umístění. (S puntíky - Keramika, S motivem, Abstraktní, Geometrie; Monogram - Keramika, S motivem, Nápisy, Cizí; S kočkou - Keramika, S motive, Děti; S automobilem - Keramika, S motivem)

V rubrice keramika bychom nakonec měli mít celkem devět položek zobrazených v dlaždicích.

Teď nahrajeme do stránek skleněný hrneček. Postoupíme do rubriky Skleněné. Tato rubrika má stále počáteční nastavení, proto pomocí nabídky s ikonkou tří obdélníků - v řádku Dokumenty - nastavíme „3 na řádek“.

Pak přidáme známým způsobem nové zboží. Hrneček pojmenujeme třeba „Matný skleněný“. Do dalších rubrik se zatím nehodí, takže ho ponecháme pouze v této.

Přejdeme do rubriky „S motivem“. Obsah rubriky uvidíme v poměrně zmatené formě. Webgarden totiž umí mnoha způsoby zobrazovat obsah nejen aktuální rubriky, ale také náhledy obsahu podrubrik (tak jak to umí nové Windows a jiné operační systémy u složek). Pro náš Eshop to ale není vhodné řešení, jelikož na vlastní stránce to pak bude vypadat zmatečně.

V horní části rubriky „S motivem“ máme zobrazeny náhledy zboží podrubrik, níže pak vlastní obsah rubriky. Zboží, které máme zařazeno v rubrice „S motivem“ a zároveň „Abstraktní“ pak bude zobrazeno dvakrát. To je v tomto případě nežádoucí a ukážeme si jedno z možných řešení.

Vrátíme se do administrace do rubriky „S motivem“ a v řádku „Podrubriky“ rozbalíme nabídku se symbolem druhů zobrazení (vedle tlačítka Uložit) a zvolíme pátou možnost - Obsah je zobrazen na řádku. Uložíme, aby se změna promítla i na samotný Eshop.

Níže na řádku „Dokumenty“ přenastavíme počet zboží vedle sebe (symbol 3 obdélníků) na hodnotu 3. Opět uložíme.

Pak si tlačítkem Zobrazit otevřeme Eshop do nového okna přímo v rubrice „S motivem“ a uvidíme již přehlednější rozložení. Nahoře najdeme odkazy na podrubriky a pod nimi přímo zařazené zboží.

Stejná nastavení provedeme pro všechny ostatní rubriky. Volbu vždy uložíme.

K prvnímu nákupu našim stránkám chybí ještě jedna maličkost - nákupní košík. V obsahovém stromě vstoupíme do Struktura > Záhlaví. Zde máme zatím tři prvky - Obrázek s logem, Titulek s názvem a Menu s některými rubrikami. Uděláme si prostor pro nákupní košík - uchopíme prvek Titulek za Roztahovací chlopeň a popotáhneme o jedno pole doleva. Tím nám vznikne vpravo od Titulku malý prostor s volným políčkem a velkým symbolem +.

Klikneme na symbol + vpravo od Titulku.

Otevře se nám Dialog, ve kterém přepneme na záložku Pokročilé a klikneme na prvek Nákupní košík.

Během momentu se nám objeví vpravo od Titulku prvek Nákupní košík.

Protože jsme zmenšili šířku Titulku, zalomil se nám na dva řádky. S podobnými „nepříjemnostmi“ se budeme setkávat často. Finální podobu stránek má totiž nakonec vždy v režii internetový prohlížeč uživatele stránek, jeho operační systém, nainstalovaná písma a podobně. Do hledání optimálních řešení je často potřeba zapojit fantazii. V tomto případě si pomůžeme změnou textu. Klikneme na editační ikonku u Titulku a „MojeHrnečky.cz - Vychutnávejte!“ přepíšeme na „Vychutnávejte MojeHrnečky.cz“, což je jednak kratší, ale také vtipnější.

Zobrazíme si náš Eshop, na kterém uvidíme Nákupní košík. Pokud v záhlaví Nákupní košík nebude, zkusíme stránku v prohlížeči znovu stáhnout - Obnovit (ctrl + r). Můžeme si zkusit přidat nějaké zboží do košíku - uvidíme, jak nám roste celková cena objednávky.

Kliknutím na cenu v Nákupním košíku se dostaneme do detailu košíku. Zde najdeme přehled zboží, možnost upravit množství či položku odebrat.