ProductPrice
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
Props
| 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. |
Alias
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.