# Como corrigir o JetTricks que não aplica efeitos no Elementor O JetTricks não aplica efeitos no Elementor quando o plugin ou o Elementor estão inativos ou desatualizados, quando o efeito é verificado apenas no editor (a maioria roda só no frontend publicado) ou quando cache e otimização de JavaScript bloqueiam os scripts do JetTricks. ## O que é JetTricks que não aplica efeitos no Elementor? O JetTricks é um addon da Crocoblock para o Elementor que adiciona efeitos visuais e de interface a widgets e seções: Tooltip, Hotspots, View More, Animated Box, Satellite, Unfold, Particles, Parallax e Sticky Section ou Column. Esses recursos não criam um widget isolado na maioria dos casos: eles ligam comportamentos extras a elementos que você já usa no Elementor, a partir de uma aba de configuração que o JetTricks injeta no editor. Quando o JetTricks não aplica efeitos no Elementor, o sintoma é o elemento ficar estático: a seção que deveria grudar ao rolar não fixa, o tooltip não abre no hover, o fundo de partículas não anima. A causa mais comum não é defeito do plugin, e sim onde o efeito é avaliado. Vários efeitos do JetTricks dependem de JavaScript que roda na página publicada, não na pré-visualização do editor de blocos do Elementor. Plugin inativo, versão antiga do Elementor e otimização agressiva de scripts completam o quadro. ## Como identificar - A seção marcada como Sticky Section no JetTricks não gruda no topo ao rolar a página publicada, comportando-se como uma seção normal. - O Tooltip configurado em um widget não abre ao passar o mouse, nem no editor nem no frontend. - O fundo de Particles ou o efeito Parallax aparece sem animação, mostrando apenas a imagem ou a cor estática. - As opções do JetTricks (aba ou seção extra de configuração) somem do painel de edição do widget ou da seção no Elementor. - No console do navegador (F12) aparecem erros de JavaScript ou avisos de arquivo .js do JetTricks que não carregou (404 ou bloqueado). **Antes de começar:** Antes de atualizar plugins, mexer na otimização de scripts ou desativar plugins em produção, faça um backup completo do site (arquivos e banco de dados) ou teste primeiro em um ambiente de staging, para reverter caso uma página quebre. ## Como prevenir - Mantenha o JetTricks e o Elementor sempre na mesma janela de versão estável, validando em staging antes de atualizar em produção, já que o JetTricks acompanha mudanças do Elementor. - Valide os efeitos sempre na página publicada em aba anônima, e não na pré-visualização do editor, porque a maioria roda apenas no frontend. - Ao usar plugins de cache ou performance, exclua os scripts do JetTricks e do Elementor das regras de defer, minificação e combinação de JavaScript. - Documente quais seções usam efeitos do JetTricks para revisá-las após cada atualização de tema, Elementor ou plugin de otimização. ## Causa - O plugin JetTricks foi desativado ou a licença da Crocoblock expirou: sem o plugin ativo, as abas de efeito somem do editor e nenhum script do JetTricks é enfileirado na página. - O efeito está sendo avaliado apenas na pré-visualização do editor do Elementor, mas efeitos como Sticky Section, Parallax, Particles e Satellite são executados por JavaScript que roda na página publicada, não dentro do editor. - A versão do Elementor é antiga ou incompatível com o JetTricks instalado: o JetTricks depende do Elementor ativo, e uma defasagem entre os dois impede o registro dos controles de efeito nos widgets. - Um plugin de cache ou de performance (como WP Rocket ou Perfmatters) está minificando, adiando (defer) ou combinando o JavaScript do JetTricks, quebrando a inicialização do efeito no frontend. - A função de Optimized DOM Output ou de melhorias experimentais do Elementor está ativa e altera a marcação que o JetTricks usa como âncora, fazendo o seletor do efeito não encontrar o elemento. ## Como resolver 1. Confirme que o JetTricks e o Elementor estão ativos e atualizados: Em Plugins, garanta que tanto o JetTricks quanto o Elementor estejam ativos. Atualize os dois para a versão estável mais recente e confirme a licença da Crocoblock, pois o JetTricks depende do Elementor ativo para registrar os controles de efeito. ``` Painel WP -> Plugins -> Plugins Instalados Confirme JetTricks e Elementor como Ativos e atualize ambos Painel WP -> Crocoblock -> verifique se a licença está ativa ``` 2. Teste o efeito na página publicada, não no editor: A maioria dos efeitos do JetTricks (Sticky Section, Parallax, Particles, Satellite) roda por JavaScript apenas na página publicada. Salve a página e abra a URL real em uma aba anônima para verificar o efeito, em vez de confiar na pré-visualização do editor. ``` No editor do Elementor, clique em Atualizar (Update) Abra a URL pública da página em uma aba anônima do navegador Role ou passe o mouse para conferir o efeito no frontend ``` 3. Limpe o cache e regenere o CSS do Elementor: Cache de página antigo serve uma versão sem o script do efeito. Limpe o cache do plugin de cache, do servidor e do CDN, e regenere os arquivos de CSS do Elementor para reconstruir a página com os assets do JetTricks. ``` Painel WP -> Elementor -> Ferramentas -> Regenerar arquivos & dados (Regenerate CSS & Data) Limpe o cache do seu plugin de cache (ex.: WP Rocket -> Limpar cache) Purgue o cache do CDN ou do Cloudflare, se houver ``` 4. Desligue a otimização de JavaScript para os scripts do JetTricks: Minificação, defer ou combinação de JS pode quebrar a inicialização do efeito. Desative temporariamente o adiar JavaScript e a combinação de arquivos no plugin de performance e recarregue o frontend para confirmar se o efeito volta. ``` Painel WP -> WP Rocket -> Otimização de arquivos -> desmarque 'Adiar JavaScript' e 'Combinar arquivos JS' Painel WP -> Perfmatters -> desative 'Defer JavaScript' (ou exclua os scripts do JetTricks) Limpe o cache e recarregue a página pública para testar ``` 5. Isole conflito de plugin ou de recurso experimental: Se o efeito ainda falhar, desative os demais plugins um a um e revise os Recursos (Features) experimentais do Elementor que alteram a marcação. Recarregue a página pública a cada teste para identificar o item que quebra o seletor do JetTricks. ``` Painel WP -> Plugins -> desative os outros plugins um a um Painel WP -> Elementor -> Configurações -> Recursos -> revise as opções experimentais ativas Recarregue a URL pública a cada teste e acompanhe o console (F12) ``` ## Código ```php