O Elementor 3.19 trouxe uma nova funcionalidade: Display Conditions
Neste post, vou explicar como funciona o Display Conditions do Elementor na versão 3.19. Essa nova funcionalidade permite que você adicione condições dinâmicas aos componentes.
Configurando o Elementor
Antes de começarmos, é importante garantir que você tenha a versão 3.19 do Elementor instalada e atualizada. Vá até as configurações e recursos do Elementor para encontrar a opção “Exibir Condições”. Certifique-se de deixar a opção como “Ativo”. É importante mencionar que essa funcionalidade ainda está em fase Alfa e pode haver alguns bugs ou conflitos. No entanto, nos meus testes, funcionou bem.
Exemplo de Uso: Ocultando um Título
Vamos imaginar que você deseja ocultar um título em uma determinada página do seu site. No exemplo a seguir, vamos ocultar o título “Postagens Recentes” em uma página inicial. Vá até as configurações avançadas do componente de título e role um pouco para baixo até encontrar a opção “Exibir Condições”. Ao clicar no ícone correspondente, um pequeno pop-up será exibido, onde você pode inserir as condições.
No primeiro bloco de opções, você encontrará as seguintes opções: página, parente, autor, categorias, tags, data de modificação, data de publicação e muito mais. Por exemplo, você pode criar um display condition baseado nos dias da semana. Se você possui um site de cardápio, pode configurar para que apenas os pratos do dia sejam exibidos em cada dia da semana. Essa é apenas uma das inúmeras possibilidades.
Outra opção interessante é a condição “From URL”. Por exemplo, se você é um administrador e está logado, você pode configurar para que determinado conteúdo seja exibido apenas para você quando estiver logado. Você pode fazer o mesmo para diferentes papéis de usuário, como assinantes, autores, etc. As opções são vastas.
Exemplo Prático: Exibindo um Título em um Dia Específico
Vamos fazer um exercício prático usando a condição “Day of the Week” (Dia da Semana). Por exemplo, se hoje for segunda-feira, vamos exibir um título específico. Para isso, usaremos a condição “is” e selecionaremos “Monday”.
Depois de configurar a condição, atualize a página. Se a condição for satisfeita, o título será exibido. Para testar, abra uma janela anônima e verifique se o título é exibido novamente. Se a condição não for satisfeita, o título não será exibido. Essa é uma maneira simples de criar conteúdo baseado nos dias da semana.
Condições em Sessões e Contêineres
É importante mencionar que as condições não se limitam apenas aos títulos. Você também pode aplicá-las em sessões e contêineres. Isso torna mais fácil ocultar um bloco inteiro com base em uma condição. Ao aplicar uma condição ao contêiner, todos os componentes dentro dele serão afetados pela mesma condição, o que é muito mais prático.
Considerações Finais
O Display Conditions do Elementor é uma funcionalidade poderosa que permite adicionar condições dinâmicas aos componentes do seu site. Embora seja recomendado o uso do Elementor Pro para aproveitar ao máximo essa funcionalidade, você pode adquirir o Elementor Pro a um preço acessível através do link na descrição deste vídeo.
Espero que este post tenha sido útil para você entender como funciona o Display Conditions do Elementor. Se você tiver alguma dúvida ou precisar de suporte, fique à vontade para entrar em contato comigo. Até o próximo conteúdo!
