PopUp - Modal

Element do YOOtheme builderu, který mění obyčejný kontejner v načasované vyskakovací okno. Do modalu přetáhnete libovolné elementy (nadpis, text, obrázek, tlačítko) a nastavíte, kdy a jak často se má zobrazit.

Aktuální verze

15. 7. 2026

1.0.16

Info o změnách

JAK TO FUNGUJE

Tři kroky od obsahu k modalu

Vložíte obsah

Do kontejneru Popup Modal přetáhnete libovolné YOOtheme elementy — nadpis, text, obrázek, tlačítko.

Nastavíte pravidla

Vyberete spouštěč (prodleva / scroll / klik), frekvenci zobrazení a vzhled okna.

Modal se zobrazí

Návštěvníkovi web ukáže obsah jako modal podle pravidel, s hlídáním frekvence v prohlížeči.

Ukázka modalu s pozicí Střed a animací Zvětšení na živém webu.

Otevřít testovací modal

NÁHLED V BUILDERU

Tři záložky nastavení

Panel elementu v editoru YOOtheme je rozdělený do záložek Obsah, Spouštění a Nastavení.

Obsah

Vnořená stavební plocha pro vkládání elementů — funguje jako Sublayout.

Spouštění

Spouštěč, frekvence zobrazení a cílení na zařízení / přihlášení.

Nastavení

Vzhled okna, zavírání a odpočet, ladicí režim náhledu.

REFERENCE

Přehled všech možností nastavení

Spouštěč

Časová prodleva

Modal se zobrazí za zadaný počet sekund od načtení stránky.

Po odscrollování (%)

Vyskočí po odscrollování zadaného procenta výšky stránky.

Ruční klik (selektor)

Otevře se po kliku na prvek s danou CSS třídou — frekvence se ignoruje.

Frekvence a cílení

Jak často zobrazit

Pokaždé, jednou za relaci nebo jednou za N dní — ukládá se do prohlížeče návštěvníka.

Zařízení

Omezení jen na desktop, nebo jen na mobil.

Přihlášení

Jen nepřihlášení, nebo jen přihlášení uživatelé (vyhodnoceno na serveru).

Vzhled

Pozice a velikost

Střed, rohy nebo lišta nahoře/dole; velikost malá až přes celou šířku.

Animace vstupu

Zvětšení, zeslabení nebo zasunutí shora/zdola.

Pozadí

Volitelné ztmavení stránky za modalem, vlastní barva a rozostření pozadí.

Zavírání

Křížek, klik mimo, Esc

Tři nezávislé způsoby, jak modal zavřít — každý lze samostatně vypnout.

Automatické zavření

0 = zůstane otevřený donekonečna, jinak se sám zavře po zadaném počtu sekund.

Odpočet

Textový popisek a/nebo ubývající lišta do automatického zavření.

1.0.16	Dvoustavový editor náhled: DEBUG ZAP = smyčka náhledu; DEBUG VYP = naváže se skutečný nastavený spouštěč (prodleva/scroll/klik), ať se v builderu chová jako na webu.
1.0.12	Rozostření pozadí (overlay_blur, backdrop-filter), styl odpočtu countdown_style (text/bar/both = progress-bar), volba rohu odpočtu (countdown_position).
1.0.9	Auto-close (auto_close) + odpočet (countdown, „vpravo dole") + attrs;
1.0.6	Klíčová oprava overlaye: modal se na živé stránce přesouvá na <body>, protože position:fixed se u předka s transform/filter scvrkne na sekci a ztmavení nepokryje obrazovku.
1.0.0	První funkční plugin — element „Popup Modal" v builderu, základ.