challenge-vtex-io-ana-carol.../store/blocks/header/header.jsonc

134 lines
3.0 KiB
Plaintext

{
"header": {
"blocks": ["header-layout.desktop", "header-layout.mobile"]
},
"header.full": {
"blocks": ["header-layout.desktop", "header-layout.mobile"]
},
"header-layout.desktop": {
"children": [
"html#flex-layout.row#1-desktop",
// "flex-layout.row#3-desktop",
"sticky-layout#4-desktop"
]
},
"html#flex-layout.row#1-desktop": {
"children": ["telemarketing"],
"props": {
"fullWidth": true
}
},
// "flex-layout.row#3-desktop": {
// "props": {
// "blockClass": "menu-link",
// "horizontalAlign": "center",
// "preventHorizontalStretch": true,
// "preventVerticalStretch": true,
// "fullWidth": true
// },
// "children": [
// "vtex.menu@2.x:menu#websites",
// "flex-layout.col#spacer",
// "vtex.menu@2.x:menu#institutional"
// ]
// },
"flex-layout.col#spacer": {
"props": {
"width": "grow"
}
},
"sticky-layout#4-desktop": {
"props": {
"blockClass": "sticky-header"
},
"children": ["flex-layout.row#4-desktop"]
},
"flex-layout.row#4-desktop": {
"props": {
"blockClass": "main-header",
"horizontalAlign": "center",
"verticalAlign": "center",
"preventHorizontalStretch": true,
"preventVerticalStretch": true,
"fullWidth": true
},
"children": [
"flex-layout.col#logo-desktop",
"flex-layout.col#category-menu",
"flex-layout.col#spacer",
"search-bar",
// "locale-switcher",
"login",
"minicart.v2"
]
},
"flex-layout.col#logo-desktop": {
"props": {
"verticalAlign": "middle"
},
"children": ["logo#desktop"]
},
"flex-layout.col#category-menu": {
"props": {
"verticalAlign": "middle"
},
"children": ["vtex.menu@2.x:menu#category-menu"]
},
"logo#desktop": {
"props": {
"title": "Logo",
"href": "/",
"url": "https://agenciamagma.vteximg.com.br/arquivos/Logo-m3academy-anacarolinaduartecavalcante.svg",
"width": "140",
"height": "33"
}
},
"header-layout.mobile": {
"children": ["sticky-layout#1-mobile"]
},
"sticky-layout#1-mobile": {
"children": ["flex-layout.row#1-mobile"]
},
"flex-layout.row#1-mobile": {
"children": [
"drawer",
"logo#mobile",
"flex-layout.col#spacer",
"login",
"minicart.v2"
],
"props": {
"blockClass": "main-header-mobile",
"preventHorizontalStretch": true,
"preserveLayoutOnMobile": true,
"fullWidth": true
}
},
"drawer": {
"children": ["menu#drawer"]
},
"menu#drawer": {
"children": [
"menu-item#category-apparel",
"menu-item#category-home",
"menu-item#more"
],
"props": {
"orientation": "vertical"
}
},
"logo#mobile": {
"props": {
"title": "Logo",
"href": "/",
"url": "https://agenciamagma.vteximg.com.br/arquivos/Logo-m3academy-anacarolinaduartecavalcante.svg",
"width": "140",
"height": "33"
}
}
}