SumUp Payment Gateway Inline Fields Not Rendering on Checkout Page

[philipp]

Hello Xtemos Team,

I am experiencing an issue where the official SumUp Payment Gateway fields (credit card iframe inputs) are completely missing on the standard Checkout page when using the WoodMart theme.

Here are the technical details of the issue:

The Conflict: On the checkout page (/checkout/), the SumUp payment method is visible and selectable, and the SumUp SDK script ([https://gateway.sumup.com/gateway/ecom/card/v2/sdk.js](https://gateway.sumup.com/gateway/ecom/card/v2/sdk.js)) loads perfectly with no JavaScript errors in the browser console. However, the actual credit card input fields (the gateway form iframe) fail to render inside the payment box.

Theme Isolation: If I switch the site to a default WordPress theme (like Storefront), the SumUp inline fields render instantly and work perfectly.

Order-Pay Page Works: On the WooCommerce native order-pay page, the WoodMart theme does not interfere, and the SumUp form renders and processes payments without any issues.

Layout Builder: I am NOT using a custom WoodMart HTML block layout for the checkout page; it is using the default theme checkout template with the standard woocommerce_checkout shortcode.

It seems that WoodMart’s custom checkout template or its AJAX fragments handling (update_order_review) is missing or overriding the specific WooCommerce hooks (like woocommerce_review_order_before_payment or the specific container classes) that the SumUp JavaScript SDK listens to in order to inject the payment iframe.

Could you please let me know which theme setting I need to adjust, or provide a code snippet to ensure that WoodMart correctly initializes/triggers the standard WooCommerce payment gateway hooks during checkout page loads and AJAX updates?

Thank you for your help!

• This topic was modified 1 hour, 54 minutes ago by philipp.
• This topic was modified 1 hour, 13 minutes ago by Serg Sokhatskyi.

Hi there,

Thanks for reaching out.

To investigate this properly, we’ll need temporary WordPress admin access. Please provide the credentials in the forum’s Private Content field.

Also, please confirm that we have permission to:
– Temporarily switch the site to a default theme (e.g., Storefront or Twenty Twenty-Four) to compare behavior.
– Temporarily disable all plugins except WooCommerce and the SumUp gateway to run a conflict test.

We’ll perform the checks and revert everything back right after the test.

Kind regards,
XTemos Studio

Hello,
Thank you for the response!
Yes, you have my full permission to switch themes and deactivate plugins since the site is currently not live.
I have provided the admin credentials in the Private Content field. Thank you for looking into this!

Just tested with the default theme and see the same issue – https://gyazo.com/7411b75892e51afc3c31071f5036c1ea
Could you please recheck it from your end?

You are absolutely right. I am very sorry – I must have misseen or mixed something up during my initial theme test.

Since the issue persists on the default theme as well, it is clearly not a conflict with the WoodMart theme, but a plugin-specific issue or misconfiguration on SumUp’s end.

Please don’t close this ticket just yet. Since you deal with many e-commerce setups: Have you seen this specific issue with the SumUp gateway before? Do you have any idea what might be going wrong here (e.g. JavaScript SDK initialization failure, missing API permissions, or database array corruption)?

Any hint or advice on what to check next would be highly appreciated!

Best regards

[Author]

Posts