Product Detail
Loading playground
Overview
PriceInfo is the PDP price display. It renders the current price, an optional strikethroughPrice (the MSRP shown above the sale price), a unit price (for example, €2.50 / 100g), an optional savingPercentage badge, and a "VAT included" label. Values are formatted through the active locale so currency symbols and decimal separators stay correct across markets.
Auto-import tag: <LPriceInfo>.
Key Business & UX Benefits
- Strikethrough original price and savings indicator make promotional value obvious, the same anchoring effect that retailers use to lift conversion on sale items.
- Unit and reference price display meets EU price-indication rules and helps shoppers compare across pack sizes, a known driver of repeat purchase.
- Locale-aware currency, symbol position, and decimal separator render correctly per market with no per-country code paths.
- Single price component keeps the PDP, tile, and cart in visual sync, so shoppers see the same price story from browse to buy.
Feature List
- Renders price, strikethroughPrice (MSRP), unitPrice, and a savingPercentage badge in one block
- unitPrice prop supports formats like '€2.50 / 100g' to meet EU price-indication rules
- Locale-aware currency symbol, position, and decimal separator with no per-country code paths
- One price component covers PDP, tile, and cart so shoppers see the same price story from browse to buy
- Optional props mean the same block handles full-price items, promotions, and compared-at displays without conditional templates