Mini Cart Block pop-out is blank when running Page Optimize

nanoanno commented 2 years ago

Quick summary

When running the plugin Page Optimize, the Mini Cart block will display a blank pop-up for the cart.

Steps to reproduce

Install Page Optimize.
Add the Mini Cart block to a page.
Add a product to the cart.
Click on the mini cart icon.
The pop-up will open up, but it is completely blank.
Disable Page Optimize and the pop-up appears with cart information, as expected.

What you expected to happen

The pop-up displays all of the cart information:

What actually happened

The pop-up is blank:

Context

Originally discovered in this ticket: 5401769-zen. Additionally mentioned in this ticket: 5354801-zen

Platform (Simple, Atomic, or both?)

Atomic, Self-hosted

Theme-specific issue?

Problem occurs on both Twenty Twenty-Two and Storefront.

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, easy to implement

Workaround details

Deactivate the Page Optimize plugin.

github-actions[bot] commented 2 years ago

Support References

This comment is automatically generated. Please do not edit it.

[ ] 5401769-zen
[ ] 5354801-zen
[ ] 5471399-zen
[ ] 5487959-zen

jamiepalatnik commented 2 years ago

📌 HOUSEKEEPING

Labels ✅
Priority ✅
Replicable on Core - No

📌 SCRUBBING

Tested on P2 - N/A
Tested on Simple - N/A
Tested on AT ✅
Tested on Self-hosted ✅

📌 FINDINGS/SCREENSHOTS/VIDEO

Noting that WooCommerce needs to be installed and at least one product published to test this. I'd recommend adding that to the steps to reproduce.
I tested on Atomic and self-hosted with the theme Twenty Twenty-Two active and the plugin Page Optimize active.
I was not able to recreate this issue. The popup showed the product in the cart as expected in my tests.

📌 ACTIONS

Closed as could not replicate, please reopen this issue if it reoccurs

📌 Message to Author

@nanoanno I would recommend following up with the user to troubleshoot this further (if needed, since it seems you already discovered a workaround). If you can recreate this issue again on a test site, please feel free to reopen with more details. Thanks!

imodouglas commented 2 years ago

Hi @jamiepalatnik, I have been able to replicate this issue on my test site and I can confirm that the mini cart block shows blank content when WooCommerce, Page Optimize, and WooCommerce Payments are activated together not just WooCommerce and Page Optimize.

renata-franco commented 2 years ago

Hi @jamiepalatnik, I have been able to replicate this issue on my test site and I can confirm that the mini cart block shows blank content when WooCommerce, Page Optimize, and WooCommerce Payments are activated together not just WooCommerce and Page Optimize.

I was not able to replicate on an AT site with all of these plugins installed.

Could you please triple-check if you can still replicate it? And if you do, can you please record a video of the process?

Same for @nanoanno, please! To see if we are missing any steps to be able to replicate.

Gustavo-Hilario commented 2 years ago

Another report there:

[ ] 5471399-zen

On their site, just deactivating Page Optimize helped to allow cart items to appear. But, on testing, I noticed that disabling WooCommerce Payments only also fixed the issue and gave the same result.

rinazrina commented 2 years ago

Another report: 5487959-zd-woothemes

The Mini Cart works when Page Optimize OR WooCommerce Subscriptions are deactivated.

avantegarde commented 2 years ago

@renata-franco

I was not able to replicate on an AT site with all of these plugins installed. Could you please triple-check if you can still replicate it? And if you do, can you please record a video of the process?

I was able to replicate this on AT but not on self-hosted. See video for replication steps.

It's worth noting that my test site is running PHP 7.4.30.

OS: MacOS Monterey - Version 12.5 (21G72) Browsers tested:
Chome Version 104.0.5112.101 (Official Build) (arm64)
Firefox 103.0.2 (64-bit)
Safari 15.6 (17613.3.9.1.5)

Steps to re-create:

AT site
Only plugins activated are:
- Page Optimize
- WooCommerce
- WooCommerce Payments
Add the Mini Cart block to a page.
Click on the Mini Cart icon
The pop-up will open up, but it is completely blank.
Add a product to the cart.
The pop-up will open up, but it is completely blank.
Disable ONE of the following plugins:
- Page Optimize
- WooCommerce Payments
The pop-up appears with cart information, as expected.

Video: https://user-images.githubusercontent.com/3516737/185679161-0f7b1937-6742-4a37-9472-347525ffc2b6.mp4

cuemarie commented 2 years ago

📌 ACTIONS

Thank you so much @avantegarde for those notes! Moving this back to Needs Triage following the information shared above.

cuemarie commented 1 year ago

Upped the priority on this as it's not intuitive to resolve on it's own, and both Page Optimize and WooCommerce Payments are common plugins (Page Optimize, of course, being a default plugin), so that means that nearly every person who adds a Mini Cart Block to their site will encounter this issue.

Aljullu commented 1 year ago

Hey there, I think this was fixed in https://github.com/woocommerce/woocommerce-blocks/pull/7794, which was released in WC Blocks 8.7.6 and WC core 7.1.1.

Do you think we can close this issue, or have any users been able to reproduce it since then?

Automattic / wp-calypso