challenge-vtex-io-amanda-al.../store/blocks/header/header.jsonc

127 lines
2.7 KiB
Plaintext

{
"header": {
"blocks": ["header-layout.desktop", "header-layout.mobile"]
},
"header.full": {
"blocks": ["header-layout.desktop", "header-layout.mobile"]
},
"header-layout.desktop": {
"children": ["notification.bar#home", "sticky-layout#2-desktop"]
},
"notification.bar#home": {
"props": {
"content": "Desconto na primeira compra",
"fullWidth": "true"
}
},
"flex-layout.row#1": {
"props": {
"blockClass": "login-card"
},
"children": ["login", "minicart.v2"]
},
"sticky-layout#2-desktop": {
"props": {
"blockClass": "sticky-header"
},
"children": ["flex-layout.row#2-desktop"]
},
"flex-layout.row#2-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",
"search-bar",
"flex-layout.row#1"
]
},
"flex-layout.col#logo-desktop": {
"props": {
"blockClass": "logo",
"verticalAlign": "middle"
},
"children": ["logo"]
},
"flex-layout.col#category-menu": {
"props": {
"verticalAlign": "middle"
},
"children": ["vtex.menu@2.x:menu#category-menu"]
},
"logo": {
"props": {
"title": "Logo",
"href": "/",
"url": "https://agenciamagma.vtexassets.com/assets/vtex.file-manager-graphql/images/d3007954-7fdd-4d38-956c-58286fa1a732___b77dbe0e7dea0eadd46b6ce55b80b74b.svg",
"width": "140",
"height": "33"
}
},
"search-bar": {
"props": {
"placeholder": "Faça sua busca"
}
},
"login": {
"props": {
"blockClass": "login",
"hideIconLabel": true
}
},
"header-layout.mobile": {
"children": ["sticky-layout#1-mobile"]
},
"sticky-layout#1-mobile": {
"children": ["html#mobile"]
},
"html#mobile": {
"props": {
"blockClass": "header-mobile"
},
"children": [
"notification.bar#home",
"flex-layout.row#1-mobile",
"search-bar"
]
},
"flex-layout.row#1-mobile": {
"children": ["drawer", "logo", "flex-layout.row#1"],
"props": {
"blockClass": "main-header-mobile",
"preventHorizontalStretch": true,
"preserveLayoutOnMobile": true,
"fullWidth": true
}
},
"drawer": {
"children": ["menu#drawer"]
},
"menu#drawer": {
"children": [
"menu-item#novidades",
"menu-item#sapatos",
"menu-item#bolsas",
"menu-item#acessorios",
"menu-item#outlet",
"menu-item#lojas",
"menu-item#sejafranqueado"
],
"props": {
"orientation": "vertical"
}
}
}