Product Name


ProductName is a VTEX Component that shows the name of the product with other informations such as SKU or brand. This Component can be imported and used by any VTEX App.

📢 Disclaimer: Don't fork this project; use, contribute, or open issue with your feature request.

Table of Contents


You should follow the usage instruction in the main README.

Then, add product-name block into our app theme, as we do in our Product Details app.

Blocks API

This component has an interface that describes which rules must be implemented by a block when you want to use the ProductName.

  "product-name": {
    "component": "ProductName"


Through the Storefront, you can change the ProductName's behavior and interface. However, you also can make in your theme app, as Dreamstore does.

Prop nameTypeDescription
showSkuBooleanShow product SKU
showProductReferenceBooleanShow product reference
showBrandNameBooleanShow brand name

Styles API

🚧 🚧 🚧