Support » Plugin: Country & Phone Field Contact Form 7 » Country code drop down list doesn’t appear in Elementor popup

  • Resolved habarovchanin

    (@habarovchanin)


    Hello,
    My name is Pavel.

    I am trying to create wordpress website by myself and I have no knowledge in coding at all.
    I have installed your plugin for contact form 7 in order to add country code choice. Your plugin is amazing, thank you very much for it! Unfortunatelly I faced a small problem with it, hope you can help me.
    I am trying to place this form on elementor popup and everything is ok in editing mode, but when I save changes, dropdown menu with country codes doesn’t open. I can see one flag, but there is no dropdown menu and no country code.
    When I place this form on regular page, everything is ok. The problem appears only when I place it on popup.
    I can send you screenshots if you need them (I already sent them to you in facebook).
    Please, help me. Thanks in advance.

    Kind regards,
    Pavel

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Narinder Singh

    (@narinderbisht)

    Hi @habarovchanin,

    Thank you for using my plugin.
    Yes, definitely I will try to fix your issue. So many scribers shared CSS and styling conflict on support board with me. It’s due to CSS conflict.
    You can share a screenshot. I tried to fetch the page from the website URL, which you shared with me.
    Please share exact link and screenshot.

    Regards
    Narinder,

    Thread Starter habarovchanin

    (@habarovchanin)

    Plugin Author Narinder Singh

    (@narinderbisht)

    Hi @habarovchanin,

    I just review your website popup form. The phone number flag dropdown looks good. I hope your issue has fixed.
    Kindly update the plugin.
    Please share your reviews with a 5-star rating.

    Regards
    Narinder.

    Anonymous User 15041859

    (@anonymized-15041859)

    hi

    i am facing the same problem but with Layered popup plugin
    can you please solving it for me ?
    and i would like to provide me min, max tel number code for required

    Regards,
    Amer

    Thread Starter habarovchanin

    (@habarovchanin)

    @aydroubi Hi

    After updating plugin still didn’t work on my website.
    I tried to create popup with JetPopUp plugin and on this popups plugin works fine.

    Hello, I’m also experiencing this same problem on Elementor popup, the dropdown is not working. Is there a way to fix this? Thank you

    Hi,

    I have the same problem.

    How can I fix it?

    Thanks.

    Hi,

    I know this will not help much, and it is not my intention to advert this website as it is just a site I did recently for a client of mine, but this plugin is extensively used on every page and it has been working great for me, I haven’t use any popup plugin, instead I used the modal bit of the theme.

    Anyway have a look, maybe inspecting the process could help you.
    The website in question

    Cheers
    :Dan

    The problem is that the inline js never get executed on the popup since its out of the dom before it opens, here is a temp fix

    in include-js-css.php line 103 add this,
    `
    $custom_inline_js .= ‘
    (function($) {
    $(function() {
    jQuery( document ).on( “elementor/popup/show”, () => {
    jQuery.ajax( {
    url: “//freegeoip.live/json/”,
    type: “POST”,
    dataType: “jsonp”,
    success: function(location) {
    //console.log(location.country_code);
    $(“.wpcf7-countrytext”).countrySelect({‘;
    $custom_inline_js .= isset( $nb_cpf_settings_options[‘country_auto_select’] )
    && $nb_cpf_settings_options[‘country_auto_select’] == 1
    ? ‘defaultCountry: location.country_code.toLowerCase(),’ : ”;

    $custom_inline_js .= $onlyCountries.”.$preferredCountries.”.$excludeCountries.’
    });
    $(“.wpcf7-phonetext”).intlTelInput({
    autoHideDialCode: false,
    autoPlaceholder: “off”,
    nationalMode: ‘.$phone_nationalMode.’,
    separateDialCode: false,
    hiddenInput: “full_number”,’;
    $custom_inline_js .= isset( $nb_cpf_settings_options[‘phone_auto_select’] )
    && $nb_cpf_settings_options[‘phone_auto_select’] == 1 ?
    ‘initialCountry: location.country_code.toLowerCase(),’ : ”;
    $custom_inline_js .= $phone_onlyCountries.”.$phone_preferredCountries.”.$phone_excludeCountries.’
    });
    }
    })
    });
    });
    })(jQuery);’;`

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Country code drop down list doesn’t appear in Elementor popup’ is closed to new replies.