woocommerce-blocks icon indicating copy to clipboard operation
woocommerce-blocks copied to clipboard

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

Open namiokuzono opened this issue 3 years ago • 3 comments
trafficstars

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

https://cln.sh/v3wDoD 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 avatar Aug 09 '22 21:08 namiokuzono

5466590-zd

namiokuzono avatar Aug 09 '22 21:08 namiokuzono

@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: CleanShot 2022-08-25 at 15 13 56

TT2 theme - empty cart: CleanShot 2022-08-25 at 15 17 10

We will have to investigate further and follow up!

danielwrobert avatar Aug 25 '22 19:08 danielwrobert

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 avatar Sep 22 '22 00:09 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.

jamiepalatnik avatar Oct 13 '22 03:10 jamiepalatnik

5676862-zen

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

Ref: 5680237-zen

kaushikasomaiya avatar Nov 04 '22 09:11 kaushikasomaiya

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

@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: CleanShot 2023-03-14 at 15 10 25@2x

With the CoBlocks plugin disabled: CleanShot 2023-03-14 at 15 11 14@2x

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

danielwrobert avatar Mar 14 '23 19:03 danielwrobert

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.

Aljullu avatar Mar 15 '23 07:03 Aljullu