HUE cart drawer Events for Third party app Integration

HUE Cart Drawer events helps you to do custom actions at various phases of the cart, also helps to synchronise the app between other apps.

📣Prerequisite 

The following part of the article requires development knowledge.

Don't do it without proper knowledge.

1. Cart Loaded Event

 The  `WOW_CART_LOADED` event will emit when the app is fully loaded on each page.

document.addEventListener('WOWCART_LOADED', () => {

	//Add your code here to execute the action on wowcart on load
                        
  });

2. Cart Updated Event

 The   `CART_UPDATED` event will emit the cart products data when ever the cart products are updated in wowcart.

document.addEventListener('CART_UPDATED', function(items) {
			//items.detail will have updated cart products data
  		const cartObject = items.detail || {};

			//Add your code here to execute the action on each cart update
       
  });

3. Product Deleted Event

 The  `WOWCART_PRODUCT_DELETED` event will emit the cart products data when ever the cart products are updated in wowcart.

document.addEventListener('WOWCART_PRODUCT_DELETED', function(item) {
			//item.detail will have currently deleted product data
    
  		const deletedItem = item.detail || {};
       
			//Add your code here to execute the action on product delete
  });

4. Cart Open Event

The `CART_OPENED` event will emit when the wowcart drawer is opened.

document.addEventListener('CART_OPENED', () => {

	//Add your code here to execute the action on cart open
                        
  });

5. Cart Closed Event

The `CART_CLOSED` event will emit whenever the wowcart drawer is closed.

document.addEventListener('CART_CLOSED', () => {

	//Add your code here to execute the action on cart close
                        
  });

Hope you've got some value from this article.

Let us know your feedback 🙂 We are excited to hear your thoughts.🙂

Updated on: 20/05/2026