• Resolved syshin

    (@syshin)


    Hi, Thank you for your great plug-in!

    I have an issue with select boxes.
    I can repeat them but can’t see the options but the first one.
    I think the trigger doesn’t work, how can I fix it?

    Thank you, have a nice day!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter syshin

    (@syshin)

    or is there a way not to use trigger?
    I really don’t know well but it seems like that there is no scroll for the options because of trigger.
    How can I make a scroll for many options?

    Plugin Author Felipe Elia

    (@felipeelia)

    Hi syshin,

    Can you please share the website URL so I can give a look at it? That probably will make things easier to understand 🙂

    Thanks!

    Meu caro, o mesmo problema, ele não esta puxando os valores dos campos de seleção.

    Se quiser posso enviar os dados do formulário. e ou acesso

    Plugin Author Felipe Elia

    (@felipeelia)

    Os dados do formulário ajudariam bastante @filipecampos1985! Se puder mandar o endereço do site com o erro acontecendo seria 10.
    O acesso a gente não pode compartilhar por aqui, é contra as diretrizes do fórum.

    <!– Inicio Formulário de contato Home –>

    <!– Titulo –>

    <div class=”cf7-form-title”>
    pedido especial
    </div>

    <!– FIM Titulo –>

    <!– …………………………………………………………………………………………………………………… –>

    <!– Bloco identificação pedido –>

    <div class=”cf7-form-1 top_container”>
    <span class=”inline_text”>Olá, meu nome é</span>
    [text* text_name placeholder “NOME”]
    <span class=”inline_text”>, </span>
    <span class=”inline_text”>de </span>
    [text* text_cidade placeholder “CIDADE”]
    <span class=”inline_text”>e </span>
    <span class=”inline_text”>gostaria de fazer</span>
    <span class=”inline_text”> um pedido especial para </span>
    [select* select_occasion “EVENTO” “Aniversario” “Casamento” “Formatura” “aniversario de casamento” “aniversario de namoro” “Outras ocasiões”]
    <span class=”inline_text”>para </span>
    [date date-ocasio “DATA”]
    </div>

    <!–FIM Bloco identificação pedido –>

    <!– …………………………………………………………………………………………………………………… –>

    <!– Bloco Repetição Bombons –>

    [field_group bombons id=”bombons” tabindex:1]

    <div class=”cf7-form-1 product_ambar”>
    <span class=”inline_text”>Bombons de </span>
    [select select_recheios “Recheios” “coco” “maracuja”]
    <span class=”inline_text”>, </span>
    [select select_formato “Formato” “coco” “maracuja”]
    <span class=”inline_text”>,</span>
    [select select_cor “cor” “coco” “maracuja”]
    <span class=”inline_text”>, </span>
    [select select_pintura “Pintura” “coco” “maracuja”]
    <span class=”inline_text”>, </span>
    [text text_qts_bombons placeholder "QTS"]
    <span class=”inline_text”> Unidades.</span>
    </div>

    [/field_group]

    <!–FIM Bloco Repetição Bombons –>

    <!– …………………………………………………………………………………………………………………… –>

    <!– Bloco Informações adicional –>

    <div class=”cf7-form-1″>
    [textarea* your-message placeholder “Informação adicional”]

    </div>

    <!– FIM Bloco Informações adicional –>

    <!– …………………………………………………………………………………………………………………… –>

    <!– Bloco Entre em contato comigo por –>

    <div class=”cf7-form-1 top_container”>

    <span class=”inline_text”>Entre em contato comigo por </span>
    [email* your-email placeholder”email”]
    <span class=”inline_text”>ou</span>
    [tel* tel-230 placeholder”telefone”]
    <span class=”inline_text”>.</span>

    <!– FIM Bloco Entre em contato comigo por –>

    <!– …………………………………………………………………………………………………………………… –>

    <div class=”button_field”>
    <button type=”submit”>Enviar pedido</button>

    </div>
    </div>

    Plugin Author Felipe Elia

    (@felipeelia)

    O problema não é com o plugin, é com o Selectric. É preciso chamar um código para que o Selectric renderize o estilo diferente do select toda vez que um novo grupo é adicionado.

    Esse código aqui deve resolver:

    
    $( 'body' ).on( 'click', '.wpcf7-field-group-add', function() {
        $( 'select' ).selectric();
    } );
    
    • This reply was modified 6 years, 6 months ago by Felipe Elia.
    • This reply was modified 6 years, 6 months ago by Felipe Elia.

    Este código devo inserir em qual arquivo?

    Plugin Author Felipe Elia

    (@felipeelia)

    Alguns temas oferecem um campo para colocar código JavaScript personalizado. Se não for o caso, você vai precisar incluir em algum arquivo JS que já está sendo chamado pelo tema.

    Você também pode usar esse plugin para inserir código personalizado.

    Obrigado meu caro, vou usar este plugin por hora mas ates de entregar o projeto vou criar um js e chamar ele pelo function.

    muito grato pela ajuda!

    Solução completa.
    Colocar este código no funtion.php

    function wpb_hook_javascript() { ?>
    	<script type="text/javascript">
    	$( document ).ready(function() {
    		$( 'body' ).on( 'click', '.wpcf7-field-group-add', function() {
    			$( 'select' ).selectric();
    		} );
        });
    
    	</script>
    <?php
    }
    
    add_action('wp_footer', 'wpb_hook_javascript', 100 );

    Seu plugin é realmente muito bom, e agradeço a ajuda para resolver o problema.

    Plugin Author Felipe Elia

    (@felipeelia)

    As we didn’t hear from the OP during the last days I’m marking this thread as resolved. Hopefully, the workaround presented to filipecampos1985 will help him as well.

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

The topic ‘Select box issue’ is closed to new replies.