In stores developed with VTEX IO Store Framework, when creating a promotion and enabling the highlight option, the corresponding flag may not appear on the product.

This behavior may occur due to the absence of the product-highlights component on the corresponding page.

To display the promotion highlight on a product, follow the steps below.

Make sure your promotion is configured properly and has the highlight option enabled. You can check this directly in the VTEX Admin or using a VTEX API.

VTEX Admin

1. In the VTEX Admin, go to Promotions > Promotions.
2. Open the promotion you configured.
3. Confirm the promotion is highlighted.

VTEX API

Using the Get promotion or tax by ID API, check if the isFeatured field is set as true.

1. Open the Store Theme app using any code editor, such as Visual Studio Code.
2. Go to the page template where the product should be displayed with the highlight flag.
3. Check if the template has a product highlight block declared.

The Product Highlights blocks require a product context to work properly. Therefore, when declaring these blocks, ensure that they are placed in a theme template or a block where this context is available, such as store.product and product-summary.shelf.

4. If a product highlight block is not declared, follow the Product Highlights documentation to set it up.

If the problem continues, open a ticket with VTEX Support.