Como filtrar listagens com base na geolocalização

Antes de começar, certifique-se de ter ativado o módulo Maps Listings na guia Módulos do WordPress Dashboard > JetEngine > diretório JetEngine.

Vá para Painel do WordPress > JetSmartFilters > Adicionar novo .

Preencha o campo Nome do Filtro e selecione o Tipo de Filtro “Geolocalização do Usuário” .

Preencha o rótulo do filtro e os rótulos do filtro ativo . O primeiro pode ser exibido próximo ao filtro, e o segundo é usado para widgets/blocos de Tags Ativas e Filtros Ativos .

Clique no botão “ Publicar ”.

Vá para WordPress Dashboard> JetEngine> Query Builder e pressione o botão “ Adicionar Novo ”.

Dê um Nome à consulta e defina o seu Tipo de Consulta para uma das opções apresentadas, onde a pesquisa geográfica pode ser aplicada. Entre eles estão “Consulta de postagens”, “Consulta de termos”, “Consulta de usuários” e “Consulta de tipo de conteúdo personalizado”. Escolha de acordo com a fonte da Listing Grid que você deseja filtrar.

Na guia Geral da seção Consulta de Postagens a seguir , defina o Tipo de Postagem com o qual você está trabalhando e selecione o Status da Postagem .

Vá para a guia Geo Search e escolha o ponto no mapa Selecionar localização . Ele será usado como um centro de mapas.

Preencha o campo de endereço com o nome de um campo anexado ao tipo de postagem para extrair os dados sobre o local.

Especifique a distância e suas unidades para pesquisar somente em torno do raio definido.

Clique no botão “ Adicionar Consulta ” para salvar o resultado.

Vá para Painel do WordPress > Páginas e crie uma nova página (o botão “ Adicionar Nova ”) ou selecione a já construída (o botão “ Editar ”).

Uma página pode ser editada em Elementor, Bricks ou Gutenberg. Criaremos uma página com base no construtor de páginas Elementor.

Coloque o widget Título para personalizar a página e adicione o widget Geolocalização do usuário .

Escolha o filtro recém-criado no campo Selecionar filtro e anexe-o ao provedor “JetEngine” com a ajuda do campo Este filtro para .

Você também pode personalizar as seguintes configurações de widget, se necessário.

Certifique-se de ter adicionado um widget Listing Grid à página também. Selecione o Listagem desejado e ajuste os seguintes campos de personalização na aba Configurações gerais .

Na guia Consulta Personalizada , ative o botão Usar Consulta Personalizada e escolha a Consulta Personalizada que você criou anteriormente.

Depois que tudo estiver definido, pressione o botão “ Publicar/Atualizar ” para salvar as alterações.

Vá para o front-end para verificar o resultado. 

Aqui, a janela de permissão de localização aparecerá primeiro, caso o usuário ainda não a tenha concedido neste site. Se o usuário concordar em compartilhar sua geolocalização, a Grade de Listagem agora mostrará postagens com base na geolocalização do usuário.