Quando o usuário vai finalizar uma compra o woocommerce mostra os campos do checkout organizados da forma padrão, só que o projeto que eu estava desenvolvendo pedia por uma disposição dos campos de forma diferente. Então pesquisando achei uma solução simples e que funciona muito bem.
Na pasta checkout do woocommerce tem um arquivo de nome form-billing.php, nele estão os campos que aparecem no checkout. Você vai copiar a pasta e o arquivo para o seu tema para pode editar.
Ao abrir o arquivo ele estará desta forma:
Ele distribui os campos através de um foreach, então para mudar os campos vamos mexer nessa função, e ela ficará desta forma:
Você vai colocar os nomes dos campos na ordem em que deseja dentro de um array(), e depois fazer um foreach para mostras os campos utilizando a própria função do woocommerce: woocommerce_form_field(), como no exemplo acima. Eu fiz dois foreach por que queria colocar em divs diferentes, mas você poderá personalizar como quiser.
Aprenda como reorganizar os campos de checkout do woocommerce
- Laynara Vieira
- Leia e faça um cometário!
- 2582 visualizações
Comentários
- Eduardo Cardillo em Você excedeu o limite de gastos no Gerenciador de Anúncios do Facebook?
- Nara em Você excedeu o limite de gastos no Gerenciador de Anúncios do Facebook?
- Eduardo Cardillo em Como atribuir uma Conta de Anúncios a um Pixel no Facebook Business
- Eduardo Cardillo em Você excedeu o limite de gastos no Gerenciador de Anúncios do Facebook?
- Eduardo Cardillo em Você excedeu o limite de gastos no Gerenciador de Anúncios do Facebook?
Arquivos
- outubro 2024
- maio 2024
- abril 2024
- março 2024
- novembro 2023
- outubro 2023
- janeiro 2022
- dezembro 2021
- novembro 2021
- outubro 2021
- abril 2021
- março 2021
- fevereiro 2021
- janeiro 2021
- novembro 2020
- outubro 2020
- maio 2020
- abril 2019
- março 2019
- fevereiro 2019
- janeiro 2019
- julho 2018
- junho 2018
- abril 2018
- março 2018
- junho 2017
- maio 2017
- março 2017
- julho 2016
- abril 2016
- maio 2015
- abril 2014
- agosto 2013
- julho 2013
- junho 2013
- maio 2013
- novembro 2012
- julho 2012