Sticky Options

Divi 4.6: Divi Sticky Options

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

Prohlédnout v prohlížeči

Ukázka #2

Prohlédnout v prohlížeči

Ukázka #3

Prohlédnout v prohlížeči

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.

Prohlédnout v prohlížeči

Sleva 20%

V současné době je možné zakoupit Divi s 20% slevou. Jedná se o druhou největší slevu v roce.

Přejít na stránku slevy

Správa WordPress webu

Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními.

Více informací

Diskuze

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Nákupní košík

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte e-mail, ať o nic nepřijdete!

Zkontrolujte svoji doručenou poštu nebo spam koš, abyste mohli svůj e-mail potvrdit.

Vylaďte WordPress stránky s naším tahákem

V e-booku najdete informace a rady pro WordPress od A do Z. Zadejte e-mail a my vám WordPress tahák pošleme.

Zkontrolujte svoji doručenou poštu nebo spam koš, abyste mohli svůj e-mail potvrdit.

Přejít nahoru