Ir para conteúdo

Uma coisa que é bem comum acontecer quando você desenvolve sua loja virtual, sãos os campos do checkout ficarem bagunçados. As vezes isso ocorre quando você desativa algum campo no módulo ou então seu tema não é totalmente compatível com ele.

image.png

Mas como resolver esse problema? É simples. Esse plugin possuí classes CSS no qual indica quando o campo fica em PRIMEIRO e em SEGUNDO. Nesse exemplo, o BAIRRO está alinhado a esquerda e a cidade a direita. Ao realizar a correção invertendo a classe form-row-first você resolve o problema.

1. Acesse o FTP e vá em /wp-content/plugins/woocommerce-extra-checkout-fields-for-brazil/includes/
2. Abra o arquivo class-extra-checkout-fields-for-brazil-front-end.php
3. Localize o campo que deseja editar, eu irei editar o billing_city (Cidade) e billing_neighborhood (Bairro). Por volta da linha 241 você localiza.

image.png
4. Na linha 250 em billing_neighborhood, localize form-row-first e toque por form-row-last
5. Já na linha 257 em billing_city, localize form-row-last e troque por form-row-first.

Use o código abaixo como exemplo.

		$new_fields['billing_neighborhood'] = array(
			'label'    => __( 'Neighborhood', 'woocommerce-extra-checkout-fields-for-brazil' ),
			'class'    => array( 'form-row-last', 'address-field' ),
			'clear'    => true,
			'priority' => 65,
		);

		if ( isset( $fields['billing_city'] ) ) {
			$new_fields['billing_city'] = $fields['billing_city'];
			$new_fields['billing_city']['class'] = array( 'form-row-first', 'address-field' );
		}

6. É só salvar e substituir pelo arquivo que está no ar. 
Esse é o resultado final.

image.png

Espero que ajude-os.

Feedback do Usuário

Comentários Recomendados

fredfsa

Leecher

Postado

obrigado pela dica!!

Postado

  • Fundador

Só para registrar pessoal, após a última atualização parou de rodar a mudança, então troquei a ordem dos campos do bairro, colocando ele como 55. Isso fez com que ele se alinhasse logo após o número.

image.png

Crie uma conta ou entre para comentar