Product Detail

Energy Label

EU energy efficiency label image with lightbox preview and data-sheet link.

Loading playground

Overview

EnergyLabel renders the EU energy-efficiency label artwork supplied by the manufacturer, alongside a link to the official product data sheet. The label thumbnail opens a fullsize image in the shared lightbox, and the data-sheet link is a direct download.

Required prop is labelPreview: Media for the thumbnail and labelFullsize: Media for the lightbox view. Pass dataSheetLink: string to render the data-sheet download link beside the thumbnail.

Auto-import tag: <LEnergyLabel>.

Key Business & UX Benefits

Renders the regulator-supplied label artwork rather than a re-rendered grade widget, so there is no risk of drift from the official mark.
Lightbox preview lets shoppers read the full label without leaving the PDP, which keeps energy-conscious shoppers engaged at the decision point.
Direct link to the product data sheet keeps regulatory artifacts one click away, so shoppers and auditors find them without contacting support.
Drop-in placement on any PDP means new markets entering EU energy scope can ship without a custom integration per product.

Feature List

labelPreview renders the official EU label thumbnail next to the buy box
labelFullsize drives the shared lightbox so shoppers can read the full label without leaving the PDP
dataSheetLink renders an external download link for the regulatory data sheet
Drop-in placement on any PDP, so new markets entering EU energy scope ship without per-product integration work
Self-contained widget that does not require a separate compliance microsite to stay current

API Reference

Prop	Default	Type
`badge`required		`Media` Small energy-class badge image (A–G), shown inline.
`label`required		`Media` Full-size energy label image, opened in a lightbox on click.
`title`		`string` Human-readable title for the energy class, used as accessible alt text on the badge image. Optional — falls back to a translated default when omitted.
`dataSheetLink`		`string` Optional link to the product data sheet (EU energy regulation requirement).
`width`	`51`	`number` Arrow image width in pixels.
`height`	`32`	`number` Arrow image height in pixels.

Edit this pageorReport an issue

Coupon Box

Coupon-code display widget with applied state, copy-to-clipboard, and success toast feedback.

Price Info

PDP price display with strikethrough original, savings indicator, and reference price.