Plugin Conflict With ConvertPlus

[Mosaic_Intrigue]

Hi,

I have a plugin conflict which makes it impossible to leave reviews against products in Woocommerce.I have narrowed the conflict down to ConvertPlus. If ConvertPlus is active, reviews cannot be left as the submit button will not send the review.

Looking at Chrome’s development tools Console I get this message when the button is clicked:

An invalid form control with name='g-recaptcha-response' is not focusable.

I am using Invisible reCaptcha for WordPress to integrate Google reCaptcha. All other forms on the website submit correctly (Contact Form 7). It is just the Woocommerce product reviews which are affected.

Do you have any advice or help in resolving this please? An example page where the error occurs on the Review tab is: https://www.mosaicandintrigue.co.uk/shop/bags/alice-wheeler-collection/alice-wheeler-velvet-brush-case-grey/

Many thanks,
Christopher

[prakash_s]

Hello @Mosaic_Intrigue

It seems that the Invisible reCaptcha plugin is conflicting with the WooCommerce and the Convert Plus plugin, we would love to know how it works after activating any default theme like TwentyTwenty.

If that still exists, I would suggest you contact the plugin author on that case. We will investigate to check whether the Pro is the really the reason behind the issue.

Thanks

[Mosaic_Intrigue]

Hi Prakash,
Thank you for the feedback. This is a live ecommerce website, so obviously I cannot revert to a default them. What I will do is restore an exact copy of this website to a sandbox location and give you access. I will let you know as soon as that has been done!
many thanks,
Christopher

[prakash_s]

Hello Christopher,

Thank you, please let us know when you are ready with staging installation.

Thanks

[Mosaic_Intrigue]

Hi Prakash,

The sandbox website is ready for you. It is an exact clone of the live website. I have also made Twenty Twenty the live theme, so parts of the public website will no doubt be chaos!

It looks like the reviews can be successfully submitted with Twenty Twenty active.

All details are in a new Secure Note.

Many thannks,
Christopher

[christian]

Hey Christopher,

Thanks for setting up a staging copy of your site.

It is not ConvertPlus nor Pro is causing the issue but one of the 3rd party plugins. I deactivated all 3rd party plugins except ConvertPlus and WooCommerce and using the Pro parent theme, the WooCommerce Review submission works.

Please activate 3rd party plugins in your test site one by one to know what plugin is causing the issue. You then should report this case to the plugin developer.

Thanks.

[Mosaic_Intrigue]

Hi Christian,

I’m afraid I disagree. Following Prakash’s advice of yesterday I have run the below two scenarios again.

SCENARIO 1

• Pro is the active theme
• Only these plugins are active: Woocommerce, ConvertPlus & Invisible reCaptcha.
  The review submit button will not submit a review.

SCENARIO 2

• Twenty Twenty is the active theme
• Only these plugins are active: Woocommerce, ConvertPlus & Invisible reCaptcha.
  The review submits as expected.

This has to mean that there is a conflict in eitehr Pro or ConvertPlus?

Thanks,
Christopher

[tristup]

Hi Christopher,

In the Pro, the all the required fields are focussable, as the g-recaptcha-response field is required and hidden, it is not able to focus the hidden field. The temporary workaround is to make the field not required while submitting the form.
Please find the following custom JavaScript code and add this to the Theme Options > JS. I have tested this code by adding it into the browser console.

if(jQuery('#g-recaptcha-response').length)
{
    jQuery('#g-recaptcha-response').prop( "required", false );
}

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

If that does not work, I would recommend you to disable the Invisible reCaptcha only for the WooCommerce Review Form. Please find the screenshot describing the settings.

Thanks

[Mosaic_Intrigue]

Hi Tristup,

Thanks for the help. However, when I make the changes exactly as shown above (and as are on the test website) they have no effect on the live site and the same problem continues to exist.

I have copied the JS from the test to live site and unticked the Invisible reCaptcha for review forms.

Both websites are identical in their set-up.

Thanks,
Christopher

[ruenel]

Hello Christopher,

After doing the updates and all the site changes, always remember to clear all caches (since you have installed LiteSpeed Cache and WP-Optimizer plugin) so that the code from the latest release is always in use. This will help you to avoid any potential errors.

And please clear your browser cache too. You may use private browsing mode in testing your site to make sure that you are viewing the latest codes from the updates and not the cached version in your browser.

Kindly let us know how it goes.

[Mosaic_Intrigue]

Hello,

The cache has been cleared but the problem still exists. I have the same issue on a number of other websites using a similar set-up.

Thanks,
Christopher

[tristup]

Hi Christopher,

I have tested by deselecting the WooCommerce review and added successfully the review into the product. Please find the product URL in the secure note.
Please check once, if you are able to add the review into the products.

Thanks

[Mosaic_Intrigue]

Hi Tristup,

I can see it works on the test website, but it does not work when applied to the live website, whose details are in the first secure note. The fix also does not work on other websites with the same problem.

ConvertPlus is temporarily disabled on the live website.

Thanks,
Christopher

[tristup]

Hi Christopher,

I would like to request you to compare the plugin list of the *test and live site, and deactivate the plugins in the live server to check, specifically the minification plugin.

If that does not resolve the issue, please contact the Plugin author on this and I will report this issue to our issue tracker so this issue will be queued for investigation by our development team. If found that the bundled plugins are really the reason behind the issue, it will be reported to the respective plugin author.

Thanks

[Mosaic_Intrigue]

Hi Tristup,

All settings were identical. However, I have now got the functions working again with ConvertPlus enabled. However, to do so, all reCaptcha protection has had to be disabled, which is not ideal.

I will report the conflict to the plugin developer as well.

Many thanks,
Christopher

[tristup]

Hi Christopher,

I have already reported it to the issue tracker for further investigation. I’lll let you know of any updates.

Thanks