cpqCartItemPrices Customization Example

The cpqCartItemPrices card is responsible to render root product prices. This card has two states: show root items prices and show Line item prices. In this example, a customer doesn’t want to show the usage pricing for the product and wants to change the field value of One time total to One time charge.

State rendering would be decided based on the product value being passed as an attribute from parent component.

  1. In the OmniStudio FlexCards app, open and clone the cpqCartItemPrices card.
  2. Click the usage pricing field to delete.
  3. To remove the usage pricing, click on the bin icon.

    The usage pricing field no longer shows in the Cart.

    The usage pricing field no longer shows in the Cart
  4. To change the field value of an existing element, select the element to change.
  5. In the Field Properties tab, change the output field value to the merge field you want to display.

    The field refers to the data fields returned from the data source. These merge fields are linked to FlexCard elements to display data. For example, to show Name field in a textbox element, drag and drop a Text element to the canvas and give value as {Name}.

    Update field properties