--- schema_version: "1" id: d6856215f1756d648a32ad9dba3d8dad6b7f91ff62f73bc768dfd26e7f7cc682 title: comp-assets-info-panel (template) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/ind/264-0-0/comms_comp_assets_info_panel__template_.md canonical_url: https://help.salesforce.com/s/articleView?id=ind.comms_comp_assets_info_panel__template_.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: 7d3311cdc3157f88457fef92511ec9a964db0451584ff342df4bc9ee55d936ba description: The comp-assets-info-panel template renders the information panel in the cards-based Assets and Review Cart Visualforce pages. products: - Communications - Media - Energy and Utilities release: "264" --- # comp-assets-info-panel (template) The comp-assets-info-panel template renders the information panel in the cards-based Assets and Review Cart Visualforce pages. The comp-assets-info-panel template provides multi-language support translation for Attribute Category Name, Attribute Name, and Attribute Value for attribute types. **Template Type** Containers **Code** HTML, CSS/SCSS **Image** ![The panel has an X for closing, a scrollbar, and an Additional Setting header below the main canvas.](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/reviewcart_compassetsinfopaneltemplate.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** In CME Winter '18, keep the following: ```

{{attributeObj.Name}}

``` In CME Summer '18, replace the HTML above with the following HTML to use translation features: ```

{{attributeObj.Name}}

``` **Second Change** In CME Winter '18, keep the following: ``` {{attribute.label}}: ``` In CME Summer '18, replace the above HTML with the following HTML to use translation features: ``` {{attribute.label}} ``` **Third Change** In CME Winter '18, keep the following: ``` ``` In CME Summer '18, replace the above HTML with the following HTML to use translation features: ``` ``` **Fourth Change** In CME Winter '18, keep the following: ``` {{valueObj.label}} ``` In CME Summer '18, replace the above HTML with the following HTML to use translation features: ``` {{valueObj.label | CPQTranslateFilter:'Attribute.Name' }} ``` **Fifth Change** In CME Winter '18, keep the following: ``` , {{valueObj.label}} ``` In CME Summer '18, replace the above HTML with the following HTML to use translation features: ``` , {{valueObj.label}} ``` **Sixth Change** In CME Winter '18, keep the following: ``` , {{valueObj.label}} ``` In CME Summer '18, replace the above HTML with the following HTML to use translation features: ``` , {{valueObj.label}} ``` **Seventh Change** In CME Winter '18, keep the following: ``` ``` In CME Summer '18, replace the above HTML with the following HTML to use translation features: ``` " ```