Documentation
Feedback
Guides
VTEX IO Apps

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

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:
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
Product Summary Buy Button
« Previous
Product Summary Image
Next »
See also
Vtex.product Summary
VTEX IO Apps
VTEX App Store
VTEX IO Apps