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.
První zboží
V záložce Obsah otevřeme v obsahovém stromě rubriku Keramika. Stisknutím tlačítka „+ Zboží“ vytvoříme nové Zboží.
1.png
Vzniklé Zboží nejprve přejmenujeme kliknutím na žluté editační tlačítko u titulku. Nejdříve vložíme obyčejný bílý hrneček, proto Zboží pojmenujeme „Bílý“. Uložíme.
2.png
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).
3.png
Pokud stiskneme vpravo od titulku Bílý tlačítko Zobrazit, otevře se nám do nového okna náš Eshop.
4.png
5.png
V administraci zpět proklikneme do rubriky Keramika.
6.png
V rubrice Keramika vytvoříme tlačítkem „+ Zboží“ další položku Eshopu. Kliknutím na žluté editační tlačítko u titulku přejmenujeme položku na „Modrý“, jelikož budeme přidávat modrý hrneček. Uložíme.
7.png
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.
8.png
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ží - klikneme na žluté editační tlačítko a otevře se nám dialogové okno. Zde změníme dělení z jednoho sloupce na sloupce tři. Volbu je pak potřeba uložit, jinak se neprojeví na naší stránce s Eshopem.
9.png
Tlačítkem Zobrazit otevřeme Eshop do nového okna a uvidíme rubriku Keramika s našimi třemi hrnečky.
10.png
Umístění
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.
11.png
V rámci této položky klikneme pod hlavním editačním tlačítkem na 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“.
12.png
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é.
13.png
Tip: Položku je možné z umístění odstranit ikonkou Koše. Vždy však musí alespoň jedno umístění zůstat - poslední umístění Vám Webgarden nedovolí odstranit.
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.
14.png
Přepneme zpět do rubriky Keramika a vložíme další hrneček - stejnou sekvencí - „+ Zboží“, přejmenujeme kliknutím na žluté editační tlačítko pod titulkem na „Dejvické Divadlo“, nahrajeme obrázek „dd.jpg“, vyplníme ceny, sklad a uložíme. Nakonec vstoupíme do Umístění.
15.png
V záložce umístění přidáme tento hrneček postupně do rubrik S motivem, Nápisy, České a Reklama.
16.png
Pokud jsme žádnou nevynechali, uvidíme tuto tabulku Aktuálních zařazení.
17.png
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 motivem, 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.
18.png
Teď nahrajeme do stránek skleněný hrneček. Postoupíme do rubriky Skleněné s známým způsobem přidáme nové zboží. Hrneček pojmenujeme třeba „Čirý skleněný“. Do dalších rubrik se zatím nehodí, takže ho ponecháme pouze v této.
19.png
Tato rubrika má stále počáteční nastavení, proto pomocí editačního tlačítka v horní části Dokumentů nastavíme dělení obsahu opět na tři sloupce.
20.png
Nastavení ostatních rubrik
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é ukázky 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ě.
21.png
V horní části rubriky „S motivem“ máme zobrazeny ukázky 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í.
Klikneme na žluté editační tlačítko patřící k podrubrikám a v prvním řádku u stylu zobrazení vybereme pátou možnost - Obsah je zobrazen na řádku. Uložíme, aby se změna promítla i na samotný Eshop.
22.png
Níže zvolíme žluté editační tlačítko patřící k dokumentům a přenastavíme opět počet zboží vedle sebe (symbol 3 obdélníků) na hodnotu 3. Uložíme.
23.png
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ží.
24.png
Stejná nastavení provedeme pro všechny ostatní rubriky. Volbu vždy uložíme.
Nákupní košík
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 +.
25.png
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.
26.png
Během momentu se nám objeví vpravo od Titulku prvek Nákupní košík.
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.
27.png
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.
28.png
V dalších dílech vyzkoušíme zpracování objednávky, vložení obchodních podmínek, práci se skladem, naučíme se pracovat se slevami, upravíme vzhled stránek a rozešleme newsletter.
04.09.2014 11:49:29
Name
Email
Comment
Or visit this link or this one