Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1289786

    Steve
    Participant

    Hi guys,

    I know you don’t support third-party plugins, but as Contact Form 7 is the most popular contact form (and one of your recommended plugins) thought I’d let you know.

    The ajax loader is not working as WPCF7 have changed the markup for the submit buttons in the latest version of the plugin (https://wordpress.org/plugins/contact-form-7/changelog/).

    The other theme I use is looking at the changes, so though you guys should know

    Steve

    #1289812

    Christian
    Moderator

    Hey Steve,

    I do not get this issue. It could be only on your end. Please try testing for a plugin conflict.

    Also, X only includes basic styling for Contact Form 7 so it is unlikely to cause function conflicts.

    If I’m not understanding you correctly, please provide screenshots or steps to replicate the issue.

    Thanks.

    #1289821

    Steve
    Participant

    Hi Christian,

    I’ve already deactivated all plugins and the ajax loader gif still doesn’t show. I then switched to wordpress 2017 theme and the loader gif works, then reactivated all plugins… loader works. Then switched back to X… no loader.

    So there is a theme conflict. Have you updated to the latest version of WPCF7 (v 4.6)?

    The form still works, it’s just the loader.gif (important to the user experience to let you know something is happening) doesn’t appear.

    S

    #1289880

    Christian
    Moderator

    Sorry for the confusion. This isn’t a theme conflict but rather X disabled Contact Form 7 styles for performance reasons so this includes the loader gif. Please add the code below in your functions.php to add just the loader back.

    add_action('wp_head', 'add_loader_gif');
    
    function add_loader_gif() {
      echo '<style>.wpcf7 .ajax-loader{background-image: url('. plugins_url() .'/contact-form-7/images/ajax-loader.gif);visibility:hidden;display:inline-block;width:16px;height:16px;border:none;padding:0;margin:0 0 0 4px;vertical-align:middle}.wpcf7 .ajax-loader.is-active{visibility:visible}</style>';
    }

    I’ll forward this to our development team for official support.

    Thanks.

    #1290079

    Steve
    Participant

    Works perfectly, thanks 🙂

    #1290119

    Thai
    Moderator

    If you need anything else please let us know.

    #1345244

    jonesy2367
    Participant

    I’ve been hunting high and low to resolve this issue, and was about to contact you for help as I wondered if it was an X theme issue

    (i’d updated to latest version too but still the contact 7 ajax loader wasn’t showing (the div was there but no gif))

    #1345610

    Friech
    Moderator

    Hi There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

    Cheers!

    #1423770

    Ty
    Participant

    My

    #1424181

    Joao
    Moderator

    Hi There,

    Please provide your URL.

    Thanks!