---
schema_version: "1"
id: 3bcef81dec33ae3cea70d4124d3205c90429c6f947b6ccdd06ce9ba66e284096
title: cpq-cart-item-detail (layout)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/ind/264-0-0/comms_cpq_cart_item_detail__layout_.md
canonical_url: https://help.salesforce.com/s/articleView?id=ind.comms_cpq_cart_item_detail__layout_.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: c7250d6bc82234d186d5e9c408d70ac5b032a5ea3099354d9a10a621025c2bce
description: The cpq-cart-item detail layout provides the interface for the Line Item Details dialog box.
products:
  - Communications
  - Media
  - Energy and Utilities
release: "264"
---
# cpq-cart-item-detail (layout)

The cpq-cart-item detail layout provides the interface for the **Line Item Details** dialog box.

**Template**

[cpq-cart-item-details (template)](https://help.salesforce.com/s/articleView?id=ind.comms_cpq_cart_item_details__template_.htm&release=264.0.0&type=5 "The cpq-cart-items-details template provides the structure for the cards in the Line Items Details dialog box.")

**Layout Session Variables**

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col>
        <col>
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d108777e60">
            <p style="margin-bottom:0;">Name</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d108777e66">
            <p style="margin-bottom:0;">Value</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d108777e60 ">
            <p style="margin-bottom:0;">messages</p>
          </td>

          <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d108777e66 ">
            <p style="margin-bottom:0;">payload.messages</p>
          </td>

        </tr>
      </tbody>
    </table>

**Data Source**

Dual

**Remote Class**

```
CpqAppHandler
```

**Remote Method**

```
getCartsItemsById
```

**Input Map**

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col>
        <col>
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d108777e139">
            <p style="margin-bottom:0;">Input Map Variable</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d108777e145">
            <p style="margin-bottom:0;">Value</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Input Map Variable" class="slds-cell-wrap" style="vertical-align:top;" headers="d108777e139 ">
            <p style="margin-bottom:0;">cartId</p>
          </td>

          <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d108777e145 ">
            <p style="margin-bottom:0;">{{params.id}}</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Input Map Variable" class="slds-cell-wrap" style="vertical-align:top;" headers="d108777e139 ">
            <p style="margin-bottom:0;">fields</p>
          </td>

          <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d108777e145 ">
            <p style="margin-bottom:0;">Quantity,vlocity_cmt__RecurringTotal__c,vlocity_cmt__OneTimeTotal__c,vlocity_cmt__OneTimeManualDiscount__c,vlocity_cmt__RecurringManualDiscount__c,vlocity_cmt__ProvisioningStatus__c,vlocity_cmt__RecurringCharge__c,vlocity_cmt__OneTimeCharge__c,ListPrice,vlocity_cmt__ParentItemId__c,vlocity_cmt__BillingAccountId__r.Name,vlocity_cmt__ServiceAccountId__r.Name,vlocity_cmt__PremisesId__r.Name,vlocity_cmt__InCartQuantityMap__c</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Input Map Variable" class="slds-cell-wrap" style="vertical-align:top;" headers="d108777e139 ">
            <p style="margin-bottom:0;">id</p>
          </td>

          <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d108777e145 ">
            <p style="margin-bottom:0;">{{attrs.lineItemIds}}</p>
          </td>

        </tr>
      </tbody>
    </table>

**Result JSON Path**

```
records
```

**REST API Information**

Get Line Items

```
GET /vlocity_cmt/v2/cpq/carts/{{params.id}}/items?id={{attrs.lineItemIds}}&fields=Quantity,vlocity_cmt__RecurringTotal__c,vlocity_cmt__OneTimeTotal__c,vlocity_cmt__OneTimeManualDiscount__c,vlocity_cmt__RecurringManualDiscount__c,vlocity_cmt__ProvisioningStatus__c,vlocity_cmt__RecurringCharge__c,vlocity_cmt__OneTimeCharge__c,ListPrice,vlocity_cmt__ParentItemId__c,vlocity_cmt__BillingAccountId__r.Name,vlocity_cmt__ServiceAccountId__r.Name,vlocity_cmt__PremisesId__r.Name,vlocity_cmt__InCartQuantityMap__c
```

**Cards**

[cpq-cart-item-detail (card)](https://help.salesforce.com/s/articleView?id=ind.comms_cpq_cart_item_detail__card_.htm&release=264.0.0&type=5 "The cpq-cart-item-detail card renders the information in the Line Item Details dialog box. Each card contains the information for one product, or line item, in the cart. Use the line item details to modify the attributes of any item inline.")

**Image**

![The line item details for the Subscription Service product include two attributes: Service ID and Internet Speed.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ind-comms_media_energy_managed-264-0-0-production-enus/ff4079f6-a384-475c-b863-578bbbb0ef9b/resources-product/images/salesforce_lineitemdetails.jpg)