Web Components · Product Detail (PDP)
<mmm-pdp-sticky-add-to-cart>
Sticky bottom add-to-cart pinned on mobile.
What it is
Appears on scroll past the buy box. Mobile-only by default.
When to use
- Long PDPs where the main CTA scrolls off-screen
- Mobile-only sticky bar
Attributes
AttributeTypeDefaultDescription
data-product-idstringcontextInherited from the surroundingdata-breakpointstringtabletHide above this breakpoint.data-show-afternumber400Pixels scrolled before appearing.idstring—Unique element identifier.classstring—Custom CSS class list.hiddenbooleanfalseHide the element without removing it from the DOM.Examples
Default
Mobile-only sticky bar.
<mmm-pdp-sticky-add-to-cart></mmm-pdp-sticky-add-to-cart>