Como mostrar postagens na Listing Grid com base na localização e distância

Abra o diretório WordPress Dashboard > JetEngine > JetEngine e ative o alternador Maps Listings na guia Módulos . 

Clique no botão “ Salvar ”.

Vá para a guia Configurações de mapas e ajuste as configurações de acordo com seus desejos.

As configurações serão salvas automaticamente.

Vá para Painel do WordPress > Filtros Inteligentes > Adicionar Novo . 

Preencha o Nome do Filtro e selecione o Tipo de Filtro “Localização e Distância” na guia Configurações de Filtro .

Além disso, preencha os campos Etiqueta do filtro e Etiqueta do filtro ativo . O primeiro rótulo pode ser usado próximo ao filtro na página, e o segundo será mostrado se os widgets/blocos Filtros Ativos ou Tags Ativas forem usados.

Pressione “ Atualizar ” para salvar o filtro.

Navegue até WordPress Dashboard > JetEngine > Query Builder para adicionar uma nova consulta.

Dê um Nome à consulta e escolha uma das opções de Tipo de Consulta ; deve ser aquele que suporta Geo Query . Entre as opções estão: “Consulta de postagens”, “Consulta de termos”, “Consulta de usuários” e “Consulta de tipo de conteúdo personalizado”.

Agora, escolheremos a opção “Posts Query”, pois trabalharemos com o Custom Post Type do JetEngine .

Na seção Consulta de Postagens , a guia Geral é aberta por padrão. No campo Tipo de postagem , escolhemos “Empregos (Vagas)” CPT .

Também definimos o status da postagem como “Publicar” para mostrar apenas as postagens que possuem esse status.

Você também pode preencher os próximos campos. No entanto, estes não são obrigatórios para completar o caso atual.

A próxima guia para prosseguir é Paginação . Aqui, definimos Posts Per Page .

A etapa mais importante é ajustar a guia Geo Search . 

Escolha o ponto necessário no mapa como centro para a pesquisa inicial na seção Selecionar local .

Preencha a barra Campo de endereço com a chave do metacampo que armazena informações de endereço sobre suas postagens.

Além disso, defina o valor da Distância , que servirá como raio ao redor do centro escolhido. Além disso, as unidades podem ser especificadas: “Quilômetros” ou “Milhas”.

A consulta agora está definida; você pode clicar no botão “ Adicionar consulta ”.

É hora de colocar o conteúdo na página. Vá para Painel do WordPress > Páginas > Adicionar novo ou abra o editor da página existente.

Você pode trabalhar com Gutenberg ou Elementor. 

Por enquanto, usaremos Elementor.

Assim que o editor for aberto, procure o widget Filtro de localização e distância e adicione-o à página.

Ajuste suas configurações. As etapas principais são selecionar o filtro ( selecionar barra de filtro) e definir seu provedor como “JetEngine”.

Se desejar, você pode alterar outras opções de personalização. Você pode descobrir mais sobre eles na Visão geral do filtro de localização e distância .

Como queremos exibir as postagens, adicionamos o widget Listing Grid .

Selecione a listagem com as postagens do tipo de postagem necessária na guia Configurações gerais .

Vá para a guia Consulta personalizada e ative o botão Usar consulta personalizada . Em seguida, escolha a consulta personalizada recém-criada .

Defina as configurações de estilo e clique no botão “ Publicar/Atualizar ”.

Agora, você pode verificar o resultado indo para o front end.

Você pode digitar o nome do local na barra de pesquisa e selecionar a opção necessária na lista suspensa.

Depois, você também pode escolher a distância na barra ao lado do local.

Clicar no botão “ Sua localização atual ” iniciará uma pesquisa em torno de sua localização atual.