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

Vá para WordPress Dashboard > JetEngine > JetEngine e ative o botão Maps Listings na guia Módulos .

Clique no botão “ Salvar ”.

Abra a guia Configurações do Maps e ajuste as configurações de acordo com sua preferência.

Agora, as configurações serão salvas automaticamente.

Navegue até Painel do WordPress > Filtros Inteligentes > Adicionar Novo .

Preencha o campo Nome do filtro e escolha o tipo de filtro “Localização e distância” na guia Configurações de filtro .

Em seguida, preencha os campos Etiqueta do Filtro e Etiqueta do Filtro Ativo . O primeiro rótulo pode ser utilizado próximo ao filtro na página, e o segundo será mostrado caso sejam utilizados os elementos Filtros Ativos ou Tags Ativas .

Salve o resultado pressionando o botão “ Atualizar ”.

Abra a página WordPress Dashboard > JetEngine > Query Builder para adicionar uma nova consulta.

Preencha um campo Nome e selecione uma opção de Tipo de consulta que suporte 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 exibir apenas as postagens que possuem esse status.

Os seguintes campos não são obrigatórios para o caso. No entanto, sinta-se à vontade para concluí-los, se desejar.

Na aba Paginação , defina o valor Postagens por página .

Vá para a guia Pesquisa geográfica .

Aqui, selecione o ponto no mapa que servirá de centro para a pesquisa inicial na seção Selecionar local .

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

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

Clique no botão “ Adicionar consulta ” para finalizar a configuração.

Vá para WordPress Dashboard > Bricks > Templates > Add New ou abra o editor do modelo existente.

Procure o elemento Filtro de Localização e Distância com a ajuda da barra de pesquisa e adicione-o à página.

Ajuste as configurações do elemento Filtro de localização e distância . No campo Selecionar filtro , escolha o filtro que você construiu antes e selecione a opção “JetEngine” como Este filtro para provedor.

Trabalhe em outras configurações, se necessário.

Como queremos exibir as postagens, adicionamos o elemento Listing Grid à página também.

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

Na guia Consulta personalizada , ative a opção Usar consulta personalizada . Em seguida, escolha a consulta personalizada recém-criada .

Estilize a página e clique no botão “ Publicar/Atualizar ”.

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

Digite o nome do local na barra de pesquisa e escolha a opção desejada na lista suspensa.

Você também pode escolher uma distância na barra ao lado do local.

Se você clicar no botão “ Sua localização atual ”, será realizada uma pesquisa em torno de sua localização atual.