Documentation
Feedback
Guides

Product Summary Description

Product Summary Description is a block exported by the Product Summary app responsible for rendering the description of the product.

{"base64":"  ","img":{"width":1895,"height":778,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":42263,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-product-summary-productsummarydescription-0.png"}}

Configuration

  1. Import the vtex.product-summary app to your theme's dependencies in the manifest.json:

_10
dependencies: {
_10
"vtex.product-summary": "2.x"
_10
}

  1. Add the product-summary-description block to your store theme as a child of product-summary.shelf. For example:

_10
"product-summary.shelf": {
_10
"children": [
_10
"product-summary-image",
_10
"product-summary-name",
_10
+ "product-summary-description",
_10
"product-summary-attachment-list",
_10
"product-summary-space",
_10
"product-summary-column#1"
_10
]
_10
},

Customization

To apply CSS customizations in this and other blocks, follow the Using CSS Handles for store customization guide.

CSS Handles
description
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page