CF7 / Bootstrap for CF7 conflict

  • hommealone

    (@hommealone)


    6 years, 10 months ago

    I use Contact Form 7 along with the CF7 addon plugin Bootstrap for Contact Form 7 (BfCF7). Both are wonderful and usually work brilliantly together – until recently. BfCF7 is now causing a problem with CF7 ajax validation.

    I know that this is not a problem with CF7, and that BfCF7 authors will need to fix the problem, but if anyone here can offer suggestions or insights into what the nature of the problem is, or work together to help solve the problem, that would be greatly appreciated!

    With both plugins installed and active, an error message appears when there is an invalid field, but the invalid fields are not highlighted and no tips appear. (Deactivating BfCF7 fixes the issue, so that is clearly where the conflict comes from.)

    Bootstrap for Contact Form 7 now seems to be loading an additional script:
    /wp-includes/js/jquery/jquery.form.min.js?ver=3.37.0
    which wasn’t loaded with earlier versions. Can this be part of the problem?

    If you need to see the problem in action you can visit this page:

    (Site is under active development) You’ll need to log in:
    login: guest
    pw: thisisunderdevelopment

    http://www.ultra-seal.com/packaging/contact-ultraseal/

    Submit the form without filling anything in; required fields are not highlighted and no tips are displayed.

    Any suggestions appreciated!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • bsteinlo

    (@bsteinlo)

    6 years, 10 months ago

    Try disabling /wp-includes/js/jquery/jquery.form.min.js?ver=3.37.0

    I think you can try something like add_filter( 'wpcf7_load_js', '__return_false' );

    Thread Starter hommealone

    (@hommealone)

    6 years, 10 months ago

    Thanks for your quick response! No luck with that, I’m afraid.

    With your filter, jquery.form.min.js does not load, but neither does the main script for CF7, nor, interestingly, the script for BfCF7. Results in no ajax call at all, not what we’re after.

    I had already tried:

    
function fix_cf7_dequeue_script() {
   wp_dequeue_script( 'jquery-form' );
}
add_action( 'wp_print_scripts', 'fix_cf7_dequeue_script', 100 );

    but that did nothing either.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CF7 / Bootstrap for CF7 conflict’ is closed to new replies.