Product Summary SKU Name

Product Summary SKU Name is a block exported by the Product Summary app responsible for rendering the selected SKU's name.

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-sku-name 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-sku-name",
_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
`skuNameContainer`