• Resolved lucasgibelli

    (@lucasgibelli)


    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:

    Campo Seletor

    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)

    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)

    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)

    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)

    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)

    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)

    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:

    1o – 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">');
      });

    2o – 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.

    Plugin Author Claudio Sanches

    (@claudiosanches)

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

    Plugin Author Claudio Sanches

    (@claudiosanches)

    Thread Starter lucasgibelli

    (@lucasgibelli)

    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!

    Plugin Author Claudio Sanches

    (@claudiosanches)

    @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.