Co je nástroj pro tvorbu výlohy
Nástroj pro tvorbu výlohy je vizuální editor, který vám umožní navrhnout každou stránku vašeho obchodu bez psaní kódu. Změny se zobrazují živě uprostřed obrazovky. Zákazníci je uvidí až po kliknutí na Publikovat.
Rozložení nástroje
Nástroj má tři části:
- Levý postranní panel: pět záložek jako ikony podél levého okraje. Shora dolů: Trhy (vlajka), Stránky, Sekce, Nastavení (ozubené kolečko) a AI asistent (Amed) úplně dole.
- Ovládací panel: otevře se po výběru sekce nebo bloku a zobrazuje všechna nastavení pro daný prvek.
- Náhled: živý pohled na váš obchod přesně tak, jak jej uvidí zákazníci.
Přepínání stránek a trhů
Otevřete záložku Stránky pro přechod mezi stránkami, které můžete upravovat: Domů, Produkt, Landing, Kolekce, Košík, Pokladna, Poděkování, Vyhledávání, Podmínky, Kontakt a 404. Popis každé stránky najdete v Stránky, které můžete upravit. Otevřete záložku Trhy (první, ikona vlajky) pro přepínání mezi trhy. Každý trh má vlastní šablonu a historii vracení změn pro každou stránku, takže úpravy v jednom trhu neovlivní ostatní.
Náhled, zobrazení a režim Inspector
Přepínač zobrazení umožňuje náhled v různých šířkách pomocí tlačítek Celá obrazovka, Počítač a Mobil. Zobrazují se jen možnosti, které se vejdou do aktuálního okna, takže na úzké obrazovce některá tlačítka zmizí. Horní lišta obsahuje také tlačítko Náhled (ikona oka), které otevře váš živý obchod v nové záložce, a tlačítko Opustit nástroj.
Režim Inspector je ve výchozím nastavení zapnutý (ikona kurzoru v horní liště je zvýrazněná). Pokud je zapnutý, kliknutím na libovolný prvek v náhledu okamžitě vyberete danou sekci nebo blok a otevřete jej v ovládacím panelu, což je nejrychlejší způsob, jak se k něčemu dostat bez rolování v postranním panelu. Kliknutím na tlačítko Inspector jej vypnete.
Přidání sekce
- Otevřete záložku Sekce pro aktuální stránku.
- Klikněte na tlačítko Přidat sekci (ikona plus v kruhu) v seznamu, nebo otevřete menu sekce a zvolte Přidat sekci před nebo Přidat sekci za.
- Otevře se výběr se všemi typy sekcí, které lze na stránku ještě přidat. Kliknutím jednu přidáte.
Každý typ sekce má maximální počet na stránku. Jakmile dosáhnete limitu, typ zmizí z výběru a pokud je místo plné, tlačítko Přidat sekci je neaktivní s nápovědou, že byl dosažen limit. Typy sekcí jsou také specifické pro stránku (například hero nebo newsletter jen na Domů). Kompletní katalog typů a jejich limitů najdete v Sekce a bloky.
Přidání bloku do sekce
Vyberte sekci a v jejím ovládacím panelu klikněte na Přidat blok. Bloky jsou části uvnitř sekce: texty, obrázky, tlačítka, skupiny rozložení, oddělovače a další. Dostupné typy bloků a jejich počet se liší podle sekce.
Menu sekce (kopírování, duplikace a další)
Pro úplnou sadu akcí sekce ji vyberte a klikněte na ikonu menu v horní části ovládacího panelu, nebo klikněte pravým tlačítkem na sekci v postranním panelu. Menu obsahuje:
- Kopírovat: zkopíruje celou sekci (obsah i styl).
- Kopírovat pouze styl: zkopíruje jen vizuální styl.
- Vložit: vloží zkopírovanou sekci. Nápověda ukáže, kam bude vložena (Za, Do nebo Přepsat). Je neaktivní s důvodem, pokud není nic zkopírováno, je dosažen limit nebo typ není na daném místě povolen.
- Vložit pouze styl: použije zkopírovaný styl na vybranou sekci. Neaktivní při nesouladu typů nebo pokud není nic zkopírováno.
- Duplikovat: vytvoří kopii přímo pod originálem, pouze na aktuální stránce. Neaktivní při dosažení limitu sekce na stránce.
- Skrýt / Zobrazit: přepíná viditelnost. Skryté sekce zůstávají v šabloně, ale zákazníci je nevidí.
- Smazat: odstraní sekci. Vrácení změn ji obnoví.
Řádky v postranním panelu mají také přímo ikonu oka (Skrýt/Zobrazit) a koše (Smazat). Povinné sekce nelze skrýt ani smazat, takže například Produkt info na stránce Produkt a Landing info na stránce Landing nemají ikonu koše.
Řazení sekcí a bloků
V seznamu sekcí přetáhněte řádek sekce nahoru nebo dolů pro změnu pořadí na stránce. Náhled se aktualizuje ihned. Bloky se řadí stejně tažením v ovládacím panelu.
Použití sekce na všechny stránky
Hlavička, patička, oznamovací lišta a vlastní kód se zobrazují na všech stránkách. Chcete-li upravenou kopii použít všude, otevřete menu dané sekce a zvolte Použít na všechny stránky. Tím přepíšete odpovídající sekci na všech stránkách aktuálního trhu, kde už je obsažena (stránky bez ní se přeskočí). Změna se ihned projeví v živém obchodě a nelze ji vrátit zpět. Nástroj vás požádá o potvrzení. AI asistent to může provést také, více v Akce AI nástroje.
Vrácení změn, opakování a ukládání
Horní lišta obsahuje tlačítka Zpět a Znovu. Historie je oddělená pro každý trh a stránku, takže vrácení na Domů neovlivní stránku Produkt. Klávesové zkratky: Cmd/Ctrl + Z pro zpět, Cmd/Ctrl + Shift + Z nebo Cmd/Ctrl + Y pro znovu a Cmd/Ctrl + S pro publikování.
Klikněte na Publikovat (vpravo nahoře) pro zveřejnění změn. Tlačítko je neaktivní, pokud nejsou žádné neuložené změny. Publikování je oddělené pro každý trh a stránku, takže publikování Domů nepublikuje stránku Produkt.
Co zkontrolovat před publikováním
- Přepněte do zobrazení Mobil a projděte celou stránku, protože většina zákazníků nakupuje na mobilu.
- Zkontrolujte kontrast textu vůči pozadí každé sekce.
- Ujistěte se, že každý blok s obrázkem má vybraný soubor, protože prázdné místo se v obchodě zobrazí jako prázdné.
- Ověřte, že tlačítka a položky menu vedou na správné cíle.
Pokud chcete, aby sekce za vás vytvářel a upravoval AI asistent, podívejte se na Tvorba s AI asistentem.