VTEX Developer Portal

📢 Use this project, contribute to it or open issues to help evolve it using Store Discussion.

Product Identifier

All ContributorsAll Contributors

Product Identifier app is responsible for showing a product identifier, such as: product reference, product ID, sku EAN or sku reference.

referencereference

Configuration

Add the vtex.product-identifier app to your theme's dependencies in the manifest.json file, as in:

"dependencies": {
    "vtex.product-identifier": "0.x"
}

Now, the product-identifier interface is available. Within the admin's CMS, you can configure this component to show other identifiers, such as:

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

It's also possible to hide the component label or customize its text. Notice that, in the following example, the "Reference" text was substituted by "Foo".

foofoo

Customization

To apply CSS customization in this and other blocks, follow the instructions given in the recipe on Using CSS Handles for store customization.

CSS Handles
product-identifier
product-identifier__label
product-identifier__separator
product-identifier__value

Contributors ✨

Thanks goes to these wonderful people:

This project follows the all-contributors specification. Contributions of any kind welcome!

Updated about a year ago


Product Identifier


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.