Product Identifier

Shows a product identifier, such as: product reference, product ID, sku EAN or sku reference.

Usage

Add "vtex.product-identifier": "0.x" to your manifest.json dependencies.

Interfaces available: product-identifier.

Content

This component can be configured using the CMS to show other identifiers.

Possible identifiers:

  • Product Reference
  • Product ID
  • SKU EAN
  • SKU Reference ID

You can hide the label or customize its text, example:

<img src="./print2.png" width="200" />

CSS handles

Below, we describe the namespaces are available in the app.

product-identifier

Token nameDescriptionComponent Source
product-identifierThe root elementindex
product-identifier__labelLabel of the product identifierindex
product-identifier__separatorCorresponds to the element that renders :index
product-identifier__valueValue of the product identifierindex

Contributing

Check how to contribute to this project.