vinomundi

Concordo plenamente com as opini?es!

Inclusive, está com problema no LayOut quando usado com o Fluid Checkout. O bot?o de pagar fica mais embaixo, escondido!

• This reply was modified 1 month ago by vinomundi.

Faltava uma atualiza??o no código…

Agora arrumei, caso queira ver como ficou.
Se o CEP estiver preenchido, mas o endere?o n?o, basta clicar ou no CEP ou no nome do logradouro, e ele roda a fun??o.

Segue o código com minhas modifica??es:

Espero que seja útil!

jQuery(document).ready(function ($) {
    // Variável para controlar se o campo de CEP já recebeu foco
    var firstFocus = true;

    // Fun??o para preencher automaticamente o endere?o com base no CEP
    function autocompleteAddressByCEP(cep, prefix) {
        // Mostra o ícone de carregamento
        $(#${prefix}_postcode_field).block({
            message: null,
            overlayCSS: {
                background: '#fff',
                opacity: 0.6
            }
        });

        // URL da API Viacep
        const url = https://viacep.com.br/ws/${cep}/json/;

        $.ajax({
            url: url,
            method: 'GET',
            dataType: 'json',
            success: function (data) {
                if (!data.erro) {
                    // Preenche os campos de endere?o com os dados obtidos da API
                    $(#${prefix}_state).val(data.uf).change();
                    setTimeout(function () {
                        $(#${prefix}_state).trigger('chosen:updated');
                    }, 100);
                    $(#${prefix}_city).val(data.localidade);
                    $(#${prefix}_neighborhood).val(data.bairro);
                    $(#${prefix}_address_1).val(data.logradouro);
                } else {
                    console.error('CEP n?o encontrado');
                }
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.error('Erro ao obter dados da API:', textStatus, errorThrown);
            },
            complete: function () {
                // Esconde o ícone de carregamento
                $(#${prefix}_postcode_field).unblock();
            }
        });
    }

    // Evento de foco no campo de CEP
    $('form.checkout').on('focus', '#billing_postcode, #shipping_postcode', function () {
        var prefix = this.id.split('_')[0];
        var cep = $(this).val().replace(/\D/g, ''); // Remover n?o dígitos do CEP
        
        if (firstFocus) {
            autocompleteAddressByCEP(cep, prefix);
            firstFocus = false; // Altera o valor do flag após o primeiro foco
        }
    });

    // Evento de foco no campo de logradouro (address_1)
    $('form.checkout').on('focus', '#billing_address_1, #shipping_address_1', function () {
        var prefix = this.id.split('_')[0];
        var addressField = $(this);
        
        // Verifica se o campo de logradouro está vazio antes de preencher
        if (!addressField.val().trim()) {
            var cepField = $(#${prefix}_postcode);
            var cep = cepField.val().replace(/\D/g, ''); // Remover n?o dígitos do CEP
            autocompleteAddressByCEP(cep, prefix);
        }
    });
	
    // Evento de mudan?a no campo de CEP
    $('form.checkout').on('input', '#billing_postcode, #shipping_postcode', function () {
        var prefix = this.id.split('_')[0];
        var cep = $(this).val().replace(/\D/g, ''); // Remover n?o dígitos do CEP
        if (cep.length === 8) {
            autocompleteAddressByCEP(cep, prefix);
        }
    });

});

Fernando, n?o rolou… Mas, mexi no código colocando algumas melhorias, e posso lhe passar, caso queira.

Pelo menos para meu uso, ficou satisfatório.

N?o sei se posso colocar aqui, ent?o, se for o caso, mando por email. Passe seu contato, por favor.

Fernando, testei com o Fluid Checkout desligado, e o mesmo problema ocorreu…

Inclusive troquei o tema pra ver se era ali o problema, mas aconteceu do mesmo jeito.

Fernando, identifiquei outra quest?o, que n?o sei se é exclusivo do Fluid Checkout, ou ocorre no checkout padr?o também.

é o seguinte: quando o usuário simula o frete no carrinho, e prossegue pra Finaliza??o, o campo CEP vem preenchido, mas o endere?o n?o.

E um caso ainda pior: se ele retorna ao carrinho, simula um frete pra um novo endere?o, e segue pra finaliza??o, o CEP é atualizado, e o endere?o continua o anterior!

Eu fiz um teste colocando uma chamada na fun??o quando o usuário coloca o foco no campo CEP. Melhorou, mas n?o resolveu, pois se ele vai direto no campo da rua, acaba tendo que preencher manualmente.

Você tem alguma ideia de como resolver isso?

Fernando, é sim, pois estou utilizando… Provavelmente a falha é no retorno da API que você está utilizando. Com o ViaCEP funciona bem.

Fernando, obrigado pelo retorno.

Nesse meio-tempo, eu tomei a liberdade de corrigir direto no código, e o resultado foi bom. Além disso, alterei o provedor para usar o ViaCEP, que me pareceu com tempo de resposta mais rápido, e com menos restri??es.

O problema é na API utilizada, que agora necessita atualiza??o.

Eu fiz uma modifica??o no código, pra usar outra API, e funcionou. Também uso Fluid.

Eu consegui resolver isso trocando o uso deste plugin por um snippet de código que utiliza outra API.

Se for permitido, posso passar o código por aqui.

Eu troquei o plugin por um Snippet de código que utiliza outra API. Por enquanto, resolveu…

Obrigado pela ajuda!

Por favor, atualizem o changelog…

Acabaram de liberar a vers?o 2.0, e o changelog ainda está na 1.81!

Mesmo problema aqui… Abri um chamado, e depois encontrei este aqui…

Boa sorte pra nós!

Caso encontre uma solu??o, avise aqui, por favor.

• This reply was modified 8 months, 3 weeks ago by vinomundi.

Obrigado pelo retorno.

Vide imagem:

View post on imgur.com