Tovább a tartalomhoz

Műveleti gomb

A Popup Action Button widget és blokk: gomb a popupban, amely bezárja a popupot, linkre visz vagy elhagyatja az oldalt.

A műveleti gomb olyan gomb, amellyel a látogató a popupban döntést hozhat: például „Igen” vagy „Nem”. Elementorban Felugró ablak műveleti gomb nevű widget, a blokkszerkesztőben Popup Action Button nevű blokk. Bármelyik popupba beteheted.

https://minta-bolt.hu/wp-admin/post.php?post=11&action=elementor
A műveleti gomb widget beállításai

A képen a popupban lévő Most nem gomb látszik, a bal oldali panelen a Művelettípus a Felugró ablak bezárása értéken áll.

Beállítás Mit csinál
Művelettípus (blokkban ACTION TYPE) A gomb művelete, lásd lent
Gomb szövege (BUTTON TEXT) A gomb felirata
Gomb hivatkozása (BUTTON LINK) A cél webcím, a Link művelettípusnál használatos. A blokkban az Open in new window és az Add nofollow kapcsolók is itt vannak

A Művelettípus értékei:

  • Link: a gomb a megadott webcímre visz.
  • Oldal elhagyása: a látogató visszalép az előző oldalra.
  • Felugró ablak bezárása: bezárja azt a popupot, amelyben a gomb van.
  • Close All Popups: bezárja az összes megnyitott popupot.
  • Close Popup Сonstantly: bezárja a popupot, és a látogatónak többé nem jelenik meg.
  • Close All Popups Сonstantly: bezárja az összes popupot, és többé nem jelennek meg.

A Gomb hivatkozása mezőnél az Elementorban a fogaskerék ikonra kattintva további beállítások nyílnak: az Open in new window jelölőnégyzettel a cél új ablakban nyílik meg, az Add nofollow jelölőnégyzettel a keresők nem követik a linket. Itt adhatsz meg egyéni hivatkozás-attribútumokat is.

A blokkszerkesztőben a gombhoz ALIGNMENT (a gomb helye) és SVG ICON (ikon, Select Icon gomb) is tartozik. Az ikon csak akkor jelenik meg, ha kiválasztod.

  • Igen/Nem kérdés: a „Szeretnél többet megtudni?” popupban az Igen gomb Link típusú, és a megadott oldalra visz, a Nem gomb Felugró ablak bezárása típusú.
  • Korhatár-ellenőrzés: a „Elmúltál 18 éves?” popupban az Igen gomb bezárja a popupot, a Nem gomb Oldal elhagyása típusú, így a látogató visszakerül az előző oldalra.

Az egész popup stílusáról a Stílusbeállítások fejezetben olvashatsz. A gomb saját stílusa:

Elementorban a Stílus fülön a gomb igazítását, az ikont (és az ikon pozícióját a szöveg előtt vagy után), a belső térközt, a sarkok lekerekítését, a szegélyt, a szöveg- és háttérszínt állíthatod, külön Normál és Rámutatás állapotra.

A blokkszerkesztőben a gomb stílusához telepítened és aktiválnod kell az ingyenes JetStyleManager bővítményt. Ezután kattints a gomb blokkjára, és a blokk eszköztárán a festőecset alakú gombbal nyílik a stílusbeállítás.

  1. Nyisd meg a popupot az Elementorban vagy a blokkszerkesztőben (vagy hozz létre újat, vagy tölts be egyet az elrendezéskönyvtárból).
  2. Add hozzá a Felugró ablak műveleti gomb widgetet (blokkszerkesztőben a + gombbal a Popup Action Button blokkot).
  3. Válaszd ki a Művelettípus értékét, és írd be a gomb szövegét.
  4. Kattints a Frissítés (új popupnál Közzététel) gombra, és a weboldalon próbáld ki a gombot.
https://minta-bolt.hu/hirlevel/
A popup műveleti gombbal a weboldalon

A képen a popup alján a Most nem gomb látszik; rákattintva a popup bezárul.

Készült: Frissítve:

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