The ProductPrice component renders a Money component with the product priceRange's maxVariantPrice or minVariantPrice, for either the regular price or compare at price range. It must be a descendent of the ProductProvider component.

Example code


Name Type Description
priceType? "regular" | "compareAt" The type of price. Valid values: regular (default) or compareAt.
valueType? "max" | "min" The type of value. Valid values: min (default) or max.


The ProductPrice component is aliased by the Product.Price component. You can use whichever component you prefer.

Component type

The ProductPrice component is a client component, which means that it renders on the client. For more information about component types, refer to React Server Components.