Mini Cart does not display anything after adding products on AT sites

[namiokuzono]

Describe the bug

When the Mini Cart block is added to Atomic site, the floating cart area is empty.

But this does not mention it being on Atomic site.

To reproduce

Steps to reproduce the behavior:

• Install WooCommerce Blocks on Atomic site/WPcom
• Use any Automattic premium theme or Blank Canvas theme
• Edit the site in FSE to add Mini Cart on the header
• Once added, try adding any product to the cart, then click Mini Cart to view the floating cart.

Expected behavior

You should be able to see a list of product being added.

Screenshots

Image link: https://cln.sh/v3wDoD

Environment

Any atomic site hosted on WordPress.com

Check this staging site example: https://funwallpaperart.blog/product/woman-accesaries29/

[namiokuzono]

5466590-zd

[danielwrobert]

@namiokuzono I can’t seem to reproduce it but I do see the issue present on the site linked. I tested on an atomic site of mine using both TT2 and Kerr themes.

That said, I am getting some super odd styling going on…

Kerr theme - cart with item:

TT2 theme - empty cart:

We will have to investigate further and follow up!

[jamiepalatnik]

Adding that I came across another user report for this issue, but we are not able to recreate it on their site: 5532232-zd-woothemes

Editing to add that I can recreate this when unproxied. Advised user to use the default cart page instead of the mini cart block as a workaround.

[jamiepalatnik]

Another report of odd styling in the mini cart: 37393630-hc

Advised user to use the default cart page instead of the mini cart block as a workaround.

[kaushikasomaiya]

5676862-zen

Previously I had identified Page Optimize plugin was causing this issue.

Ref: 5680237-zen

[Aljullu]

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?

[danielwrobert]

@Aljullu yes, it looks like this issue is resolved now.

I tested and confirmed it is no longer present on an atomic test site of mine with TT2 and Kerr themes. I also tested the site linked in the issue above (running the Kerr theme) to confirm that everything is working as expected there.

WRT the drawer styling issues I mentioned above, I was able to pinpoint the problem to the CoBlocks plugin.

With the CoBlocks plugin activated:

With the CoBlocks plugin disabled:

I'm going to go ahead and close this. Thanks!

[Aljullu]

Thanks, @danielwrobert!

I guess the issue in Drawer styles with the CoBlocks plugin would be fixed with https://github.com/woocommerce/woocommerce-blocks/issues/8606.