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.
Example code
Anchor link to section titled "Example code"
Name | Type | Description |
---|---|---|
data | PartialDeep< |
An object with fields that correspond to the Storefront API's Product object. |
priceType? | "regular" | "compareAt" |
The type of price. Valid values: regular (default) or compareAt . |
valueType? | "max" | "min" | "unit" |
The type of value. Valid values: min (default), max , or unit . |
variantId? | string |
The ID of the variant. |
Component type
Anchor link to section titled "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.