Product Detail
Overview
When to use
To be defined
When to consider an alternative
To be defined
Image Sizes
| Parent Element | brp-0 | brp-1 | brp-2 | brp-3 | brp-4 | brp-5 |
|---|---|---|---|---|---|---|
| Product Image (Max. Height) | 250px | 250px | 400px | 450px | 545px | 575px |
| Award Image (Max. Width) | 80px | 80px | 80px | 100px | 100px | 100px |
Component
Default
Shop
Fallback Image
Properties
ProductDetail
| Property | Type | Required | Default |
|---|---|---|---|
| type | Enum | false | - |
| utilClassNames | String | false | - |
| children | Node | false | - |
ProductDetail.Description
| Property | Type | Required | Default |
|---|---|---|---|
| utilClassNames | String | false | - |
| badge | Node | false | - |
| award | Node | false | - |
| title | Node | false | - |
| buyAction | Node | false | - |
| findAction | Node | false | - |
| price | Node | false | - |
| variants | Node | false | - |
| sku | String | false | - |
| excerpt | Node | false | - |
| shippingLabel | String | false | - |
| shippingState | Enum 1 │ 2 | false | - |
ProductDetail.Title
| Property | Type | Required | Default |
|---|---|---|---|
| title | String | false | - |
| utilClassNames | String | false | - |
ProductDetail.Excerpt
| Property | Type | Required | Default |
|---|---|---|---|
| excerpt | String | false | - |
ProductDetail.Image
| Property | Type | Required | Default |
|---|---|---|---|
| utilClassNames | String | false | - |
| awards | Node | false | - |
| badge | Node | false | - |
| image | Node | false | - |
| thumbnails | Node | false | - |
| dataModalTarget | Func | false | - |
| sun | String | false | /public/images/sun.png |