Divi Sticky Options je nové nastavení, které najdete v nastavení modulu, řádku a sekce pod záložkou Pokročilé. Přináší nové možnosti chování prvku, kdy jej můžeme připnout při posunutí obrazovky k horní nebo spodní hraně prohlížeče a upravit jeho styly. Funkce je vhodná například na připnuté formuláře nebo vlastní menu vytvářené přes Tvůrce motivů.
Ukázky použití Sticky Options
Ukázka #1
Ukázka #2
Ukázka #3
Připnutí
Sticky Options umožňuje připnutí obsahu k:
- hornímu okraji,
- spodnímu okraji,
- obou okrajům.
Nastavení najdete v Pokročilé > Scroll Effects > Sticky Position.
Připnutí k horní hraně
Jedná se o způsob, kdy se prvek přichytí při posunu dolu k horní hraně prohlížeče a zůstane tam. Vhodné například pro menu, které najdete i v přiložené ukázce.
Připnutí ke spodní hraně
Jedná se o způsob, kdy se prvek přichytí při posunu dolu k spodní hraně prohlížeče a zůstane tam. Vhodné například pro plovoucí formuláře nebo výzvy k akci, které najdete i v přiložené ukázce.
Připnutí k horní i spodní hraně
Třetí varianta umožňuje připnutí prvku k horní hraně, když se posouváte stránkou dolu a připnutí elementu ke spodní hraně, když se posouváte nahoru.
Specifické styly pro připnutý prvek a přechody
Každému prvku můžete nastavit vlastní styly, které se aplikují při jeho připnutí. Aktivace stylů se provádí stejně jako pro najetí myši nebo responzivitu. Stačí při najetí na položku kliknout na přiřazenou ikonu a zobrazí se možnost zadání stylů.
V příkladu na videu můžete vidět, jak se menu při připnutí podbarví.
Hranice pro připnutí
Pro každý element můžete také vytyčit hranice pro jeho připnutí. Pokud na ně prvek narazí, tak se zastaví a dál se už nebude s prohlížečem posouvat. Tato možnost je vhodná například pro klasické plovoucí položky v sidebaru po délku obsahu.
Sleva 20%
V současné době je možné zakoupit Divi s 20% slevou. Jedná se o druhou největší slevu v roce.
