Square CC Fields Disappear

  • Resolved trwst

    (@tonyrwest)


    7 years, 6 months ago

    We’re having an issue where the fields to enter the credit card information is disappearing.

    If a customer goes to checkout and enter their credit card information and then enters their personal information / mailing address, the credit card fields refresh and then it’s not possible to enter the cc info?

    The credit card fields description still shows up but the fields disappear so the customer cannot enter their information?

Viewing 4 replies - 1 through 4 (of 4 total)
  • royho

    (@royho)

    7 years, 6 months ago

    Sounds like you may have JS errors on your site? Have you check the browser console for errors?

    Thread Starter trwst

    (@tonyrwest)

    7 years, 6 months ago

    When a customer starts entering their address information, an ajax XHR request is being made to square. The XHR request is success and the credit card input fields are being refreshed. The problem we found was the opacity for the iframes that host the credit card inputs was not being updated. The opacity for the iframes remained at 0, rather than being updated to 1. This was preventing the input fields from being displayed. By default the opacity on that element is 0. When the page first loads, a script somewhere is updating the opacity to 1. We have found a work around by updating the style sheet to set the opacity for those iframe elements to always be 1.

    We now have a different issue we are encountering. If a customer enters their credit card number first and then starts to enter their address information, the credit card inputs refreshes, but the credit card information is no longer populated. The inputs are displaying the placeholder text. Is there a way for the credit card information to be populated into the inputs after the inputs refresh as a result of customer entering their address info?

    Plugin Support dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    7 years, 6 months ago

    Hey @tonyrwest

    > Is there a way for the credit card information to be populated into the inputs after the inputs refresh as a result of customer entering their address info?

    I’m afraid not, this is part of the design. Other payment gateways do this as well as Square.

    Your original issue could be related to your theme or conflict with another plugin.

    I’d recommend changing your theme to a default one like Storefront and testing using that. Here is some more details about conflict troubleshooting – https://docs.woocommerce.com/document/how-to-test-for-conflicts/

    Thanks,

    Plugin Support dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    7 years, 6 months ago

    Hey @tonyrwest

    As my reply above clarifies your query and we haven’t heard back from you, I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Thanks,

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Square CC Fields Disappear’ is closed to new replies.