---
schema_version: "1"
id: e090b3564d22b9f656349465e7c2d1fd6aac09be01d2b7879d2796c795afa35d
title: cpq-left-sidebar (template)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/ind/264-0-0/comms_cpq_left_sidebar__template_.md
canonical_url: https://help.salesforce.com/s/articleView?id=ind.comms_cpq_left_sidebar__template_.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 311d23ea71edfb4bcbdad2f2396fd6bc0929e20a7e720d7b8486fdc2ee6759a3
description: The cpq-left-sidebar template is a wrapper for the cpq-product-list and cpq-promotions-list cards and layouts.
products:
  - Communications
  - Media
  - Energy and Utilities
release: "264"
---
# cpq-left-sidebar (template)

The cpq-left-sidebar template is a wrapper for the cpq-product-list and cpq-promotions-list cards and layouts.

In ​Salesforce Industries Communications, Media, and Energy Summer '18, cpq-left-sidebar has been changed to pass userLocale to both the Product List and Promotion List.

**Template Type**

Containers

**Code**

HTML, CSS/SCSS

**Image**

![The Products list and the Disqualified tab, with no products listed.](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_cart_productslistwrapper.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 changes to the HTML in the Card Designer.

**First Change**

```
<div class="slds-col cpq-items-container scroll" ng-show="importedScope.showList.products">
  <vloc-layout layout-name="cpq-product-list" ctrl="CPQItemsController" tabView="{{importedScope.productsTab}}" include-ineligible="{{importedScope.featureSettings.enableRuleBasedQualifications}}"></vloc-layout>
</div>
<div class="slds-col cpq-items-container scroll" ng-show="importedScope.showList.products">
  <vloc-layout layout-name="cpq-product-list" cpq-user-locale="{{$root.vlocity.userSfLocale}}" ctrl="CPQItemsController" tabView="{{importedScope.productsTab}}" include-ineligible="{{importedScope.featureSettings.enableRuleBasedQualifications}}"></vloc-layout>
</div>
```

**Second Change**

```
<div class="slds-col cpq-items-container scroll" ng-show="importedScope.showList.promotions" ng-if="importedScope.featureSettings.enablePromotions">
  <vloc-layout layout-name="cpq-promotions-list" ctrl="CPQItemsController" tabView="{{importedScope.promotionsTab}}" include-ineligible="{{importedScope.featureSettings.enableRuleBasedQualifications}}"></vloc-layout>
</div>
<div class="slds-col cpq-items-container scroll" ng-show="importedScope.showList.promotions" ng-if="importedScope.featureSettings.enablePromotions">
  <vloc-layout layout-name="cpq-promotions-list" cpq-user-locale="{{$root.vlocity.userSfLocale}}" ctrl="CPQItemsController" tabView="{{importedScope.promotionsTab}}" include-ineligible="{{importedScope.featureSettings.enableRuleBasedQualifications}}"></vloc-layout>
</div>"
```