Product Summary Brand

{"base64":" ","img":{"width":73,"height":20,"type":"svg","mime":"image/svg+xml","wUnits":"px","hUnits":"px","length":927,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-product-summary-productsummarybrand-0.png"}}

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://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-product-summary-productsummarybrand-1.png"}}

Before you begin

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

Configuration

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


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

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  },