As janelas pop-up nem sempre são desejáveis e provavelmente são desaprovadas por muitos devido ao fato de serem infames por serem usadas para abrir anúncios. No entanto, pode haver uma necessidade genuína de abrir links em uma janela pop-up em aplicativos da web. Nesta postagem, mostrarei como podemos definir facilmente o comportamento do clique em links para abri-los em um pop-up junto com algumas opções de personalização, como dimensionar a janela pop-up.
Código JS no header do template:
<script src="https://code.jquery.com/jquery-3.6.1.slim.js"></script>
<script>
$(document).ready(function(){
$('a[target="popup"]').click(function(){
window.open($(this).attr('href'),'popup','width=600,height=600,scrollbars=no,resizable=no');
return false;
});
});
</script>
Depois de adicionarmos o código acima diretamente no header do seu tema, iremos para a parte prática.
Ao editar um botão no Elementor, iremos adicionar o seguinte trecho nos atributos personaliados do botão, como na imagem: target|popup
Pronto, todos os botões que tiverem este atributo abrirão a URL colocada no botão em uma caixa de modal em HTML.
