Documentation
Feedback
Guides
VTEX IO Apps

VTEX IO Apps
Product Summary Brand
vtex.product-summary
Version: 2.90.2
Latest version: 2.90.2

{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAIAAAB2XpiaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVR4nGNoYGD6v3v+/6ask37WACanBhm9KoMJAAAAAElFTkSuQmCC","img":{"src":"https://img.shields.io/badge/-Deprecated-red","width":73,"height":20,"type":"svg"}}

The Product Summary Brand block has been deprecated in favor of the Product Brand app from the Store Components collection. Although support for this block is still granted, we strongly recommend updating your store theme with the Product Brand block.

Product Summary Brand is a block exported by the Product Summary app responsible for rendering the brand of the product.

{"base64":"  ","img":{"width":2854,"height":1578,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":661337,"url":"https://user-images.githubusercontent.com/52087100/70259346-bb081f80-176c-11ea-84db-5785c45829ce.png"}}

Before you start

Ensure that you have registered brands in your store. To do so, follow the How to register brands guide.

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-brand block to your store theme as a child of the product-summary.shelf block. For example:

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

See also
Vtex.product Summary
VTEX IO Apps
VTEX App Store
VTEX IO Apps