Cannot input card details, fields unclickable

  • Resolved rukky01

    (@rukky01)


    4 years, 9 months ago

    I have a problem with my site when trying to checkout.
    If I choose credit card(Braintree) as payment options, form to input card details appear but it is unclickable and cannot input any data in it.
    I have tried to change the theme to default “Twenty Twenty” theme and the credit card form works fine.
    My current theme is Basel from xtemos.
    Also, this form is worked fine before a month or two but then I deactivated Braintree until now.
    In that time it has been released an update to Basel theme and Braintree plugin so something is clearly wrong now.
    I contacted Basel and they don’t have your plugin on guarantee compatibility list so they don’t wont to help.

    The site is:
    https://carolijapoklona.com/

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    Hello @rukky01,

    I tried to review your checkout page but you appear to have the Braintree plugin disabled which makes troubleshooting more difficult.

    If you click F12 in a chrome browser on your checkout page you should see the following JavaScript error:

    Uncaught TypeError: Cannot read property 'style' of undefined
    at HTMLDocument.<anonymous> ((index):133)
    at i (jquery.js:2)
    at Object.fireWith [as resolveWith] (jquery.js:2)
    at Function.ready (jquery.js:2)
    at HTMLDocument.J (jquery.js:2)

    JavaScript errors can interfere with the Braintree plugin’s ability to setup the payment fields so that’s most likely the issue with your Basel theme.

    Kind Regards,

    Thread Starter rukky01

    (@rukky01)

    The plugin is not disabled. That payment option is disabled for first shipping option. You should select a second shipping option to show Braintree input form.

    Plugin Author Payment Plugins

    (@mrclayton)

    The issue is caused by that JavaScript error I pointed out in my previous reply. Resolve that and the plugin will work as expected.

    Note: that JS error isn’t being caused by the Braintree plugin. That’s why it works just fine when you switch themes.

    Plugin Author Payment Plugins

    (@mrclayton)

    Hi @rukky01,

    I took a look at your theme and I see what the incompatibility is. Our plugin uses a window resize event to determine how the credit card form should look on your checkout page. That event requires that the card fields be setup.

    For some reason your theme is triggering the window resize event on page load before the credit card fields have been setup. I have added a patch to version 3.1.3 so all you have to do is remove the plugin then re-install it. I am not releasing a major version for this patch because most theme’s don’t trigger window.resize on page load.

    Kind Regards,

    Thread Starter rukky01

    (@rukky01)

    Yes, I did that and now everything works fine. Thank you very much.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Cannot input card details, fields unclickable’ is closed to new replies.