Web Components · Product Detail (PDP)
<mmm-pdp-price>
PDP price block — currency, compare-at, savings, and ranges.
What it is
Headline price for the active variant. Updates on variant switch.
When to use
- Above the buy box on every PDP
Attributes
AttributeTypeDefaultDescription
data-product-idstringcontextInherited from the surroundingdata-show-compare-atbooleantrueShow compare-at price.data-show-savingsbooleanfalseShow "Save $10" callout when discounted.idstring—Unique element identifier.classstring—Custom CSS class list.hiddenbooleanfalseHide the element without removing it from the DOM.Examples
Default
Price plus optional compare-at.
<mmm-pdp-price></mmm-pdp-price>