Woo Checkout Payment Element not correctly display Woocommerce Stripe Payments

[jvista]

#889044

Fresh install of Woocommerce, WooSubscriptions, and Woocommerce stripe payments and created a new checkout page layout. The payment option works fine on the default layout but when using the Woo Checkout Payment element on a custom layout the payment fields are not displaying correctly and the payment form breaks.

Any input is appreciated.

[FPP]

#889239

Same issue, WordPress 6.1.1 all updates to themes/plugins applied. Was following the Avada YouTube tutorial on building a custom checkout page. When first added to the page, there was a black box with some text about this is where the form would render. Now when loading the page there is nothing displayed.
Same issue in Chrome, Brave, Firefox.

Alsop attempted via backend to delete out element then add again in live builder; same result.

[FPP]

#889242

Ha ha and a dOh! – Fixed.
Added some test products to the cart and the forms appeared.

[FPP]

#889243

Ran into the same gotcha, added some test products to the cart and the forms appeared in the LIVE Builder. Hope this solves your issue as well. 🙂

[jvista]

#889287

Thanks, FPP. This was resolved. I created the cart/checkout pages using sections created in Avada Layouts. Moving the page layouts directly to the Cart/Checkout pages resolved.

[Author]

Posts