Documentation
Feedback
Guides
VTEX IO Apps

VTEX IO Apps
Basic components
Product Summary Description
vtex.product-summary
Version: 2.89.0
Latest version: 2.89.0

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://user-images.githubusercontent.com/67270558/156373901-36a7a33d-9b32-4e0d-8798-ee4ddd01982d.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
See also
Vtex.product Summary
VTEX IO Apps
VTEX App Store
VTEX IO Apps