challenge-vtex-io-josecarlo.../store/blocks/header/header.jsonc

192 lines
4.0 KiB
Plaintext

{
"header": {
"blocks": ["header-layout.desktop", "header-layout.mobile"]
},
"header.full": {
"blocks": ["header-layout.desktop", "header-layout.mobile"]
},
"header-layout.desktop": {
"children": [
"flex-layout.row#top-menu-descont",
"sticky-layout#4-desktop"
]
},
"flex-layout.row#top-menu-descont":{
"props": {
"blockClass": "container-top-menu-descont"
},
"children": [
"rich-text#text-top-menu-descont"
]
},
"rich-text#text-top-menu-descont": {
"props": {
"text": "Desconto na primeira compra",
"blockClass": "text-top-menu-descont"
}
},
"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",
"flex-layout.row#login-and-cart"
]
},
"search-bar":{
"props": {
"placeholder": "Faça sua busca"
}
},
"flex-layout.col#logo-desktop": {
"props": {
"verticalAlign": "middle",
"blockClass": "logo-desktop-m3academy"
},
"children": ["logo#desktop"]
},
"flex-layout.col#category-menu": {
"props": {
"verticalAlign": "middle",
"blockClass": "menu-header-container"
},
"children": ["vtex.menu@2.x:menu#category-menu"]
},
"logo#desktop": {
"props": {
"title": "Logo M3 Academy",
"href": "/",
"url": "https://agenciamagma.vteximg.com.br/arquivos/LogoM3Academy.png",
"width": "100%",
"height": "auto"
}
},
"header-layout.mobile": {
"children": [
"flex-layout.row#top-menu-descont",
"sticky-layout#1-mobile"
],
"props": {
"sticky": false
}
},
"sticky-layout#1-mobile": {
"children": ["flex-layout.row#mobile-header-col"]
},
"flex-layout.row#mobile-header-col": {
"children": [
"flex-layout.row#1-mobile",
"search-bar#mobile"
],
"props": {
"blockClass": "mobile-header-col"
}
},
"flex-layout.row#1-mobile": {
"children": [
"drawer",
"logo#mobile",
"flex-layout.row#login-and-cart"
],
"props": {
"blockClass": "main-header-mobile",
"preventHorizontalStretch": true,
"preserveLayoutOnMobile": true,
"fullWidth": true
}
},
"flex-layout.row#login-and-cart":{
"children": [
"login",
"minicart.v2"
],
"props": {
"blockClass": "login-and-cart-container"
}
},
"drawer": {
"children": ["menu#drawer"],
"props": {
"blockClass": "drawer-header"
}
},
"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/LogoM3Academy.png",
"width": "140",
"height": "33",
"blockClass": "logo-mobile-header"
}
},
"search-bar#mobile": {
"props": {
"blockClass": "search-mobile-header"
}
}
}