Ako štýlovať popisky s Live Designerom?

Ako štýlovať popisy s Live Designerom?

Vzhľad popisov je možné úplne individuálne prispôsobiť vzhľadu e-shopu. Ukážeme si krok po kroku, ako vzhľad vytvoriť v nástroji Live Designer.

Ako funguje Live Designer

Do Pobo Page Builder sme pridali nástroj nazvaný Live Designer. jeho cieľom je umožniť individuálny vzhľad popisov úplne bez znalosti štýlov (CSS) a HTML. V designeru si môžete upraviť: 

1. Veľkosť, odsadenie, farbu a riadkovanie nadpisov druhej aj tretej úrovne, odstavcov a zoznamov. 
2. Rozostupy medzi widgetmi
3.  Detailné ostylovanie widgetov

Upravme si prvý produkt...

Vyberte si produkt, ktorý chcete upraviť, následne v hornej lište zvoľte sekciu úprava vzhľadu. 

Kliknutím na akýkoľvek widget sa Vám v pravom pruhu otvorí editor.

V rámci widgetu môžete upraviť fotografiu, nadpis a text. To môžete vykonať zvolením elementu v pravom pruhu editoru, alebo kliknutím na zelenú ikonu ceruzky pri elemente. 

Po zvolení elementu sa Vám v pravom pruhu zobrazia možnosti úpravy:

• veľkosť písma
• riadkovanie
• farba textu
• vonkajšie odsadenie
• font písma
• zvýraznenie textu

V defaultnom nastavení sa úpravy aplikujú podľa zvoleného rozsahu štýlovania, ktorý môžete nastaviť v hornej časti editoru.

Pomocou prepínača Táto stránka a Celý e-shop môžete určiť, či sa zmeny použijú iba pre aktuálnu stránku, alebo globálne pre celý e-shop.

V rámci úpravy individuálneho widgetu je tiež možné nastaviť farebné pozadie, gradient (vrátane jeho farieb a uhla) alebo obrázok na pozadí widgetu.

V rámci Live Designeru máte tiež možnosť sa pozrieť na živý náhľad stránky na tablete a telefóne. V hornej lište stačí zvoliť tlačidlo počítač, následne sa otvorí selekcia (počítač, tablet a mobil). Po kliknutí na príslušnú variantu sa Vám otvorí daný náhľad. 

Naštýlujte si vzhľad popisov pomocou AI designeru

Live Designer novo obsahuje tiež funkciu AI Designer, ktorá umožňuje upraviť vzhľad popisov pomocou umelej inteligencie. Pomocou jednoduchých textových pokynov môžete rýchlo zmeniť veľkosť nadpisov, farby, odsadenie alebo celkový štýl obsahu bez nutnosti ručného nastavovania.

Ako otvoriť AI Designer

AI Designer otvoríte kliknutím na tlačidlo AI v pravom paneli Live Designeru. Následne sa zobrazí pole, do ktorého môžete zadať požadovanú úpravu vzhľadu.

Ako používať AI Designer

Do poľa zadajte popis požadovanej zmeny, napríklad:

• zmeň farbu nadpisov
• zväčši veľkosť textu
• pridaj väčšie odsadenie medzi widgetmi
• použi moderný design so zaoblenými rohmi

AI Designer automaticky vytvorí zodpovedajúci štýla aplikuje ho na obsah. Nenútné upravovať jednotlivé parametre ručne, pretože AI vykoná zmeny na základe vášho zadania. 

AI Live Designer zachováva všetky možnosti klasického Live Designeru. Môžete tak aj naďalej ručne upravovať vzhľad jednotlivých widgetov, konkrétnej stránky alebo celého e-shopu, využívať náhľad pre rôzne zariadenia a kombinovať AI úpravy s ručným nastavením v pravom paneli.

Po dokončení úprav kliknite v pravom hornom rohu na tlačidlo Uložiť zmeny. Zmeny sa následne aplikujú podľa zvoleného rozsahu štýlovania (napríklad na aktuálnu stránku alebo celý e-shop).

Ak chcete vykonané úpravy zrušiť, môžete použiť tlačidlo Zahodiť zmeny, ktoré umožňuje vrátiť poslednú verziu alebo odstrániť vykonané úpravy.