# Modális ablak megnyitása widget

> Egy gomb, amely a saját sablonodat felugró ablakban jeleníti meg egyetlen kattintással.

A **Modális ablak megnyitása** widget egy gombot ad az oldalhoz. A gombra kattintva a kiválasztott sablon felugró ablakban nyílik meg. Egyszerűbb, mint a [Modális ablakok widget](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/modalok-modalis-ablakok/): nincs benne eseményindító-választás, cookie és animációbeállítás, csak a gomb és a sablon.

## Tartalom

![A Modális ablak megnyitása widget Tartalom szakasza](./kepek/modalok-inditas-tartalom.webp)

*A Modális ablak megnyitása widget Tartalom szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=57&action=elementor)

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Gomb szövege | A gomb felirata. | |
| Ikon | Ikon a gombon, az Elementor ikonkészletéből. | |
| Ikon pozíciója | Az ikon helye a szöveghez képest: **Előtte** vagy **Utána**. Csak kiválasztott ikonnál jelenik meg. | Előtte |
| Ikon térköze | Az ikon és a szöveg közötti távolság. Csak kiválasztott ikonnál jelenik meg. | |
| Sablonminta kiválasztása | Az a sablon, amely a felugró ablakban megjelenik. A saját sablonjaid közül választhatsz. | |

## Stílus

A **Stílus** fülön két szakasz van.

### Gomb

![A Stílus fül Button szakasza](./kepek/modalok-inditas-gomb-stilus.webp)

*A Stílus fül Button szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=57&action=elementor)

A gomb kinézetét állíthatod: igazítás, tipográfia, szöveg- és háttérszín (normál és **Rámutatás** állapotban), padding, keretsugár, szegély és árnyék. A rámutatási állapotban hover-animációt is választhatsz.

### Modal Window

![A Stílus fül Modal Window szakasza](./kepek/modalok-inditas-ablak-stilus.webp)

*A Stílus fül Modal Window szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=57&action=elementor)

A felugró ablak kinézete:

| Beállítás | Mit csinál |
| --- | --- |
| Háttér típusa | Az ablak hátterének stílusa. |
| Padding | Az ablak belső térköze. |
| Bezáró gomb: Szín, Háttérszín | A bezáró gomb színe (normál és rámutatáskor). |
| Gomb mérete | A bezáró gomb mérete. |
| Bezárójel vonalvastagsága, Bezárójel mérete (%) | A bezáró X vonalvastagsága és mérete. |
| Y pozíció, X pozíció | A bezáró gomb függőleges és vízszintes eltolása. A függőleges eltolással lejjebb vagy feljebb viheted a gombot az ablak tetejétől. |

## Az eredmény az oldalon

![A felugró ablak az oldalon](./kepek/modalok-hirlevel-ablak.webp)

*A felugró ablak az oldalon* (https://minta-bolt.hu/modalis-ablakok-demo/)

A gombra kattintva az ablak megnyílik, és a sablon tartalma látszik benne. Az ablak jobb felső sarkában a bezáró gomb van.