Jak stylovat popisky s Designerem 2.0?

Jak stylovat popisky s Designerem 2.0?

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 2.0. jehož cílem je umožnit individuální vzhled popisků zcela bez znalosti stylů (CSS) a HTML. V designeru si můžete upravit: 

  1. Velikost, odsazení, barvu a řádkování nadpisů druhé i třetí úrovně, odstavců a seznamů. 
  2. Rozestupy mezi widgety
  3.  Detailní ostylování widgetů

Upravme si první produkt...

Vyberte si produkt který chcete upravit, následně pod sekci nástroje zvolte podsekci úprava vzhledu popisků

Kliknutím na jakýkoliv widget se Vám v pravém pruhu otevře editor. 

V rámci widgetu můžete upravit fotografii, nadpis a text. To můžete provést zvolením elementu v pravém pruhu editoru, nebo kliknutím na zelenou ikonku tužky u elementu. 

Po zvolení elementu se Vám v pravém pruhu zobrazí možnosti úpravy:

  • velikost písma, řádkování, barva textu, vnější odstavení, font písma, zvýraznění textu

V defaultním nastavení se úpravy aplikují na všechny widgety (např. zaoblení obrázků, font textu atd.) Pokud chcete aby se úpravy vztahovaly pouze k individuálnímu widgetu zvolte v pravém sloupci sekci jen tento widget

V rámci úpravy individuálního widgetu je také možné si nastavit barevné pozadí widgetu, včetně gradientu (jeho barvy i úhlu.)

V rámci Designeru máte také možnost se podívat na živý náhled stránky na tabletu a telefonu. V horní liště stačí zvolit tlačítko počítač, následně se otevře selekce (počítač, tablet mobil.) Po kliknutí na příslušnou variantu se vám otevře daný náhled. 

Na uložení úpravy stačí v pravém rohu kliknout na tlačítko uložit změny a design se přiřadí k produktu.