Mini Cart does not sync when WooCommerce AJAX buttons are used to add and remove products

Bugs
1

Description:

We have added a mini cart using the Cwicly tutorial video. The only minor difference is we are displaying it in a Nav Dropdown rather than a Modal.

When we add or remove products using WooCommerce’s AJAX buttons (outside of the mini cart) the cart items and count do not update asynchronously, only on refresh of the page.

The reason I am adding this as a bug rather than a feature request is because in some places in the documentation it is implied that this should work.

Step-by-step reproduction instructions:

  1. Add a mini cart into your header template in a Nav Dropdown inside a Nav block.
  2. When viewing the site,
    a. add a product using WooCommerce buttons with AJAX enabled
    b. remove a product using the legacy basket or checkout template with AJAX enabled
  3. Note the mini cart does not update

Environment info

  • WordPress version: 6.3.2
  • Cwicly Plugin version: 1.3.2.2
2

@Araminta, let me know if you need any more information to be able to reproduce this.