Estilo do campo seletor

Resolved lucasgibelli
(@lucasgibelli)

9 years, 6 months ago

Olá!

Todos os campos estão com o mesmo estilo do meu tema, porém campos “Seletores” do plugin parece não adotar a classe do mesmo, tal como na imagem abaixo:

Alguém sabe me informar como eu posso deixar o campo “Sexo” com o mesmo estilo do campo “Estado”?

Desde já, agradeço toda a ajuda!

Atenciosamente,
Lucas Gibelli.

Viewing 10 replies - 1 through 10 (of 10 total)

Plugin Author Claudio Sanches
(@claudiosanches)

9 years, 6 months ago

Este plugin não adiciona qualquer estilo no formulário, quem deve dar ou não estilos é o seu tema e no caso esta claro que o seu tema não esta dando estilo para campos do tipo “select”, dando estilos apenas para os campos do Select2.
Então basta corrigir isso no seu tema com CSS.

Thread Starter lucasgibelli
(@lucasgibelli)

9 years, 6 months ago

Olá!

Agradeço o suporte.

Isso mesmo… Estou tentando fazer, mas sem sucesso. Sabe me dizer como eu posso corrigir isso no CSS?

Atenciosamente,
Lucas.

Plugin Author Claudio Sanches
(@claudiosanches)

9 years, 6 months ago

Impossível dizer, já que depende do seu tema e você pode até usar o editor de CSS que tem nativo agora no WordPress 4.7 para isso agora.

Thread Starter lucasgibelli
(@lucasgibelli)

9 years, 6 months ago

Compreendo, você tem razão.

Pelo o que vi aqui, o meu tema está atribuindo a classe como “nomedotema-select” (prefixo), eis o motivo de não estar atribuindo aos demais seletores, uma vez que estão com a classe “select”.

Estou tentando copiar o CSS do “select2” e colar como “select” apenas, porém não teve efeito. Sabe me dizer se tem como eu substituir a classe do campo sexo por “nomedotema-select”? Estive procurando pelos arquivos, mas não encontrei. Acredito que talvez possa funcionar.

Obrigado novamente!
Plugin Author Claudio Sanches
(@claudiosanches)

9 years, 6 months ago
Tem como alterar tudo nos campos usando o filtro woocommerce_billing_fields.

Aqui um exemplo de código:
```
function my_custom_wc_billing_fields( $fields ) {
	$fields['billing_sex']['class'] = array( 'form-row-last', 'nomedotema-select' );

	return $fields;
}

add_filter( 'woocommerce_billing_fields', 'my_custom_wc_billing_fields', 100 );
```
Pode criar um plugin para esse código (o que seria mais recomendado a fazer) ou colocar no functions.php do seu tema filho.
Thread Starter lucasgibelli
(@lucasgibelli)

9 years, 6 months ago
Olá!

Fiz isso, mas infelizmente não funcionou. Surtiu um pouco de efeito, alterou o estilo dele, deixou o campo sem fundo, transparente, acabou não ficando igual aos demais campos seletores. É um problema do meu tema mesmo. 🙂

Bom, em todo caso, deixo aqui meu feedback para quem estiver passando pelo mesmo problema que eu. Pelo menos para o meu tema, consegui corrigir este problema da seguinte maneira:

1º – Eis uma solução em JavaScript, criando um novo arquivo .JS, salvando como woo-fix-selectors.js com o código abaixo e colocando o mesmo em wp-content/themes/tema-filho/js.
```
  jQuery('.form-row > select:visible').each(function() {
       jQuery(this).wrap('<div class="meutema-select">');
  });
```
2º – Depois de fazer isso, apenas adicionei o código abaixo na página functions.php do tema filho:
```
function child_fix_woo_selectors () {
    wp_enqueue_script(
        'woo-fix-selectors',
        get_stylesheet_directory_uri() . '/js/woo-fix-selectors.js',
        array('jquery'), '', true
    );
}
add_action( 'wp_enqueue_scripts', 'child_fix_woo_selectors');
```
Agradeço o excelente suporte, Claudio!

Atenciosamente,
Lucas Gibelli.
- This reply was modified 9 years, 6 months ago by lucasgibelli.
- This reply was modified 9 years, 6 months ago by lucasgibelli.
Plugin Author Claudio Sanches
(@claudiosanches)

9 years, 6 months ago

Nossa, poderia ter arrumado por CSS, do que inserir um wrap de HTML com jQuery…

Plugin Author Claudio Sanches
(@claudiosanches)

9 years, 6 months ago

E @lucasgibelli era bom você ler a regras do fórum: https://make.wordpress.org/support/handbook/forum-welcome/#avoid-signatures
Thread Starter lucasgibelli
(@lucasgibelli)

9 years, 6 months ago
Tentei arrumar por CSS e não deu muito certo, ao menos por enquanto. Bom, essa foi a solução que encontrei e está funcionando perfeitamente para o plugin em questão.

Já li as regras quando me cadastrei, não achei que seria um problema isso. Minha “assinatura” é apenas uma educação formal de minha parte, pois ajuda o leitor a lembrar no final quem escreveu no final. Força do habito. 😉

De qualquer forma, senti a necessidade de deixar aí uma solução funcional que talvez possa ajudar outras pessoas, apenas como forma de agradecimento. Todavia, sinta-se livre para editar ou apagar um mais das minhas publicações, assim como divulgar uma alternativa em CSS, caso ache necessário. Abraço!
- This reply was modified 9 years, 6 months ago by lucasgibelli.
Plugin Author Claudio Sanches
(@claudiosanches)

9 years, 5 months ago

@lucasgibelli não sou eu que apago ou faço as regras, mas os moderadores do grupo cobram isso de mim e estou passando de volta.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Estilo do campo seletor’ is closed to new replies.