amitramani

I have tried to resolve the error “jQuery not defined”. Let us see if that resolves it.

Thank you for looking into it!

Hello
I have granted you access to the “unfiltered” view.

Also, the URL for the Thank you page is:
https://www.tacknrider.com/checkout/order-received/

Hello
Any updates on this? I have disabled my special filters for the Transaction ID. It still does not show any orders under Sales Performance.
I even checked my other views, one of which is completely unfiltered. No orders there either.
I did verify that Enhanced Ecommerce event tracking is working fine.
Thanks

Hello
The Store URL is https://www.tacknrider.com

I have provided your View level access.
I have checked all my settings under Woocommerce Settings->Integration->Enhanced Ecommerce Google Analytics.

Also, I tried to check Real Time. I noticed that none of the Enhanced Ecommerce events are being reported to GA.

You are right. I was looking at the results from a previous scan.
Sorry about the confusion!

Thanks, Frank!
The second possibility is what is causing the conflict. (* stripe-apple-pay.js is included after the inline stripe JS, but you’re ‘forcing JS in head’ -> aggregated stripe-apple-pay.js complains)

I am hoping this will fix the problem! Thanks again for such prompt responses!

I did some more experimentation.

If I exclude “stripe-apple-pay” using Exclude scripts from Autoptimize, the error goes away.

So this might be some kind of jQuery conflict of some sort?

Sorry, I should have mentioned the error (it occurs on both the cart and checkout page)
Uncaught ReferenceError: Stripe is not defined
at VM380 autoptimize_720fb03….js:70
(anonymous) @ VM380 autoptimize_720fb03….js:70

Here is the code:
Stripe.setPublishableKey(wc_stripe_apple_pay_params.key)

I tracked the above code down to be originating from “woocommerce-gateway-stripe\assets\js\stripe-apple-pay.js”. That is being included by
https://github.com/woocommerce/woocommerce-gateway-stripe/blob/26bf3a4899fd9c75e2ae7bfd47ecc4e090e9ac90/includes/class-wc-stripe-apple-pay.php#L288

Sorry I was vague in my description in the last post. The change from AO from Dynamic to Static is not causing this. When I disable AO altogether, the errors disappear.

Hi Frank
Seems like somehow Stripe (payment gateway) was broken after this change. Credit card payments are failing with the error message from Line 716
https://github.com/woocommerce/woocommerce-gateway-stripe/blob/4de601e77df51db756badd3ce187bfe6e008f3df/includes/class-wc-gateway-stripe.php#L716

I am not expecting you to solve this. Just wanted to know if you had any ideas to suggest. WPE is not willing to help since its more plugin related.

Thank you. Your explanation about User-Agents makes sense. It possibly is related to the Chrome Browser on iPhones.

Frank
I did as you suggested. Been testing for the last few minutes on just my iPhone. It all looks good so far!!
While I understand your explanation, what still confuses me is that this problem of CSS rendering only occurs on mobile devices.

Thanks for your help! I truly appreciate it. You always go above and beyond.

Hi Frank
Answers to your questions:
* is your staging identical to live? same plugins, same settings?
[AMIT] The only difference was Object Cache was enabled on Live, it was disabled on Staging. Even after I disabled Object Cache on Live, the result is the same.
* so the problem is only with “optimize CSS”, not with “optimize JS”?
[AMIT] I am not sure if JS functionality is also broken. It is hard to tell because the site is not rendering well. Pretty much unusable.
* the problem only occurs when on mobile? any mobile or only iphone? always or regularly or sometimes?
[AMIT] It occurs Always. I have tried it with my personal iPhone and it occurs always.
* can you re-enable AO and do a couple of tests on webpagetest.org selecting a mobile device from the “location” dropdown (and under “advanced settings”->”test settings” set “number of tests to run” to 5? you can copy/paste the test-result URL in this thread for me to review?
[AMIT] https://www.webpagetest.org/result/170315_Q2_WQH/

Here is the link to the screenshot of what happens when I enable “Optimize CSS Code” on the live site (viewed on iPhone 6s)

Live Site with “Optimize CSS Code” enabled on iPhone 6s

Frank
Sorry for the delayed response.
Thank you so much! Staging site does look good without the CDN URL. I should have tested on my own without the CDN URL.

I do see slightly different behavior on the live site, though. As soon as I enable the “Optimize CSS code” setting (even though my CDN URL is blank), the CSS fails to render on mobile.

I do not mind sharing my live site login with you. Let me know if you have any other suggestions.

Frank
Sent via email. Please confirm if you received it.
Thank you in advance for your help! I know you do not have to do this.