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
1024px
375px768px1400px
Properties
ProductDetail
| Property | Type | Required | Default |
|---|---|---|---|
| type | Enum | false | - |
| utilClassNames | String | false | - |
| children | Node | false | - |
ProductDetail.Description
| Property | Type | Required | Default |
|---|---|---|---|
| badge | Node | false | - |
| award | Node | false | - |
| title | String | false | - |
| buyLink | String | false | - |
| buyLabel | String | false | - |
| buyTarget | String | false | - |
| sku | String | false | - |
| excerpt | String | false | - |
| dropdownLabel | String | true | - |
| dropdownItems | Arrayof Array<{
"label": "String",
"href": "String",
"onClick": "Function"
}> | false | - |
| variantsTitle | String | false | - |
| variantsImage | Arrayof Array<{
"imageUrl": "String",
"title": "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 | - |