---
schema_version: "1"
id: 2a9cec8b5dec69a726f5e212bb6b5a64fd980b09c2364fffb2ca9951285318ef
title: cpq-base-grid (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_grid__template_.md
canonical_url: https://help.salesforce.com/s/articleView?id=ind.comms_cpq_base_grid__template_.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: bdb6343d112b0728404be7e409879bf53c4e8a65f6217fb596afe7df00f7ca5c
description: The cpq-base-grid template provides a three-column cart interface with the header bar at the top of the page and the total bar at the bottom of the page.
products:
  - Communications
  - Media
  - Energy and Utilities
release: "264"
---
# cpq-base-grid (template)

The cpq-base-grid template provides a three-column cart interface with the header bar at the top of the page and the total bar at the bottom of the page.

In ​Salesforce Industries Communications, Media, and Energy Summer '18, cpq-base-grid has its own controller, CPQHeaderController.

**Template Type**

Containers

**Code**

HTML, CSS/SCSS

**Image**

![This layout or template structures the cart. It has a left pane with a scroll bar and a right pane with a tab. Between the panes is a control for hiding the left pane.](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_cardscpq_basegrid.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-layout layout-name="cpq-header" enable-pricing="{{importedScope.featureSettings.enablePricing}}"  enable-loyalty-points="{{importedScope.customSettings.EnableLoyaltyPoints}}"></vloc-layout>
<vloc-layout layout-name="cpq-header" ctrl="CPQHeaderController" enable-pricing="{{importedScope.featureSettings.enablePricing}}"  enable-loyalty-points="{{importedScope.customSettings.EnableLoyaltyPoints}}"></vloc-layout>
```