Commmerce Docs

What it is

Renders skeleton placeholders for every PDP block while the data source is still loading. Disappears when data arrives.

When to use

  • PDPs on flaky networks
  • Above-the-fold critical loading states

Attributes

AttributeTypeDefaultDescription
data-blocksstringautoComma list of skeleton blocks to render.
idstringUnique element identifier.
classstringCustom CSS class list.
hiddenbooleanfalseHide the element without removing it from the DOM.

Examples

Default

Skeletons for every PDP block until data is ready.

<mmm-pdp-placeholder-engine></mmm-pdp-placeholder-engine>