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

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.

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:

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 fejezet szól.