> For the complete documentation index, see [llms.txt](https://docs.antsomi.com/developers-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.antsomi.com/developers-guide/hybrid-apps/react-native/tracking-events/sample-e-commerce-events/add-a-product-to-the-shopping-cart.md).

# Add a Product to the Shopping Cart

When a user adds a product to their shopping cart in your mobile app, signifying their intent to purchase a specific item.

{% tabs %}
{% tab title="TypeScript" %}

<pre class="language-typescript"><code class="lang-typescript">import AntsomiRnSDK from '@antsomicorp/antsomirnsdk';

const items: Record&#x3C;string, any>[] = [];

// Replace the object productDetail, cartData, and userData with your object
items.add({
  type: "product",
  id: productDetail.sku,
  name: productDetail.name,
  sku: productDetail.sku,
  price: +productDetail?.salePrice,
<strong>  original_price: +productDetail?.price
</strong>});

const event: CDPEvent = {
  en: "add_to_cart_product",
  items: items,
  customerProps: {
    customer_id: MD5Hash().generateMd5(userData.email ?? ''),
    name: userData.name
  },
  eventProps: {
    event_source: "add_to_cart",
    cart_subtotal: cartData.subtotal,
    cart_item_count: cartData.itemCount
  }
};

await AntsomiRnSDK.track(event);
</code></pre>

{% endtab %}
{% endtabs %}