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.

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>