Web Components · Product Detail (PDP)
<mmm-pdp-offer>
Promotional offer banner on the PDP.
What it is
Surfaces an active promotion attached to the product or collection — coupon, gift-with-purchase, free shipping.
When to use
- Below the price
- Above the description for high-impact offers
Attributes
AttributeTypeDefaultDescription
data-offer-idstringautoSpecific promo to show; otherwise the first eligible.idstring—Unique element identifier.classstring—Custom CSS class list.hiddenbooleanfalseHide the element without removing it from the DOM.Examples
Default
Auto-picks the first eligible promo.
<mmm-pdp-offer></mmm-pdp-offer>