Pessoal, algumas pessoas tem me perguntando a maneira em que escondi os campos de endereço do checkout do Woocommerce até que o CEP seja digitado. Sendo assim criei um exemplo mostrando como os campos ficam ocultos e aparecem após o preenchimento do CEP.

Uma observação importante: é necessário que estejam instalados os plugins “Correios for WooCommerce” e “Brazilian Market on WooCommerce“, que se trata do mesmo plugin anteriormente chamado de “Woocommerce Extra Checkout Fields for Brazil”. Ambos os plugins são do autor Claudio Sanches.

Lembre-se de ativar a opção de “Ativar autopreenchimento de endereços” nas configurações do plugin dos Correios.

Agora voltando ao nosso conteúdo, simplesmente adicione o seguinte código jQuery abaixo na página de finalização da compra do seu Woocommerce.

Obs: Caso não tenha conhecimento de como adicionar o código, você pode usar o plugin: “Simple Custom CSS and JS” para inserir o código:

 

Código jQuery:

Comentários