Hacer que un pop up se cierre al pinchar en un botón

contacta     ·     sobre     ·     azar     ·     buchaca     ·     manifiestos    ·   

  • Brote

    Las ideas totalmente trabajadas donde sus frutos rebosan a través de las palabras y las imágenes.

Cómo hacer que un popup se cierre al pinchar un botón
Para hacer que un popup se cerrase no sólo en la X sino también en un botón este código ha sido la clave.
Sólo cree el botón con url a # y debajo este pedazo de HTML. Ha funcionado a la perfección.

<script>
jQuery(function($){
$(document).on('click','.elementor-location-popup a', function(event){
elementorProFrontend.modules.popup.closePopup( {}, event);
});
});
</script>

 

Te quedaría como ves a continuación:

Captura de pantalla de 2022-03-11 19-16-58.png

 

Fuente:

How to close the Elementor Pro Popup menu when you click a link that is on the same page. Simple instructions to make this work.

Origen: Elementor Close PopUp on Click for Menu & Same Page Links

Hagamos de esto una conversación

15 comentarios en «<span class='p-name'>Hacer que un pop up se cierre al pinchar en un botón</span>»

  1. Perdona, pero donde colocas exactamente este código? Tengo el popup creado y dentro los botones, cuando pincho en un botón quiero que me cierre este popup, ¿pero dónde se colocaría?

    Muchas gracias,

    Responder
  2. Mira Bia, aquí te dejo una imagen lo más clara posible. En realidad con poner un widget de «HTML» con ese código simplemente al lado y que el botón tenga puesta como url un # te debería valer. Dime si aún tienes problemas.

    Responder
  3. Muchas gracias me funcionó a la perfección, cree un botón con url = # y luego añadí un elemento html () bajo el botón creado y agregue el código que publicaste adentro.

    Responder

Responder a danicotillas Cancelar la respuesta

blogroll

Licencia de producción de pares excepto en lo que no sea de mi puño y bit.