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 themanifest.json
:
"dependencies": {
"vtex.product-summary": "2.x"
}
- Add the
product-summary-sku-name
block to your store theme as a child ofproduct-summary.shelf
. For example:
"product-summary.shelf": {
"children": [
"product-summary-image",
"product-summary-name",
+ "product-summary-sku-name",
"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 |
---|
skuNameContainer |