search

Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.41k stars 1.99k forks source link

WooCommerce Mini-Cart checkout and view cart buttons not displaying when Page Optimize is active #77366

Closed rw-ye closed 1 year ago

rw-ye commented 1 year ago

Quick summary

The Mini-Cart checkout and view cart buttons do not show when the Page Optimize plugin is active along with some WooCommerce plugins such as WooCommerce Product Bundles.

Error message:

Oops!

Unexpected error in: woocommerce/mini-cart-footer-block

Error: Cannot read properties of undefined (reading '__experimentalUseColorProps')

Video

https://github.com/Automattic/wp-calypso/assets/21261509/3dca5a5e-ce63-4957-b92a-86f70239b218

Screenshot 2023-05-25 at 4 40 49 pm

Steps to reproduce

  1. Open an AT site.
  2. Install WooCommerce
  3. Install WooCommerce Product Bundles
  4. Activate Page Optimize
  5. Activate Product Bundles
  6. Add the Mini-Cart block to your site.
  7. Select the Mini-Cart on the front end and you'll see the error displaying instead of the checkout and cart buttons.

What you expected to happen

For the View my cart and Go to checkout buttons to display

What actually happened

Error:

Oops!

Unexpected error in: woocommerce/mini-cart-footer-block

Error: Cannot read properties of undefined (reading '__experimentalUseColorProps')

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Atomic

Logs or notes

Reproduced on Storefront and Tsubaki

Workaround

rw-ye commented 1 year ago

User report: 6326939-zd-woothemes

github-actions[bot] commented 1 year ago

Support References

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

rw-ye commented 1 year ago

6323366-zd-woothemes

carinapilar commented 1 year ago

Another report on 6330326-zd-woothemes

shevene commented 1 year ago

6330454-zen

cuemarie commented 1 year ago

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

📌 FINDINGS/SCREENSHOTS/VIDEO

Screenshots/Recordings

https://github.com/Automattic/wp-calypso/assets/27249804/98fffc5c-fa59-4e1e-bc96-96afcdfee2c9

Went back and added WooCommerce Product Bundles Version 6.18.6 after this recording - still no issues with the mini-cart block.

📌 ACTIONS

📌 Message to Author

carinapilar commented 1 year ago

@cuemarie, the user I got had Woo’s Product Bundles active too, only worked after deactivating Page Optimize. I also had all other plugins deactivated.

rw-ye commented 1 year ago

@cuemarie I tried with WooCommerce Payments and can't replicate it now. However, I can still consistently replicate this issue with WooCommerce Product Bundles active. Updated the original post.

The plugins I have active are:

On WordPress 6.2.2 and both PHP 7.4 and 8.0

zdenys commented 1 year ago

6328048-zd-woothemes

cuemarie commented 1 year ago

Ok, looks like this was also reported here:

And was resolved by this fix: https://github.com/woocommerce/woocommerce-blocks/pull/9586

Having WooCommerce Blocks (which supports Mini-Cart) active and up to date (v10.3.0 released 2 days ago) on my site resolves the issue.

📌 ACTIONS

📌 Message to Author/HEs

cuemarie commented 1 year ago

Since Woo folks have had very busy queues, I've gone ahead and replied to all the users whose interactions were shared above and asked them to install and activate the latest version of WooCommerce Blocks to resolve the issue. 👍

mdtanjid0 commented 1 year ago

I encountered a similar problem where the user was still experiencing difficulties. Upon investigation, I discovered that the user had not installed the WooCommerce Blocks plugin. Installing the plugin resolved the issue. This is just a heads-up.