ApplePay and GooglePay button not visible in Payment Methods (checkout page)

Hello,

It appears that some hooks may be missing.

Could you please provide temporary WP-Admin access so that we can review your settings?

To grant WP-Admin access, please create a new user account with the Administrator role through your WordPress Dashboard. Once the account has been created, you may securely share the username and password with us via the Private Content section designated for this purpose.

Best regards,
8Theme Team

Hello, Wences,

Thank you for providing access to the admin panel. We kindly ask you to also provide us with FTP access.

For FTP access, we require the following details: FTP host, FTP username, FTP password, FTP port, and FTP encryption type. If you need assistance in creating these credentials, please contact your hosting provider, who will guide you through the process.

Best regards,
The 8Theme Team

Hello,

We have updated the checkout page to use the default checkout element from the Elementor plugin, but the Apple Pay and Google Pay buttons are still not appearing.

We believe this issue might be related to the configuration of the WooCommerce > Express Checkout buttons. Could you please review the documentation once more?

https://woocommerce.com/document/woopayments/settings-guide/#express-checkouts

Please let us know the outcome.

Best regards,
8Theme Team

Hello @Wences,

During our testing, we also verified whether the issue is related to our widget. We temporarily removed our widget from your Checkout page and applied the default WooCommerce shortcode as suggested (see the screenshot: https://prnt.sc/JNKbVGl1oI77). After checking the Checkout page, we noticed that Apple Pay and Google Pay payment options were still not displayed (please find the attached PDF file).

We kindly ask you to explain how to verify when these payment options should appear, as they are not visible even with the default shortcode. Please attach some screenshots or a short video to help us better understand the situation.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Wences,

Thank you for creating the staging website.

We have checked the checkout page, and the payment methods are now displayed on the Checkout page (https://prnt.sc/uAJkr8-elYgO) when the XStore Core, Elementor, and PRO Elements plugins are active. This is because the Checkout page content is built using WooCommerce Gutenberg blocks (https://woocommerce.com/checkout-blocks/).

However, when we build the content using the recommended default WooCommerce shortcode [woocommerce_checkout] (https://woocommerce.com/document/woocommerce-shortcodes/#woocommerce-shortcodes) (https://prnt.sc/2yr-j0BdG02X), the default checkout shortcode is loaded, which comes only from WooCommerce and not from our theme or other plugins. In this case, the payment methods are still not displayed on the checkout page (https://prnt.sc/fIVBUFBBbd0s).

After activating the Storefront theme (https://prnt.sc/DHR1rGWxxwfU), we noticed that the payment methods are displayed correctly. When switching back to the XStore theme, the section for displaying such payment methods also appears in the page content (https://prnt.sc/vChSpzrrCKrn), but the payment script file does not load any content and remains empty. Unfortunately, we are unable to check the source of this JavaScript file as the code is not human-readable (https://prnt.sc/ra1ImRUB_gZ1).

We kindly ask you to contact the support team you are already in touch with and request information about which CSS class name, ID, or any other element should be adjusted on this page to ensure their script correctly loads the payment methods. At the moment, their script does not load the content for reasons unknown to us.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Wences,

Could you please provide us with temporary FTP access so that we can debug the files of our XStore Core plugin? At the moment, we are unable to determine the cause of the issue occurring on your website. We have verified that the problem appears when our plugin is active and is resolved once it is disabled.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Wences,

We sincerely appreciate your assistance. We have identified that the main issue was caused by loading inline styles from one of our built-in shortcodes in our XStore Core plugin. This issue has been resolved in our archives, and the fix has been applied to both your live and staging websites, and will be included in next theme updates.

To display the payment buttons on Checkout page built with the XStore Elementor widget, we added the “WooCommerce Hook” widget to your checkout page (https://prnt.sc/v8yqw85Lnm7Q), as the plugin uses specific hooks to render these buttons. The frontend now appears as shown here: https://prnt.sc/uAGcqxzqnywz.

We have also tested the default shortcode [woocommerce_checkout], and it functions correctly as well (https://prnt.sc/iWZhYoDKXxDp, frontend: https://prnt.sc/r7KyaQSrPNLi).

Please check the results at your convenience.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Wences,

Thank you for your suggestion. Unfortunately, due to the structure of the Checkout page widget, this is not possible. We appreciate your understanding. If the main request of this topic has been resolved, please feel free to mark it as closed.

Best regards,
Jack Richardson
The 8Theme’s Team