ProductAttributes

The ProductAttributes container displays a list of attributes for a product on the product details page.

The container receives initial product data during initialization to preload the component and, being event-driven, updates with data emitted to pdp/data within the event scope.

ProductAttributes configurations

The ProductAttributes container provides the following configuration options:

Option	Type	Req?	Description
formatValue	function	No	Custom formatter for attribute values. Receives the formatted value, attribute id, and label; returns the string to display. Use this to override the default rendering of any attribute value.
scope	string	No	Unique identifier for the PDP context. Only containers rendered with this scope will respond to product events.

Example

The following example demonstrates how to configure the ProductAttributes container:

return productRenderer.render(ProductAttributes, {
  scope: 'modal', // optional
});