@assaabloy/gw-group-product-root-grid
v22.2.33
Published
Web component - Product Root Grid
Downloads
1,493
Maintainers
Keywords
Readme
Global web - web components
Product Root Grid
Custom HTML element
<gw-group-product-root-grid content="" theme=""></gw-group-product-root-grid>
Properties | Name | Type | Description | | ------------- | --------- | ----------------------------- | | content | Object | base64 encoded | | theme | String | |
content
{
"categories": [
{
"title": "",
"navigationTitle": "",
"text": "",
"link": {
"text": "",
"url": ""
},
"image": {
"url": "",
"alt": "",
"renditions": {
"blur-up": "",
"400": "",
"800": "",
"1200": "",
"1600": "",
"2500": ""
},
"smartCrops": {
"1-1-S": "",
"1-1-M": "",
"1-1-L": "",
"4-3-S": "",
"4-3-M": "",
"4-3-L": "",
"3-4-S": "",
"3-4-M": "",
"3-4-L": "",
"8-3-S": "",
"8-3-M": "",
"8-3-L": "",
"16-9-S": "",
"16-9-M": "",
"16-9-L": "",
"blur-up": ""
}
}
}
],
config: {
"aspectRatio": "1-1" | "16-9" | "4-3",
"padding": {
"top": true,
"bottom": true
}
}
}
theme Two different background options:
- "theme-alt-1" (white)
- "theme-alt-2" (grey)
Dependencies
@assaabloy/gw-group-vendor
@assaabloy/brand-styles