Popis funkce: Nastylování popisků pomocí Pobo Designer
Vytvoření vzhledu popisků
Vzhled popisků je možné zcela individuálně přizpůsobit vzhledu e-shopu. Ukážeme si krok po kroku, jak vzhled vytvořit v nástroji Pobo Designer.
Jak funguje Pobo Designer
Do Pobo Page Builder jsme přidali nástroj nazvaný Pobo Designer, jehož cílem je umožnit individuální vzhled popisků zcela bez znalosti stylů (CSS) a HTML. Výhodou Pobo Designeru je ta, že udržuje stejný vzhled napříč všemi popisky. úprava probíhá živě na e-shopu a v neposlední řadě je nezávislý na šabloně e-shopu.
Co si v Pobo Designer si můžete upravit
Velikost, odsazení, barvu a řádkování nadpisů druhé i třetí úrovně, odstavců, tabulek, seznamy
Rozestupy mezi widgety
Detailní ostylování widgetů
Vytváříme první vzhled
V administraci klikneme v horním menu na odkaz Vzhled popisků, následně se nám zobrazí stránka s tlačítkem pro vytvoření vzhledu na míru.
Klikneme tlačítko pro vytvoření šablony popisků produktů
Následně se nám otevře modální okno, ve kterém vložíme název šablony a zvolíme produkt, na kterém si Pobo Designer nastaví vzhled a promítne ho následně do všech produktů.
Vyplníme název vzhledu pro popisky
Zvolíme produkt, na kterém nastavíme vzhled
Po uložení se spustí proces, který probíhá přibližně jednu minutu. Po této době se zobrazí informační zpráva, pod které je tlačítko Upravit pomocí průvodce, na které klikneme.
Počkáme na dokončení úlohy (max. 1 minutu)
Po dokončení klikneme na zelené tlačítko „Upravit pomocí průvodce“
Úprava vzhledu na e-shopu
Po otevření průvodce se otevře Váš e-shop s postranním panelem, ve kterém si upravíme vzhled popisků. Máme na výběr mezi typografií (nadpisy, text, tabulky, odrážky, ...) a samotnými widgety. U typografie můžeme upravit velikosti písmen, odsazení, barvy, řádkování,... u widgetů lze upravit totožné atributy včetně horní a dolní odsazení widgetů.
Živá úprava vzhledu na e-shop
Po dokončení všech úprav vzhled v panelu změny uložíme.
Opětovná úprava vzhledu
Potřebujeme-li opětně upravit již vytvořený vzhled, stačí v přehledu šablon kliknout na tlačítko Spustit živou úpravu vzhledu. Následně se opět spustí úloha a upravíme vzhled.
Kliknutím na tlačítko spustíme úpravu vytvořeného vzhledu