[Resolved] Toolset Layouts Breaks WooCommerce Authorize .net Credit Card Fields

[Author]

Posts

[zacharyL]

I am trying to: implement WooCommerce's Authorize.net payment gateway plugin.

Link to a page where the issue can be seen: hidden link
(You'll need to login to be able to access the WC purchase and checkout process)

I expected to see: a single credit card entry form.

Instead, I got: two credit card entry forms appeared.

I tested this with the latest version of Divi and disabled all other plugins besides Toolset Layouts, WooCommerce, WooCommerce Bookings (required for our products), and WooCommerce Authorize.net Gateway.

This site is a production site, so plugins cannot be disabled for an extended period of time, so everything has been reactivated, and the Payment Gateway has been set to "Cash on Delivery"

[Minesh]

Hello. Thank you for contacting the Toolset support.

Yes - I can see the issue with the duplicator you shared and if I deactivate the Layouts plugin the Credit Card fields for the payment gateway shows as expected.

I'll escalate this issue to our next level support for further debugging. Please hold on for further updates.

[zacharyL]

Any word from Second Tier support? It's been longer than expected.

[Minesh]

Compatibility issues normally will take more time compare to other issues as the faulty code runs multiple times that is responsible to add credit card fields two times is from the WooCommerce Authorize.Net Gateway plugin.

I'll get in touch with you as soon as I know more.

[zacharyL]

Ok, thank you. I'm sorry if I came off impatient, as I was just checking in.

[Minesh]

The workaround for now is to unassigned the Layout from the checkout page:
=> hidden link

I've unassigned the Layout "Layout for Pages" from the checkout page and I can see it works just fine. Can you please confirm it works at your end as well.

[zacharyL]

It looks like it's working properly. This workaround should be sufficient for production, thanks for your assistance.