Tovább a tartalomhoz

A popup bezárása: Esc, külső kattintás, saját gomb

Öt mód a Popup Builder bezárására, kikapcsolásuk és saját bezáró gomb készítése.

A Popup Builder popupját a látogató öt módon zárhatja be, és ebből négy alapból be van kapcsolva.

Mód Beállítás Hol Alapérték
Esc billentyű Tartalom bezárása az Esc gombbal Tartalom → Extra opciók Be
Kattintás a popupon kívül Tartalom bezárása külső kattintásra Tartalom → Extra opciók Be
Kattintás a popupban lévő linkre Felugró ablak bezárása linkre kattintáskor Tartalom → Extra opciók Be
Bezáró ikon Bezáró ikon megjelenítése Stílus → Megnyitott tartalom Be
Saját elem Egyedi osztály (bezárás) Tartalom → Megjelenítési beállítások Ki
  1. Jelöld ki a Popup Builder widgetet, és nyisd meg a Tartalom → Extra opciók szakaszt. Az első két kapcsoló az Esc és a külső kattintás.

    https://minta-bolt.hu/wp-admin/post.php?post=333&action=elementor
    Az Extra opciók szakasz az Esc, külső kattintás és link kapcsolóval

    Ajánlatoknál és űrlapoknál hagyd bekapcsolva őket, hogy a látogató ne maradjon bezárva. Menüt vagy olyan korellenőrzést, amelyre válaszolni kell, ki kell kapcsolni.

  2. A Felugró ablak bezárása linkre kattintáskor kapcsoló a popupban lévő bármely linkre kattintva bezárja az ablakot. Menünél hagyd bekapcsolva, kapcsold ki, ha a popupban olyan linkek vannak, amelyeknek nyitva kell hagyniuk.

  3. A Stílus → Megnyitott tartalom alatt a Bezáró ikon szakaszban kapcsold ki a Bezáró ikon megjelenítése beállítást az ikon eltávolításához, vagy kapcsold be az Egyéni bezáró ikon beállítást, hogy saját képet használj.

Ha a popupon belüli gombbal akarod bezárni:

  1. Jelöld ki a gombot, és a Haladó → CSS-osztályok mezőbe írj be egy osztályt, például close-offer.
  2. Jelöld ki a Popup Builder widgetet, a Tartalom → Megjelenítési beállítások alatt kapcsold be a Bármely más elemre kattintáskor beállítást (ceruza ikon), és az Egyedi osztály (bezárás) mezőbe írd a close-offer osztályt, pont nélkül.

Az Egyedi osztály (bezárás) elem átkapcsolja a popupot: nyitottat bezár, zártat megnyit. Ezért tedd a popupon belülre, hogy csak bezárni tudjon.

  • A külső kattintás használatához kell „külső”: a teljes képernyős popupnak nincs, ezért adj neki bezáró ikont vagy gombot.
  • A widget a Pro bővítményben van.
  • A bezáró gomb nem működik. Teszteld a közzétett oldalon. Saját gombnál ellenőrizd, hogy az Egyedi osztály (bezárás) mező pontosan egyezik a Haladó → CSS-osztályok mezőben lévővel, pont nélkül.
  • A popup bezáródik, amikor linkre kattintok benne. Kapcsold ki a Felugró ablak bezárása linkre kattintáskor kapcsolót.
  • A látogató egyáltalán nem tudja bezárni. Az Esc, a külső kattintás és a bezáró ikon is ki van kapcsolva. Kapcsold vissza legalább az egyiket.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások