Documentation
Feedback
Guides

Basic components
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:
dependencies: { "vtex.product-summary": "2.x" }
  1. Add the product-summary-description block to your store theme as a child of product-summary.shelf. For example:
"product-summary.shelf": { "children": [ "product-summary-image", "product-summary-name", + "product-summary-description", "product-summary-attachment-list", "product-summary-space", "product-summary-column#1" ] },

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)
« Product Summary Buy ButtonProduct Summary Image »
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page