Skip to content

Search is only available in production builds. Try building and previewing the site to test it out locally.

ProductPrice

The ProductPrice container displays the price of a product on the product details page. It includes special prices and regular prices if they are available and visible.

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.

ProductPrice configurations

The ProductPrice container provides the following configuration options:

Option Type Req? Description
scopestringNo 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 ProductPrice container:

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