Como definir a fonte de dados do alternador do Query Builder em filtros de seleção e rádio

Criar filtro

Vá para Painel do WordPress > Filtros Inteligentes > Adicionar Novo para criar um novo filtro. 

Preencha o Nome do Filtro e vá para a seção Configurações do Filtro .

Escolha o tipo de filtro “Rádio” ou “Selecionar” .

Agora, escolhemos a opção “Selecionar”.

selecione o tipo de filtro

Escolha a fonte de dados “JetEngine Query Builder Switcher” e escolha as opções de consulta necessárias no campo Selecionar consulta .

Por exemplo, usamos consultas “Todos os livros”, “Livros em papel”, “E-books” e “Audiolivros”.

selecione o campo de consulta nas configurações do filtro

Altere o espaço reservado, se necessário, e deixe a opção Is Checkbox Meta Field (Jet Engine) desativada.

Prossiga para o campo Variável de Consulta . Pressione o botão “ Tags dinâmicas ” para ver as opções prontas apresentadas. Escolha a opção “Alternar consulta JetEngine”.

opções de campo variável de consulta

Deixe a opção “Igual (=)” no campo Operador de comparação e vá para a seção Etiquetas de filtro .

Preencha os campos Etiqueta do filtro e Etiqueta do filtro ativo para finalizar a configuração.

Clique no botão “ Atualizar ” para salvar o resultado.

rótulos de filtro
Coisas para saber

As mesmas configurações devem ser usadas se o tipo de filtro “Rádio” for selecionado.

Existem mais duas opções nas configurações do tipo de filtro “Rádio” : Adicionar todas as opções e Capacidade de desmarcar botões de opção . Eles são opcionais.

configurações de filtro de rádio

Ajustar conteúdo

Navegue até o diretório Painel do WordPress> Páginas e pressione o botão “ Adicionar novo ” ou abra a página que você construiu anteriormente.

A página pode ser editada em Elementor, Block Editor ou Bricks Builder.  

Coloque o widget de filtro ( Select Filter ou Radio Filter ) e o widget Listing Grid na página. Selecione a listagem necessária para o widget Grade de listagem .

listagem de widget de grade no elementor

Nas configurações do filtro, preencha o campo Selecionar Filtro com o nome do filtro recém-criado.

Escolha a opção “JetEngine” como provedor de filtro no campo Este filtro para .

Preencha o ID da consulta com um valor definido antecipadamente na consulta.

selecione configurações de filtro

Se você não configurou Query ID , você pode fazer isso na seção General Settings do WordPress Dashboard > JetEngine > Query Builder diretório.

Aviso

Todas as consultas usadas para opções de filtro devem ter IDs de consulta idênticos .

campo de identificação de consulta

O mesmo ID deve ser anexado ao widget Listing Grid . Vá para a seção Editar grade de listagem> Avançado> Layout e cole o valor necessário no campo CSS ID .

listando o campo de id css da grade

Vá para a guia Conteúdo e abra a seção Consulta Personalizada . Aqui, ative o botão Consulta Personalizada e escolha o item usado por padrão no filtro. No nosso caso, é “Todos os livros”.

alternância de consulta personalizada da grade de listagem

Opcionalmente, complete o restante das configurações e clique no botão “ Publicar/Atualizar ”.

Coisas para saber

Para o widget Filtro de Rádio , as configurações devem ser ajustadas da mesma forma que para o widget Selecionar Filtro .

configurações de filtro de rádio no elementor

Verifique o resultado

Vá para o início da página editada. Se ajustarmos as configurações corretamente, as opções de filtro “Selecionar” deverão representar as consultas definidas.

opção escolhida no filtro de seleção

Ou, se o tipo de filtro “Rádio” foi criado, as opções serão exibidas na forma de rádio correspondentemente.

opção escolhida no filtro de rádio

Isso é tudo sobre a fonte de dados “Query Builder Switcher” disponível como parte da funcionalidade do plug-in JetSmartFilters e JetEngine .

Índice