Buy with ApplePay option spinning

Hi @jamiepenner

Thanks for reaching out!

I understand that the Apple Pay button contains a spinning icon over it which confuses your customers.

Can you please share the URL or the link to your site so that we could check this further?

Additionally, I’d like to understand your site properly, can you please share your System Status Report, that will help us further troubleshoot.

You can find it via WooCommerce > Status. Select Get system report and then Copy for support. Once you’ve done that, you can paste it into your reply here.

If you could also provide the fatal error logs (if any) under WooCommerce > Status > Logs.

Thanks!

Here are two links showing this happening:

https://trainalberta.online/product/dispatch-test/
https://noteablemusic.ca/product/aguilar-pedals-tonehammer-bass-di/

There are no fatal error logs but here is the system report for the noteable music site:

`
### WordPress Environment ###

WordPress address (URL): https://noteablemusic.ca
Site address (URL): https://noteablemusic.ca
WC Version: 7.1.0
REST API Version: ? 7.1.0
WC Blocks Version: ? 8.7.5
Action Scheduler Version: ? 3.5.2
Log Directory Writable: ?
WP Version: 6.1.1
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: ?
WP Cron: –
Language: en_US
External object cache: –

### Server Environment ###

Server Info: Apache
PHP Version: 7.4.33
PHP Post Max Size: 200 MB
PHP Time Limit: 120
PHP Max Input Vars: 1000
cURL Version: 7.61.1
OpenSSL/1.1.1k

SUHOSIN Installed: –
MySQL Version: 8.0.31-cll-lve
Max Upload Size: 200 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 7.1.0
WC Database Prefix: wpfsir_
Total Database Size: 19.59MB
Database Data Size: 15.55MB
Database Index Size: 4.04MB
wpfsir_woocommerce_sessions: Data: 0.05MB + Index: 0.02MB + Engine InnoDB
wpfsir_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpfsir_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpfsir_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpfsir_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpfsir_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpfsir_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpfsir_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpfsir_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpfsir_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpfsir_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpfsir_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpfsir_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpfsir_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpfsir_actionscheduler_actions: Data: 0.65MB + Index: 0.42MB + Engine MyISAM
wpfsir_actionscheduler_claims: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_actionscheduler_groups: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpfsir_actionscheduler_logs: Data: 0.28MB + Index: 0.20MB + Engine InnoDB
wpfsir_alp_pickup_location: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpfsir_bv_activities_store: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpfsir_bv_fw_requests: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpfsir_bv_ip_store: Data: 0.38MB + Index: 0.39MB + Engine InnoDB
wpfsir_bv_lp_requests: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpfsir_cf_form_entries: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_cf_form_entry_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_cf_form_entry_values: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_cf_forms: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_cf_pro_messages: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_cf_queue_failures: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_cf_queue_jobs: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_commentmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_comments: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_ff_scheduled_actions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_fluentform_draft_submissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_fluentform_entry_details: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_fluentform_form_analytics: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
wpfsir_fluentform_form_meta: Data: 0.03MB + Index: 0.00MB + Engine MyISAM
wpfsir_fluentform_forms: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
wpfsir_fluentform_logs: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_fluentform_order_items: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_fluentform_submission_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_fluentform_submissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_fluentform_subscriptions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_fluentform_transactions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_options: Data: 1.93MB + Index: 0.14MB + Engine MyISAM
wpfsir_postmeta: Data: 8.80MB + Index: 0.97MB + Engine MyISAM
wpfsir_posts: Data: 1.26MB + Index: 0.22MB + Engine MyISAM
wpfsir_seopress_significant_keywords: Data: 0.15MB + Index: 0.22MB + Engine MyISAM
wpfsir_smush_dir_images: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_term_relationships: Data: 0.05MB + Index: 0.13MB + Engine MyISAM
wpfsir_term_taxonomy: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpfsir_termmeta: Data: 0.01MB + Index: 0.02MB + Engine MyISAM
wpfsir_terms: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpfsir_tm_taskmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_tm_tasks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_usermeta: Data: 0.01MB + Index: 0.02MB + Engine MyISAM
wpfsir_users: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpfsir_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpfsir_wc_admin_notes: Data: 0.05MB + Index: 0.00MB + Engine InnoDB
wpfsir_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpfsir_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpfsir_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpfsir_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpfsir_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpfsir_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpfsir_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpfsir_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpfsir_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpfsir_wc_product_meta_lookup: Data: 0.13MB + Index: 0.16MB + Engine InnoDB
wpfsir_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpfsir_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpfsir_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpfsir_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpfsir_wfblocks7: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_wfconfig: Data: 0.37MB + Index: 0.01MB + Engine MyISAM
wpfsir_wffilechanges: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_wfknownfilelist: Data: 0.44MB + Index: 0.06MB + Engine MyISAM
wpfsir_wflivetraffichuman: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_wfls_2fa_secrets: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpfsir_wfls_settings: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpfsir_wfsnipcache: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_wftrafficrates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_woocommerce_square_customers: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpfsir_wpr_rocket_cache: Data: 0.11MB + Index: 0.16MB + Engine MyISAM
wpfsir_wpr_rucss_used_css: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wpfsir_wpstg_queue: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpfsir_wsal_metadata: Data: 0.08MB + Index: 0.02MB + Engine InnoDB
wpfsir_wsal_occurrences: Data: 0.05MB + Index: 0.03MB + Engine InnoDB
wpfsir_yoast_seo_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM

### Post Type Counts ###

attachment: 491
custom_css: 1
et_body_layout: 2
et_footer_layout: 1
et_header_layout: 4
et_pb_layout: 1
et_template: 9
et_theme_builder: 1
nav_menu_item: 10
page: 17
post: 2
product: 863
revision: 154
schema: 2
wp_easy_pay: 1

### Security ###

Secure connection (HTTPS): ?
Hide errors from visitors: ?Error messages should not be shown to visitors.

### Active Plugins (21) ###

ManageWP – Worker: by GoDaddy – 4.9.15
Advanced Local Pickup for WooCommerce: by zorem – 1.5.1
Afterpay Gateway for WooCommerce: by Afterpay – 3.5.0
Better Search Replace: by Delicious Brains – 1.4.1
Disable Comments: by WPDeveloper – 2.4.2
Divi Booster: by Dan Mossop – 4.0.4
Email Address Encoder: by Till Krüss – 1.0.22
Flexible Shipping: by Octolize – 4.17.0
Fluent Forms: by Contact Form – WPManageNinja LLC – 4.3.22
Fluent Forms Pro Add On Pack: by Fluent Forms – 4.3.21
Hide Categories and Products for Woocommerce: by N.O.U.S. Open Useful and Simple – 1.2.6
MalCare WordPress Security Plugin – Malware Scanner, Cleaner, Security Firewall: by MalCare Security – 4.84
Password Protected: by WPExperts – 2.5.3
Sucuri Security – Auditing, Malware Scanner and Hardening: by Sucuri Inc. – 1.8.35
SVG Support: by Benbodhi – 2.5.4
Payment Gateway for PayPal on WooCommerce: by easypayment – 7.1.2
WooCommerce Square: by WooCommerce – 3.4.0
WooCommerce: by Automattic – 7.1.0
WP Rocket: by WP Media – 3.12.3.2
WP Activity Log: by WP White Security – 4.4.2.1
SEOPress: by The SEO Guys at SEOPress – 6.1.2

### Inactive Plugins (0) ###

### Dropin Plugins (1) ###

advanced-cache.php: advanced-cache.php

### Must Use Plugins (2) ###

ET Support Center :: Must-Use Plugins Autoloader: by Elegant Themes –
ManageWP – Worker Loader: by GoDaddy – 1.0.0

### Settings ###

API Enabled: –
Force SSL: –
Currency: CAD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –
Enforce Approved Product Download Directories: ?

### WC Pages ###

Shop base: #1241 – /shop/
Cart: #1242 – /cart/
Checkout: #1243 – /checkout/
My account: #1244 – /my-account/
Terms and conditions: ? Page not set

### Theme ###

Name: Divi Child Theme
Version: 1.0.0
Author URL: https://www.elegantthemes.com
Child Theme: ?
Parent Theme Name: Divi
Parent Theme Version: 4.19.2
Parent Theme Author URL: https://www.elegantthemes.com
WooCommerce Support: ?

### Templates ###

Overrides: –

### Square ###

Environment: Production
Tokenization Enabled: –
Debug Mode: Off

### Admin ###

Enabled Features: activity-panels
analytics
coupons
customer-effort-score-tracks
experimental-products-task
experimental-import-products-task
experimental-fashion-sample-products
shipping-smart-defaults
shipping-setting-tour
homescreen
marketing
multichannel-marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
woo-mobile-welcome
wc-pay-promotion
wc-pay-welcome-page

Disabled Features: minified-js
new-product-management-experience
settings

Daily Cron: ? Next scheduled: 2022-12-06 20:45:15 -08:00
Options: ?
Notes: 27
Onboarding: completed

### Action Scheduler ###

Canceled: 10
Oldest: 2022-12-05 11:15:57 -0800
Newest: 2022-12-05 11:15:57 -0800

Complete: 1,787
Oldest: 2022-11-29 15:04:38 -0800
Newest: 2022-12-06 09:13:50 -0800

Failed: 6
Oldest: 2022-11-01 14:03:06 -0700
Newest: 2022-11-29 11:16:29 -0800

Pending: 3
Oldest: 2022-12-06 09:35:18 -0800
Newest: 2022-12-07 16:14:47 -0800

### Status report information ###

Generated at: 2022-12-06 09:15:57 -08:00

Hi there @jamiepenner ??

Thank you for reaching back, sharing the site’s System Status Report (SSR).

I am checking out the site at https://noteablemusic.ca, and I can verify the issue is happening.

There are console errors and, a first for me, the Google Pay button is displayed alongside the Apple Pay one using Safari on an Apple device.

From what I gather, the console errors point to “Unrecognized content security policy”, therefore, could you go ahead with temporarily disabling the following plugins and see if the issue persists, please?

Important, make sure all server-side caching is cleared and disabled -along with browser-side, when testing. Here are the plugins:

* MalCare WordPress Security Plugin – Malware Scanner, Cleaner, Security Firewall: by MalCare Security – 4.84
* Sucuri Security – Auditing, Malware Scanner and Hardening: by Sucuri Inc. – 1.8.35

Furthermore, there is an updated version (3.4.1) for the WooCommerce Square plugin that’s released, and could you check if there are any admin notices related to Apple Pay when viewing the Square settings page?

We will be standing by for your response.

Thank you for your response.

I’ve updated the plugin, cleared all caches, and then tested by removing the plugins but there was no change. Note: the plugins have been re-enabled after testing.

Prior to v3.4.0, I should point out that the ApplePay button showing up was sporadic.

Hello @jamiepenner,

Thank you for trying the suggestions above. Since only the Apple Pay button is affected, I will recommend you perform a full conflict test on a staging environment. To do so, please follow the steps below in order:

• Temporarily switch your theme to Storefront
• Disable all plugins except for WooCommerce
• Repeat the action that is causing the problem

If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.

Let us know you’re findings!

Hi there.

We set the theme to 2023 and disabled all the plugins except for WooCommerce and WooCommerce Square.

The only change that happened was that the spinning icon over ApplePay only happened when you hovered over it but it’s still an issue.

The only other thing to try was to disable some of the server security which I did on the other site but that had no effect either.

Hi there @jamiepenner,

Thank you for testing further and letting us know of the outcome.

We set the theme to 2023 and disabled all the plugins except for WooCommerce and WooCommerce Square.

Just to clarify, what versions of WooCommerce and WooCommerce Square?
Kindly make sure they are both updated to their latest version and check again how it goes -without any other plugins enabled, for testing purposes, please.

The only change that happened was that the spinning icon over ApplePay only happened when you hovered over it but it’s still an issue.

From this end, I cannot see the Apple Pay option on the site at “Train Alberta” (screenshot linked here), while the spinner is constantly there, on the “Noteable Music” one (screenshot linked here). On both sites, I can see console errors.

A picture is worth a thousand words, as the saying goes, therefore, could you also share screenshots of the WooCommerce Square settings screen (after omitting the sensitive data), please? https://snipboard.io/ is a good (online) tool of choice for sharing it here.

Looking forward to your response.

Apparently the “Train Alberta” digital wallet stuff is only showing when logged in. If we can fix the “Noteable” site, I’m sure that one will work as well.

On Noteable, we are using Woo v7.1.1 and WooCommerce Square is v3.4.1.

I should point out that by using my Console and adding CSS values to the button, I’ve been able to stop the spinning icon. It would appear that this error is caused by a lack of CSS values.

#apple-pay-button {
height: 48px;
width: 100%;
display: inline-block;
-webkit-appearance: -apple-pay-button;
-apple-pay-button-type: plain;
-apple-pay-button-style: black;
margin-bottom: 5px;
}

Noted, thank you for reaching back with further information on this, @jamiepenner.

Since a conflict test proved fruitless, and I cannot replicate that on my end, I suggest going ahead with setting up a test site, with the store details for the “Noteable” site -with only the TT3 theme, and WooCommerce + WooCommerce Square, on the plugin side, activated. Sandbox mode can be utilized, for testing purposes.

Kindly let us know if, trying with the test setup described above, the Apple Pay button still behaves unexpectedly.

Thank you. ??

I will setup the test site when I can.

I also note that if you add the product on https://trainalberta.online/product/dispatch-test/ and go to checkout, it produces the same issue. Please note that this site has absolutely no relation or connection to the Noteable site (different server, different theme, different developer, etc).

I’ve setup a test site with just Woo, Woo Square, and the default theme. It does have the same issue showing the spinning icon when hovering. I do see, however, another thread in this support forum of someone having a similar issue and being told that a support ticket has been opened on woocommerce.com.

• This reply was modified 1 year, 11 months ago by jamiepenner.
• This reply was modified 1 year, 11 months ago by jamiepenner.

On the main Noteable site, I’ve rolled back to 3.3.0 until this is resolved.

Howdy @jamiepenner

> I’ve setup a test site with just Woo, Woo Square, and the default theme. It does have the same issue showing the spinning icon when hovering. I do see, however, another thread in this support forum of someone having a similar issue and being told that a support ticket has been opened on woocommerce.com.

Can I ask you to please do the same. For WooCommerce Square you are eligible for WooCommerce official support.

Please open a ticket with us via: https://woocommerce.com/my-account/create-a-ticket/ and send us access to the test site.

We will take a look with you.

Kind regards,

I have submitted a ticket

Thank you. See you there in a minute.