Visão geral Dynamic Visibility

O módulo é um dos módulos do JetEngine : JetEngine > JetEngine > Modul e s . A alternância Visibilidade dinâmica para widgets e seções ativa este módulo.

A guia Visibilidade Dinâmica está localizada na seção Avançado de qualquer widget do Elementor: Advanced > Dynamic Visibility . A alternância Ativar o ativa.

Agora você pode alterar os parâmetros de visibilidade deste elemento. No entanto, se quiser personalizar a visibilidade de outro elemento, você terá que habilitar o módulo para ele separadamente.

Tipo de condição de visibilidade

Este menu suspenso tem apenas duas opções:

• Mostrar elemento se a condição for atendida – o elemento escolhido ficará visível se as condições escolhidas forem atendidas;
• Ocultar elemento se a condição for atendida – o elemento ficará oculto se as condições forem atendidas.

Vamos supor que você escolha a opção Mostrar elemento se a condição for atendida .

” alt=”tipo de condição de visibilidade” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/02/visibility-conditions-type.png” />

Seleção de Condições

O menu suspenso Condições lista diferentes grupos de condições. Os usuários podem adicionar uma ou algumas condições a cada elemento. Eles cobrem diferentes opções; portanto, alguns deles podem ter pequenas diferenças. O botão “Adicionar Item” adiciona uma nova Condição . Você também pode duplicar qualquer uma das Condições adicionadas pressionando um botão duplicar (aquele com um ícone de folha de papel duplicada).

Condições Gerais

As Condições Gerais incluem as opções Consulta Tem Itens e Consulta Não Tem Itens . Se escolhido, eles ativam o menu suspenso Consulta para verificar para selecionar uma consulta com ou sem os itens necessários;

• As opções Igual, Diferente, Maior que, Maior ou Igual, Menor que e Menor ou Igual , se escolhidas, ativem o menu suspenso Campo, Campos de valor e Contexto .
  • o Campo permite digitar o nome de um campo ou escolher os metacampos no menu suspenso pressionando o botão “Tags Dinâmicas” . Para o último caso, você pode selecionar um metacampo desenvolvido pelo plugin JetEngine ou plugins associados, ou seja, JetReviews .

Os metacampos JetEngine têm a seguinte funcionalidade:

• Imagem personalizada , Campo personalizado e Galeria JetEngine são campos que os usuários podem adicionar a uma meta box ou tipo de postagem personalizado. Ao escolher Imagem personalizada , você seleciona o tipo de campo Mídia , Galeria JetEngine – o tipo de metacampo Galeria e Campo personalizado para todos os outros tipos de metacampo. O tutorial Visão geral dos tipos de metacampos explica os tipos de campos disponíveis.
• Os campos Term Field e Term Image permitem adicionar termos e imagens, respectivamente.
• Opção , Imagem de opções e Galeria de opções são campos criados na guia Páginas de opções do menu JetEngine . Para saber mais sobre eles, leia o tutorial da página de opções .
• Campo de usuário e imagem de usuário são campos responsáveis ​​por todos os metacampos anexados às contas de usuário.
• A tag Dynamic Function define os intervalos dinâmicos dos valores dos campos numéricos.
• Os metacampos JetEngine têm a seguinte funcionalidade:
• Imagem personalizada , Campo personalizado e Galeria JetEngine são campos que os usuários podem adicionar a uma meta box ou tipo de postagem personalizado. Ao escolher Imagem personalizada , você seleciona o tipo de campo Mídia , Galeria JetEngine – o tipo de metacampo Galeria e Campo personalizado para todos os outros tipos de metacampo. O tutorial Visão geral dos tipos de metacampos explica os tipos de campos disponíveis.
• Os campos Term Field e Term Image permitem adicionar termos e imagens, respectivamente.
• Opção , Imagem de opções e Galeria de opções são campos criados na guia Páginas de opções do menu JetEngine . Para saber mais sobre eles, leia o tutorial da página de opções .
• Campo de usuário e imagem de usuário são campos responsáveis ​​por todos os metacampos anexados às contas de usuário.
• A tag Dynamic Function define os intervalos dinâmicos dos valores dos campos numéricos.
• O campo Macros especifica as macros para retornar os campos necessários. O tutorial Macros Guide explica as principais características das macros desenvolvidas pela JetEngine .

• A tag dinâmica do campo de objeto atual retorna dados de consultas SQL.
• As tags dinâmicas de URL da página de perfil adicionam o link para o perfil do usuário em suas páginas únicas.
• Armazenamentos de dados: contagem de postagens, armazenamentos de dados: contagem de lojas, armazenamentos de dados: tags dinâmicas Get Store adicionam dados apropriados de armazenamentos de dados. O tutorial Módulo de armazenamento de dados apresenta uma visão geral das configurações do Módulo de armazenamento de dados .

Depois de escolher a Tag , você pode personalizá-la com mais precisão. Clicar no ícone de engrenagem no lado esquerdo da barra permite editar o menu suspenso.

• O campo Valor permite definir valores ou listas de valores (números, letras, palavras e até frases) para comparar dados.
• O menu suspenso Contexto tem duas opções: opções de objeto de lista padrão e atual para obter o valor de uma postagem atual por padrão ou do objeto de item de listagem atual.

Além disso, as opções Igual, Maior que, Maior ou Igual, Menor que e Menor ou Igual possuem o menu suspenso Tipo de dados : Caracteres (comparação alfabética) – as letras são comparadas de acordo com a ordem alfabética. Nele, cada letra tem seu número sequencial (“b” tem prioridade sobre “a”, por exemplo); Numérico – os números são comparados de acordo com seu valor; Data e hora – a data ou hora são comparadas de acordo com sua posição na linha do tempo.

• Na lista e Não na lista estão tags dinâmicas para os metacampos Checkbox , Select e Radio . O elemento será mostrado ou não se um usuário escolher na lista o valor que você digita na área de texto Valor de acordo.
• As condições Existe e Não existe significam que o elemento aparecerá ou não na página somente se o metacampo escolhido for preenchido ou preenchido com dados de acordo.
• Contém e Não contém condições – o elemento será mostrado ou não apenas se o metacampo selecionado contiver ou não os dados que você digita na área de texto Valor de acordo.
• As condições Entre e Não Entre permitem exibir elementos com valores entre ou não entre dois valores de acordo.
• As condições Regexp e Not Regexp exibem ou não exibem elementos se o elemento corresponder ou não ao valor da expressão regular adequadamente.
• A condição do dispositivo móvel permite exibir elementos apenas em dispositivos móveis.

Condições específicas do JetEngine

• As condições da página de perfil significam que o elemento será exibido apenas na página de perfil do usuário.
• Switcher habilitado / Switcher desabilitado . Essas duas condições são criadas especialmente para os metacampos do Switcher. O elemento será mostrado se o switcher do Campo mencionado estiver habilitado ou desabilitado;
• O valor está verificado / O valor não está verificado . As condições para os metacampos específicos do JetEngine Checkbox. Você pode escolher o Campo e o Valor . Quando o usuário marca esse valor – o elemento será mostrado.

Condições do usuário

• A meta do usuário é . O elemento será mostrado se o usuário tiver um valor especificado no metacampo. Você pode adicionar metacampos personalizados aos usuários por meio do Meta Box ;
• O usuário possui campo obrigatório . Insira os campos do usuário que precisam ser verificados na área de texto Lista de campos . Podem ser campos padrão do WordPress (por exemplo, first_name, last_name, description, user_nicename) ou metacampos personalizados adicionados via Meta Box . A condição será atendida se o usuário possuir os dados fornecidos em todos os campos especificados;
• A meta do usuário é igual a post meta (coloque a chave post meta em valor) . Mostra o elemento se os metadados do usuário e da postagem tiverem os mesmos valores. Insira a pós-meta-chave no campo Valor para comparar seu valor com os metadados do usuário;

• O usuário pode adicionar postagem. Você pode restringir alguns usuários de publicar determinados tipos de postagem na janela de manutenção do Profile Builder . Esta condição significa que o elemento ficará visível para usuários que tenham permissão para publicar este tipo de postagem. Prossiga para este tutorial para aprender como limitar o acesso do usuário com o Profile Builder ;
• Usuário logado . O elemento é mostrado apenas para usuários autorizados;
• Usuário não logado . O elemento é mostrado apenas para usuários não autorizados;
• A função do usuário é . O elemento é mostrado apenas para os usuários que possuem uma função específica atribuída a eles. Para saber como atribuir a função a um usuário, dê uma olhada neste tutorial do WordPress ;
• A função do usuário não é . O elemento é mostrado apenas para os usuários cujas funções não correspondem às mencionadas;
• O ID do usuário é . Somente os usuários cujos números de ID você digitar no campo IDs de usuário verão o elemento;
• O ID do usuário não é . Os usuários cujos IDs você digitará no campo User IDs não verão o elemento.

Condições de postagem

• O status da postagem é . O elemento será mostrado apenas nas páginas com o status especificado;
• É postado pelo usuário atual . O elemento será mostrado apenas nas páginas criadas pelo usuário atual. Pode ser usado na página da conta do usuário ;

• É postado pelo usuário consultado . O elemento será mostrado apenas nas páginas construídas pelo usuário consultado. Pode ser utilizado apenas nas páginas do Profile Builder e na listagem de usuários;
• O ID da postagem é . Com esta condição escolhida, o elemento será mostrado apenas nas páginas que você mencionar na  área Valor  . Você deve digitar o ID da página (apenas o número). Cada postagem ou página tem seu número de identificação exclusivo. Para encontrá-lo, abra a postagem ou página e veja seu URL. O número após “post=” será o ID do post. Se houver mais de uma postagem, separe os valores com vírgulas (não são necessários espaços adicionais);
• O ID da postagem não é . Neste caso, o elemento será mostrado em todas as páginas exceto aquelas que você menciona na  área Valor  ;
• O tipo de postagem única é . Para esta condição, você deve digitar o slug do tipo de postagem na  área de texto Valor  . O elemento será mostrado apenas nas páginas referentes a esse tipo de postagem. Para encontrar o slug necessário, vá para  Dashboard  >  JetEngine  >  Post Types  e observe a   coluna Post Type Slug ;
• O tipo de postagem única não é . O elemento será mostrado para todas as postagens, exceto postagens do tipo post com um slug que você digitará na área de texto Valor ;
• O arquivo do tipo de postagem é . Mostra o elemento apenas no arquivo do tipo de postagem com um slug inserido na área de texto Valor ;
• Post Type Archive não é . O elemento é visível para todos os arquivos de tipo de postagem, exceto aquele com um slug inserido na área de texto Valor ;
• Arquivo de taxonomia é . Mostra o elemento apenas no arquivo de taxonomia, com um slug inserido na área de texto Valor ;
• O Arquivo de Taxonomia não é . O elemento será mostrado para todos os arquivos de taxonomia, exceto aquele com um slug inserido na área de texto Valor ;
• São resultados da pesquisa . Mostra o elemento somente na página Arquivo de resultados de pesquisa. Para saber como criar um arquivo personalizado para os resultados da pesquisa, prossiga para este tutorial ;
• Não são resultados de pesquisa . Mostra o elemento em todos os lugares, exceto na página Arquivo de resultados de pesquisa;
• É o autor da postagem atual . Exibe o elemento somente se o usuário atual for o autor da postagem;
• Não é o autor da postagem atual . Exibe o elemento se o usuário atual não for o autor da postagem;
• A postagem tem termos . Mostra o elemento se uma postagem tiver termos atribuídos;
• A postagem não tem termos . Mostra o elemento se uma postagem não tiver termos atribuídos;

Ativação de condições hierárquicas para postagens

As condições Is Parent Post , Is Not Parent Post , Is Child Post of e Is Not Child Post estão ativas se o Painel do WordPress > JetEngine > Post Types > Hierarchical toggle estiver ativado.

Essa alternância também permite tornar o tipo de postagem hierárquico, definindo postagens principais e secundárias. Se ativada, a opção “ Atributos da página ” no menu suspenso Suporte no painel “Edição rápida” define as postagens principais. Você pode ir para o tipo de postagem hierárquica e clicar em “Edição rápida” de uma das postagens, selecionar a postagem principal e pressionar o botão “Atualizar” .

Condições de data e hora

• Período de tempo . O elemento será mostrado apenas em períodos de tempo especificados. Insira o horário preferencial nos campos Hora inicial e Hora final no formato de 24 horas (por exemplo, 23h);
• Dias da semana . O elemento será mostrado apenas em dias específicos da semana. Defina os dias da semana desejados no seletor de Dias da Semana .

Listagens

Estas condições podem ser aplicadas aos elementos dos modelos de listagem . Por exemplo, ao definir as condições “É par” e “É ímpar”, você pode alternar diferentes elementos na listagem. Além disso, esteja ciente de que essas condições são aplicadas somente às listagens mais próximas e não são aplicáveis ​​da listagem aninhada à listagem pai e vice-versa.

• É mesmo item . Mostra o elemento se o Item de Listagem no widget ou bloco Grade de Listagem for par (segundo, quarto, etc.);
• É um item estranho . Mostra o elemento se o Item de Listagem no widget ou bloco Grade de Listagem for ímpar (primeiro, terceiro, etc.);
• É N item . Mostra o elemento se o item da listagem for N consecutivo. Por exemplo, se você definir o Número como “3”, o elemento será mostrado se o Item da Listagem for o terceiro consecutivo. Se você ativar a alternância Cada número N , o elemento será exibido para cada terceiro item.

Defina a relação

A última característica a definir é Relação e possui apenas duas opções:

• AND – O tipo de condição de visibilidade funcionará somente se todas as condições definidas forem atendidas;
• OU – O tipo de condição de visibilidade funcionará se alguma das condições definidas for atendida.

O plugin JetEngine foi atualizado e agora permite aplicar Visibilidade Dinâmica aos blocos do editor padrão do WordPress.

Selecione um bloco em Gutenberg. Haverá um ícone em forma de olho na barra de ferramentas na parte superior do bloco.

Depois de clicar nele, você verá uma janela pop-up com o botão Ativar .

Ligue-o e prossiga para configurar as condições de visibilidade para o bloco atual.

Defina o tipo de visibilidade e adicione as condições necessárias.

Assim que terminar as configurações, feche as janelas de condições e atualize a página.