Elementor: Script para Delay de Container sem espaço vazio

[Yan]

Olá pessoal!

Uma dica bem iniciante, mas alguns podem ter dúvidas quanto ao funcionamento, então vou compartilhar abaixo um script para gerar delay no botão ou em qualquer outro container, e não deixar espaço em branco, como acontece caso se use um Motion Effect de Fade In.

1- Pegar um bloco HTML dentro do Elementor e colocar em qualquer lugar da página.

2- Colar o seguinte script:

<script>
$('.delayed').hide();
setTimeout(function() {
$('.delayed').show();
}, 750000);
</script>

 

Explicações:

.delayed: Representa o nome da classe. Esse nome delayed (sem o ponto) deverá ser colocado nas configurações do container, em advanced e em CSS Classes.

Todo container que tiver denominado com essa classe, respeitará esse delay.

750000: representa o tempo, em milissegundos, que o delay durará. Nesse exemplo, 750000ms representam 12 minutos e meio.

Se você quer saber exatamente quantos milissegundos colocar de acordo com o seu pitch, use essa calculadora:

https://www.inchcalculator.com/convert/minute-to-millisecond/

 

Qualquer dúvida, é só dizer. 😀

[Rato de Wall Street]

Fala Yan! Valeu por compartilhar, estava buscando isso... mas aqui não funcionou, sabe o que pode ser? Valeu!!

[e0dgrr2bg01o]

Em 03/02/2022 em 18:17, Yan disse:

Olá pessoal!

Uma dica bem iniciante, mas alguns podem ter dúvidas quanto ao funcionamento, então vou compartilhar abaixo um script para gerar delay no botão ou em qualquer outro container, e não deixar espaço em branco, como acontece caso se use um Motion Effect de Fade In.

1- Pegar um bloco HTML dentro do Elementor e colocar em qualquer lugar da página.

2- Colar o seguinte script:

<script>
$('.delayed').hide();
setTimeout(function() {
$('.delayed').show();
}, 750000);
</script>

 

Explicações:

.delayed: Representa o nome da classe. Esse nome delayed (sem o ponto) deverá ser colocado nas configurações do container, em advanced e em CSS Classes.

Todo container que tiver denominado com essa classe, respeitará esse delay.

750000: representa o tempo, em milissegundos, que o delay durará. Nesse exemplo, 750000ms representam 12 minutos e meio.

Se você quer saber exatamente quantos milissegundos colocar de acordo com o seu pitch, use essa calculadora:

https://www.inchcalculator.com/convert/minute-to-millisecond/

 

Qualquer dúvida, é só dizer. 😀

Aqui deu bom viu mano, agregou dms tmj!!

[Digital T6]

Mto bom esse script, mano! Resolvi um problema q tava me travando aqui faz tempo. Valeu demais por compartilhar!