---
schema_version: "1"
id: 3a957c5b1c14919aa927df096eaa96b4cb4ad8f8353a30416ebc6c470b71ff71
title: cpq-base-header (template)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/ind/264-0-0/comms_cpq_base_header__template_.md
canonical_url: https://help.salesforce.com/s/articleView?id=ind.comms_cpq_base_header__template_.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: ddba913a5af3f71637b31e082f087c440669624ab74af766fc645a7db6bae0e1
description: The cpq-base-header template provides the structure of the cart header.
products:
  - Communications
  - Media
  - Energy and Utilities
release: "264"
---
# cpq-base-header (template)

The cpq-base-header template provides the structure of the cart header.

In ​Salesforce Industries Communications, Media, and Energy Summer '18, cpq-base-header passes the CPQHeaderController to the card.

**Template Type**

Containers

**Code**

HTML

**Image**

![The cart header, showing a Draft object icon and two buttons: View Record and Generate Document PDF.](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_cpqcart_header.jpg)

**Upgrade from Vlocity CME Winter '18 to Vlocity CME Summer '18**

When upgrading from ​Salesforce Industries Communications, Media, and Energy Winter '18 to ​Salesforce Industries Communications, Media, and Energy Summer '18, you must make the following change to the HTML in the Card Designer.

```
<vloc-card ng-repeat="card in cards" ng-model="card" data="card"
index="{{$index}}" session-id="{{sessionId}}" enable-pricing="{{attrs.enablePricing}}" enable-loyalty-points="{{attrs.enableLoyaltyPoints}}">
<vloc-card ng-repeat="card in cards"
ng-model="card" index="{{$index}}" session-id="{{sessionId}}"
data="card" ctrl="{{ctrl}}"
enable-pricing="{{attrs.enablePricing}}"
enable-loyalty-points="{{attrs.enableLoyaltyPoints}}"
ng-if="isLoaded"></vloc-card>"
```