Web Components · Product Detail (PDP)
<mmm-pdp-add-to-cart-buy-now>
Primary CTA pair — add-to-cart and buy-now.
What it is
Renders the main and secondary calls to action. Buy-now skips the cart and goes directly to checkout.
When to use
- Buy box on every PDP
Attributes
AttributeTypeDefaultDescription
data-product-idstringcontextInherited from the surroundingdata-buy-nowbooleantrueShow the buy-now button.data-quantity-fromstringmmm-pdp-quantityCSS selector for the quantity source.idstring—Unique element identifier.classstring—Custom CSS class list.hiddenbooleanfalseHide the element without removing it from the DOM.Examples
Default
ATC plus buy-now.
<mmm-pdp-add-to-cart-buy-now></mmm-pdp-add-to-cart-buy-now>ATC only
Single primary CTA.
<mmm-pdp-add-to-cart-buy-now data-buy-now="false"></mmm-pdp-add-to-cart-buy-now>