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