How to update a cart counter in real time?

Technical Q&A
,
1

deadmeow5_0-1689091338959.png

I want to implement a cart counter that updates in real time.

If user adds item on product page or changes quantities on cart page the counter should update real time without reload.

I’ve been thinking a about few possible ways to go about it.

  1. Find the components that render the cart in default dawn theme header and use that in my header. But this is proving to be trickier than I thought. Just using the code in header.liquid cart component works but not in real time.

  2. Write the required code myself but so far I’ve had no luck finding the right resources except for the fact that it requires AJAX.

If anyone here would be able to point me in the right direction that would be of great help. I

Thanks