wp-calypso icon indicating copy to clipboard operation
wp-calypso copied to clipboard

Published 20 hours ago • verified publisher icon Automattic

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

Open nanoanno opened this issue 2 years ago • 4 comments

Quick summary

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

Steps to reproduce

  1. Install Page Optimize.
  2. Add the Mini Cart block to a page.
  3. Add a product to the cart.
  4. Click on the mini cart icon.
  5. The pop-up will open up, but it is completely blank.
  6. 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: Screenshot on 2022-07-17 at 20-02-23

What actually happened

The pop-up is blank: Markup 2022-07-17 at 20 02 49

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.

nanoanno avatar Jul 18 '22 01:07 nanoanno

Support References

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

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

github-actions[bot] avatar Jul 18 '22 01:07 github-actions[bot]

📌 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!

jamiepalatnik avatar Jul 22 '22 03:07 jamiepalatnik

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.

imodouglas avatar Aug 02 '22 09:08 imodouglas

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.

renata-franco avatar Aug 10 '22 14:08 renata-franco

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.

Gustavo-Hilario avatar Aug 11 '22 17:08 Gustavo-Hilario

Another report: 5487959-zd-woothemes

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

Similar report here: https://github.com/Automattic/wp-calypso/issues/66683

rinazrina avatar Aug 19 '22 13:08 rinazrina

@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:

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

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

avantegarde avatar Aug 19 '22 17:08 avantegarde

📌 ACTIONS

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

cuemarie avatar Aug 24 '22 01:08 cuemarie

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.

cuemarie avatar Nov 29 '22 17:11 cuemarie

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?

Aljullu avatar Feb 27 '23 13:02 Aljullu