Histórico da Página

Para garantir que o cliente consumidor insira seu CEP e visualize os produtos disponíveis diretamente na página inicial ou navegação pela loja virtual:

1. Solicite à equipe responsável pela interface da loja (ex.: agência parceira) a criação de uma modal ou campo para inserção do CEP na página inicial.

2. Configure a funcionalidade para que, ao inserir o CEP:

   • O sistema carregue apenas os produtos disponíveis nos estoques que atendem àquela região.

   • Utilize a rota /definir-cep para registrar o CEP informado e atualizar os produtos exibidos.

 Segue abaixo uma sugestão de como implementar o script para definir o CEP na navegação daquele consumidor.

app.tools.getCoordinates(postalCode, function(resp) {
    var lat = null;
    var long = null;

    if (resp.status == "OK") {
        lat = resp.results[0].geometry.location.lat.toString();
        long = resp.results[0].geometry.location.lng.toString();
    }
    
    $.ajax({
        url: browsingContext.Common.Urls.Shopping.Basket.Index + '/definir-cep',
        type: 'POST',
        data: {
            postalCode: postalCode,
            latitude: lat,
            longitude: long
        }
    }).done(function() {
        location.reload();
    }).always(function() {
        // Fechar modal
    });
});

O código JavaScript apresentado utiliza a API do Google Maps para converter um CEP fornecido pelo cliente em coordenadas geográficas (latitude e longitude). Essas informações são então enviadas, junto com o CEP, para a rota /definir-cep por meio de uma requisição AJAX. Após a conclusão da requisição, a página é recarregada para que os produtos exibidos na loja sejam atualizados com base no estoque que atende ao CEP informado.

Fluxo do Código

1. Obtenção das Coordenadas:

   • A função app.tools.getCoordinates chama o Google Maps para buscar as coordenadas do CEP fornecido.

   • Se o status da resposta for "OK", as coordenadas são extraídas e convertidas para strings.

2. Envio dos Dados:

   • Uma requisição AJAX é feita para a rota /definir-cep, enviando:

     • O CEP fornecido.

     • A latitude e longitude obtidas.

3. Atualização da Página:

   • Após o envio bem-sucedido dos dados, a página é recarregada para aplicar as alterações na exibição dos produtos disponíveis.

4. Fechamento da Modal:

   • A modal de inserção do CEP é fechada após o envio ou em qualquer caso de erro.

Essa abordagem garante que os produtos exibidos estejam alinhados com os estoques disponíveis para atender ao CEP informado, otimizando a experiência do cliente consumidor.