Spinning/Loading Animation

  • Resolved Chad Williams

    (@chadwilliams)


    1 year, 7 months ago

    I’m having a similar issue to some other posts and I’ve done a lot of troubleshooting without any success.

    To set the stage, I configured the plugin in a staging environment, got it working, tested it successfully, went live with the site, and tested it again successfully. Within 24-48 hours the client said they noticed the loading animation, I confirmed and have since done the following.

    I’m on Nexcess running WP 6.2 / Kadence Pro: 1.1.35 / Give 2.26.0 / PHP 8 / MBP M1 Max Ventura 13.2.1

    All plugins are current and all caching is off which includes: Nexcess > Page Cache > Cache Status is unchecked. If it was to be checked I’ve added all the info from a prior thread to have all Give related pages and query strings set to bypass caching.

    Under Cache Exclusions > Page Paths the Nexcess support added the three pages in the necessary format. /^\/(account|addons|administrator|affiliate-area.php|cart|checkout|events|lock.php|login|mepr|my-account|page\/ref|purchase-confirmation|ref|register|resetpass|store|thank-you|wp-cron.php|wp-includes|wp-json|xmlrpc.php|donations|donation-confirmation|donor-dashboard)\/?/

    We also added /^(giveDonationFormInIframe=1|give-embed=donor-dashboard).+$/ under Cache Exclusions > Query Strings

    CDN Enabler, iThemes Security, and Object Cache Pro plugins are all disabled.

    Cloudflare has been put into Development Mode (lasts 3 hours then turns back on) with no change.

    Nexcess has cleared the cache from their end, increased the Memory Limit, and restarted PHP.

    Database shows correct path:
    _give_current_url https://teejayvikingsfund.org/donations/tjvf/

    I’ve cleared my local cache in Brave, tried Incognito, and tried Chrome, and Edge all in the latest versions with no change.

    The only place it loads properly is Firefox 112.0.1 (64-bit).

    I can see this warning in Console: [iFrameSizer][Host page: iFrameResizer0] IFrame has not responded within 5 seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ignored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning. https://teejayvikingsfund.org/wp-content/plugins/give/assets/dist/js/give.js?ver=025b1e7cc9612693

    Not seeing any errors in Donations > Tools > Logs 

    ### WordPress Environment ###

Home URL: https://teejayvikingsfund.org
Site URL: https://teejayvikingsfund.org
WP Version: 6.2
WP Multisite: –
WP Memory Limit: 8 GB
WP Debug Mode: –
WP Cron: –
Language: en_US
Permalink Structure: /%postname%/
Show on Front: page
Page on Front: Home (#2120)
Page for Posts: Tee Jay News (#21)
Table Prefix Length: wp_
Table Prefix Length: 3
Table Prefix Status: Acceptable
Admin AJAX: Accessible
Registered Post Statuses: publish, future, draft, pending, private, trash, auto-draft, inherit, request-pending, request-confirmed, request-failed, request-completed, refunded, failed, revoked, cancelled, abandoned, processing, preapproval

### Server Environment ###

Hosting Provider: DBH: localhost, SRV: teejayvikingsfund.org
TLS Connection: Connection uses TLS 1.2
TLS Connection: Bad
Server Info: Apache
PHP Version: 8.0.27
PHP Post Max Size: 2 GB
PHP Time Limit: 600
PHP Max Input Vars: 16384
PHP Max Upload Size: 2 GB
cURL Version: ? 7.29.0, NSS/3.53.1 - We recommend a minimum cURL version of 7.40.
SUHOSIN Installed: –
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
gzip: ?
GD Graphics Library: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### GiveWP Configuration ###

GiveWP Version: 2.26.0
GiveWP Cache: Enabled
Database Updates: All DB Updates Completed.
Database Updates: All Database Migrations Completed.
Database Tables: ? wp_give_donors? wp_give_donormeta? wp_give_comments? wp_give_commentmeta? wp_give_sessions? wp_give_formmeta? wp_give_sequential_ordering? wp_give_donationmeta? wp_give_revenue? wp_give_migrations? wp_give_log
GiveWP Cache: Enabled
GiveWP Cache: ?New Donation?Donation Receipt?Donation Processing Receipt?New Offline Donation?Offline Donation Instructions?New User Registration?User Registration Information?Donation Note?Email access
Upgraded From: 2.25.2
Test Mode: Disabled
Currency Code: USD
Currency Position: Before
Decimal Separator: .
Thousands Separator: ,
Success Page: https://teejayvikingsfund.org/donations-success/
Failure Page: https://teejayvikingsfund.org/donor-dashboard/
Donation History Page: https://teejayvikingsfund.org/donor-dashboard/
GiveWP Forms Slug: /donations/
Enabled Payment Gateways: PayPal Donations, Offline Donation
Default Payment Gateway: PayPal Donations
PayPal IPN Notifications: N/A
Donor Email Access: Enabled
Stripe Webhook Notifications: N/A

### Active GiveWP Add-ons ###


### Other Active Plugins ###

Akismet Anti-Spam: by Automattic – 5.1
iThemes Sync: by iThemes – 2.1.13
Kadence Blocks - PRO Extension: by Kadence WP – 1.7.28
Kadence Blocks – Gutenberg Blocks for Page Builder Features: by Kadence WP – 3.0.33
Kadence Pro - Premium addon for the Kadence Theme: by Kadence WP – 1.0.9
Mailgun: by Mailgun – 1.9.3
Rank Math SEO: by Rank Math – 1.0.112
TinyPNG - JPEG, PNG & WebP image compression: by TinyPNG – 3.4.1

### Inactive Plugins ###

CDN Enabler: by KeyCDN – 2.0.6
iThemes Security Pro: by iThemes – 7.3.3
Object Cache Pro: by Rhubarb Group – 1.18.2

### Active MU Plugins ###

Nexcess Managed Apps: by Nexcess – 1.39.0

### Theme ###

Name: Kadence
Version: 1.1.35
Author URL: https://www.kadencewp.com/
Child Theme: No – If you're modifying GiveWP on a parent theme you didn't build personally, then we recommend using a child theme. See: How to Create a Child Theme

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @chadwilliams,
    Glad you reached out. I see you also opened a ticket with us via the contact form, so we’ll be following up there as well.

    I know you mentioned implementing exclusions and disabling your CDN, but when I view the form I can see Cloudflare and Rocket Loader running, and they are working a little too aggressively here: https://imgur.com/lRm19TV

    Rocket Loader can prevent GiveWP Multi-Step and Classic form templates and the Donor Dashboard from working because they load through an iframe.

    Try disabling Rocket Loader in the Cloudflare settings to see if that fixes the issue.

    That’s not a long terms solution because you want Rocket Loader for the rest of the site, so I have some tips that might help.

    Cloudflare offers a way to exclude certain scripts from Rocket Loader: https://support.cloudflare.com/hc/en-us/articles/200168056-How-can-I-have-Rocket-Loader-ignore-specific-JavaScripts-
    Unfortunately, those cannot be applied to our forms without custom coding.

    The next best option is to create a Page Rule: https://support.cloudflare.com/hc/en-us/articles/218411427
    The page rule would look something like this:
    yoursite.com/*?giveDonationFormInIframe=1
    yoursite.com/*?give-embed=donor-dashboard

    This way it will exclude all GiveWP forms.

    If this doesn’t get you going, let’s try disabling those solutions so I can view the form without Rocket Loader and Cloudflare in the mix. That may help point me in the right direction.

    If you have questions in the meantime, I’m happy to help.

    Thread Starter Chad Williams

    (@chadwilliams)

    Thanks so much, Stephanie. This worked great for the main form, but the Donor Dashboard is still giving me a sporadic issue. It loads sometimes and then spins others. Can you see anything from your resources or does it look good now?

    Why did it not work when I put Cloudflare in Development Mode and Purged the Cache, but does with the page rule?

    Why was it working in Firefox, but nowhere else?

    Page Rules: https://files.creativevisualdesign.com/Xr3A6sw8

    Hi @chadwilliams,
    Very glad to hear that helped!

    When I check your Donor Dashboard (I’ve popped in on it a handful of times since you mentioned the issue is sporadic), I’m always able to see it without an issue, everything looks great. Intermittent issues can definitely be tricky to track down because they aren’t consistent (it drives me bananas, too!). I would recommend keeping an eye here and if the issue becomes something reliably replicable send us a message and we can hop in for a look.

    You are asking some really great “why’s” about Cloudflare’s behavior, and I’m not 100% certain about the answers to those. I know the steps to fix the trouble when I see it, and I could give you some best-guesses, but I suspect the answers to your questions would be best found with Cloudflare’s support team. I’d be very interested to hear what they say if you happen to reach out to them, and you are welcome to share that here if you’d like.

    Keep me posted if you have any other questions about this, I’m happy to help.

    Hi @chadwilliams,
    It looks like we have things rolling along for now, so I’ll mark this as resolved. If you have more questions or bump into any other issues, you can send along a new ticket and I’ll be happy to hop in for a look. Have a great day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Spinning/Loading Animation’ is closed to new replies.