> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.helixo.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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.🙂