cart icon ajax update at add to cart

Resolved frischi
(@frischi)

4 years ago

Hello,

I use the phlox theme with this demo content:
https://demo.phlox.pro/shop-digital/shop/

If I put a product in the cart, the icon in the top right corner and the amount of products does not update. It updates after a page reload, but not via ajax.

The same problem exists in the demo at the link above.

In this demo:
https://demo.phlox.pro/jewelery-shop/shop/

the icon update works correct.

Do you know what do to to solve this problem? Is it something in the settings, or is it a bug?

Thanks for your help

Viewing 2 replies - 1 through 2 (of 2 total)

Thread Starter

(@frischi)

Figured out the problem:

If in Elementor settings for the cart icon animation is enabled, it needs the “AuxCartProgressAnimationDone” event to be fired for updating the icon. But it never fires.

In this code you can see it:

if ( hasAnimation ) {
                                $cartBoxEl.on('AuxCartProgressAnimationDone', function(e) {
                                    $cartBoxEl.find('.aux-card-dropdown').html( response.data.items );
                                    $cartBoxEl.find('.aux-shopping-basket').html( response.data.total );
                                    $cartBoxEl.trigger('AuxCartUpdated');
                                });
                            } else {
                                $cartBoxEl.find('.aux-card-dropdown').html( response.data.items );
                                $cartBoxEl.find('.aux-shopping-basket').html( response.data.total );
                                $cartBoxEl.trigger('AuxCartUpdated');
                            }

So I disbaled the animation and it works now.