# Component: Update Cart Items

**Available from:** Release 112

The **Update Cart Items** component displays a detailed list of all items in the subscription update checkout flow. This includes both the main offer and any add-ons selected. It does not include any additional offers that are on the subscription, or any add-ons that were previously purchased.

{% embed url="<https://69c2cf3a42a094f3cd354b8d-ojozztnsdo.chromatic.com/?path=/story/shop-components-cart-update-cart-items--default&full=1&shortcuts=false&singleStory=true&embed=true>" %}

## Behaviour

* Item title
  * For offers, the item title will always be the display\_name\_\_limio attribute on the product, "-", display\_name\_\_limio attribute on the offer. For example, "Digital Product - Annual Offer".
  * For add-ons, the item title will always be the display\_name\_\_limio attribute on the add-on.
* **Price**
  * Price is pulled from the [Limio price](https://docs.limio.com/integrations/zuora-integration/configuring-the-catalog/how-to-configure-subscriptions-in-limio-offers-with-initial-price-and-zuora-rate-plans) field or from configured [External pricing](https://docs.limio.com/integrations/zuora-integration/configuring-the-catalog/manage-your-pricing/how-to-configure-subscriptions-in-limio-offers-with-external-price-and-zuora-rate-plans).
* Remove items from the cart
  * Offers cannot be removed from the Update Cart Items component.\
    To change the selected offer, the customer must restart the update flow.
  * Add-ons can be removed as long as they were added during the Update flow. Add-ons that were previously purchased cannot be removed from a subscription using this component.

## Props

| Prop name                     | Prop type | Default                                                          | Notes                                                                                                                                                                                                                                      |
| ----------------------------- | --------- | ---------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Offer Additional Information  | richtext  | <p>{{data.attributes.<br><br>display\_description\_\_limio}}</p> | <p>Insert any offer attribute into this richtext field by entering {{data.attributes.attributeName}}.<br><br>Read more about Limio Variables here: <a data-mention href="/pages/SFoUj8IYhXFxmgdBUc0f">/pages/SFoUj8IYhXFxmgdBUc0f</a></p>  |
| Add On Additional Information | richtext  | <p>{{data.attributes.<br><br>description\_\_limio}}</p>          | <p>Insert any add-on attribute into this richtext field by entering {{data.attributes.attributeName}}.<br><br>Read more about Limio Variables here: <a data-mention href="/pages/SFoUj8IYhXFxmgdBUc0f">/pages/SFoUj8IYhXFxmgdBUc0f</a></p> |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.limio.com/components/component-library/self-service-components/component-update-cart-items.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.