# Modális felugró ablak megnyitása másik widgetből

> A Modális felugró ablak megnyitása gombbal, szöveggel, képpel vagy bármilyen más widgetre kattintva.

A **Modális felugró ablak** megjelenhet automatikusan, vagy kattintásra: gombra, szövegre, képre vagy bármelyik másik widgetre. Ha másik widgetből nyitnád meg, a két elemnek közös, egyedi CSS-osztály- vagy azonosítónéven kell osztoznia.

1. A **Modális felugró ablak** widgetnél nyisd meg a **Megjelenítési beállítások** szakaszt, és a **Modális ablak megjelenítése ekkor** mezőben válaszd az **Egyéni osztály** lehetőséget. (Azonosító alapján is működik: ehhez az **Egyedi ID** lehetőséget válaszd.)
2. Írd be az egyedi osztálynevet a megjelenő mezőbe. **Ne írj elé pontot.**
3. Annak a widgetnek, amellyel a felugró ablakot nyitni akarod (például **Gomb**), a **Haladó** fülén a **CSS-osztályok** mezőjébe írd be ugyanazt az osztálynevet.

![A Modális felugró ablak Megjelenítési beállítások szakasza](./kepek/tartalom-modalis-megjelenites.webp)

*A Modális felugró ablak Megjelenítési beállítások szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=24&action=elementor)

A képen a **Modális ablak megjelenítése ekkor** mező **Gomb** értéke látszik. Egyéni osztálynál ezt kell átváltanod.

Ezután a látogató a megjelölt widgetre kattintva megnyitja a felugró ablakot.

## Megnyitás menüelemre kattintva

A felugró ablakot egy WordPress-menü elemével is megnyithatod, ugyanezzel az egyedi osztállyal.

1. Hozz létre egy szekciót, tedd bele a **Modális felugró ablak** widgetet, és állítsd be a tartalmát.
2. A widget **Megjelenítési beállítások** szakaszában válaszd az **Egyéni osztály** lehetőséget, és írd be az osztály nevét.
3. Menj a **Megjelenés → Menük** oldalra.
4. Vegyél fel egy **Egyéni hivatkozás** menüelemet, amelyre kattintva az ablak megnyíljon.
5. A **Megjelenítés beállításai** (Screen Options) között kapcsold be a **CSS-osztályok** mezőt.
6. A menüelemnél a **CSS-osztályok** mezőbe írd be ugyanazt az osztálynevet, és jelöld ki a menühelyet is (például az elsődleges menüt).

### Megnyitás az egész webhelyen

Alapból az ablak csak azon az oldalon működik, ahol a widget van. Hogy az egész webhelyen és minden témával működjön, a mentett szekció tartalmát a `wp_footer` horogra kell kötni. Másold ezt a témád (vagy gyermektémád) `functions.php` fájljába:

```php
function ultimate_elementor_modal_popup() {
	echo do_shortcode( '[uael-template id="mentett-szekcio-azonosito"]' );
}
add_action( 'wp_footer', 'ultimate_elementor_modal_popup' );
```

A `mentett-szekcio-azonosito` helyére annak a mentett szekciónak az azonosítóját írd, amelyben a felugró ablak van. Az azonosító megszerzéséről a [Mentett szekciók](https://hub.hellowp.io/hu/plugins/ultimate-elementor/altalanos-mentett-szekciok/) fejezet szól.