diff --git a/store/blocks/footer/footer-2-desktop.jsonc b/store/blocks/footer/footer-2-desktop.jsonc index edfa2e2..cd0a629 100644 --- a/store/blocks/footer/footer-2-desktop.jsonc +++ b/store/blocks/footer/footer-2-desktop.jsonc @@ -6,7 +6,7 @@ "rich-text#footer-powered" ], "props": { - "blockClass": "credits" + "blockClass": "footer-credits" } }, "rich-text#footer-copyright": { diff --git a/store/blocks/footer/menu-link-1.jsonc b/store/blocks/footer/menu-link-1.jsonc index bdfce66..d0f6cd3 100644 --- a/store/blocks/footer/menu-link-1.jsonc +++ b/store/blocks/footer/menu-link-1.jsonc @@ -6,9 +6,11 @@ "children": [ "rich-text#footer-link-1-title", "menu-item#loja", - "menu-item#blackfriday", - "menu-item#sale", - "menu-item#personalization", + "menu-item#trocasEdevolucoes", + "menu-item#centralatendimento", + "menu-item#faleconosco", + "menu-item#imprensa", + "menu-item#faleconosco", "rich-text#footer-link-1-cnpj" ] }, @@ -39,9 +41,9 @@ } } }, - "menu-item#blackfriday": { + "menu-item#trocasEdevolucoes": { "props": { - "id": "menu-item-black-friday", + "id": "menu-item-trocasEdevolucoes", "type": "custom", "iconId": null, "highlight": false, @@ -49,14 +51,14 @@ "type": "internal", "href": "#", "noFollow": false, - "tagTitle": "BlackFriday", - "text": "Black Friday" + "tagTitle": "Trocas e devoluções", + "text": "Trocas e devoluções" } } }, - "menu-item#sale": { + "menu-item#centralatendimento": { "props": { - "id": "menu-item-sale", + "id": "menu-item-centralatendimento", "type": "custom", "iconId": null, "highlight": false, @@ -64,14 +66,14 @@ "type": "internal", "href": "#", "noFollow": false, - "tagTitle": "Sale", - "text": "Sale" + "tagTitle": "Central de Atendimento", + "text": "Central de Atendimento" } } }, - "menu-item#personalization": { + "menu-item#imprensa": { "props": { - "id": "menu-item-personalization", + "id": "menu-item-imprensa", "type": "custom", "iconId": null, "highlight": false, @@ -79,8 +81,38 @@ "type": "internal", "href": "#", "noFollow": false, - "tagTitle": "Personalization", - "text": "Personalization" + "tagTitle": "Imprensa", + "text": "Imprensa" + } + } + }, + "menu-item#rastreamento": { + "props": { + "id": "menu-item-rastreamento", + "type": "custom", + "iconId": null, + "highlight": false, + "itemProps": { + "type": "internal", + "href": "#", + "noFollow": false, + "tagTitle": "Rastreamento", + "text": "Rastreamento" + } + } + }, + "menu-item#faleconosco": { + "props": { + "id": "menu-item-faleconosco", + "type": "custom", + "iconId": null, + "highlight": false, + "itemProps": { + "type": "internal", + "href": "#", + "noFollow": false, + "tagTitle": "Fale conosco", + "text": "Fale conosco" } } } diff --git a/store/blocks/footer/menu-link-2.jsonc b/store/blocks/footer/menu-link-2.jsonc index 82eae17..02bae1a 100644 --- a/store/blocks/footer/menu-link-2.jsonc +++ b/store/blocks/footer/menu-link-2.jsonc @@ -4,22 +4,26 @@ "orientation": "vertical" }, "children": [ - "rich-text#footer-link-1-cnpj", - "menu-item#smartphones", - "menu-item#videogames", - "menu-item#tvs", - "rich-text#footer-link-1-cnpj" + "rich-text#footer-link-2-aM3academy", + "menu-item#sejaumfranqueado", + "menu-item#quemsomos", + "menu-item#nossaslojas", + "rich-text#footer-link-2-responsabilidadesocial", + "menu-item#franquias", + "menu-item#proconMG", + "menu-item#PolíticadePrivacidade" ] }, - "rich-text#footer-link-1-cnpj": { + "rich-text#footer-link-2-aM3academy": { "props": { - "text": "CNPJ 12.345.678.0009-10", - "blockClass": "footer-link-1-title" + "text": "A M3 Academy", + "blockClass": "footer-link-2-title" } }, - "menu-item#smartphones": { + + "menu-item#sejaumfranqueado": { "props": { - "id": "menu-item-smartphones", + "id": "menu-item-sejaumfranqueado", "type": "custom", "iconId": null, "highlight": false, @@ -27,15 +31,15 @@ "type": "internal", "href": "/decoration/smartphones", "noFollow": true, - "tagTitle": "Smartphones", - "text": "Smartphones" + "tagTitle": "Seja um franqueado", + "text": "Seja um franqueado" } } }, - "menu-item#videogames": { + "menu-item#quemsomos": { "props": { - "id": "menu-item-videogames", + "id": "menu-item-quemsomos", "type": "custom", "iconId": null, "highlight": false, @@ -43,13 +47,13 @@ "type": "internal", "href": "/decoration/videogames", "noFollow": true, - "tagTitle": "Videogames", - "text": "Videogames" + "tagTitle": "Quem somos", + "text": "Quem somos" } } }, - "menu-item#tvs": { + "menu-item#nossaslojas": { "props": { "id": "menu-item-tvs", "type": "custom", @@ -59,8 +63,60 @@ "type": "internal", "href": "/decoration/tvs", "noFollow": true, - "tagTitle": "TVs", - "text": "TVs" + "tagTitle": "Nossas lojas", + "text": "Nossas lojas" + } + } + }, + + "rich-text#footer-link-2-responsabilidadesocial": { + "props": { + "text": "Responsabilidade Social", + "blockClass": "footer-link-2-title" + } + }, + "menu-item#franquias": { + "props": { + "id": "menu-item-franquias", + "type": "custom", + "iconId": null, + "highlight": false, + "itemProps": { + "type": "internal", + "href": "/decoration/franquias", + "noFollow": true, + "tagTitle": "Franquias", + "text": "Franquias" + } + } + }, + "menu-item#proconMG": { + "props": { + "id": "menu-item-proconMG", + "type": "custom", + "iconId": null, + "highlight": false, + "itemProps": { + "type": "internal", + "href": "/decoration/ProconMG", + "noFollow": true, + "tagTitle": "Procon MG", + "text": "Procon MG" + } + } + }, + "menu-item#PolíticadePrivacidade": { + "props": { + "id": "menu-item-PolíticadePrivacidade", + "type": "custom", + "iconId": null, + "highlight": false, + "itemProps": { + "type": "internal", + "href": "/decoration/PolíticadePrivacidade", + "noFollow": true, + "tagTitle": "Política de Privacidade", + "text": "Política de Privacidade" } } } diff --git a/store/blocks/footer/menu-link-3.jsonc b/store/blocks/footer/menu-link-3.jsonc index 9b0d8c1..c815b0e 100644 --- a/store/blocks/footer/menu-link-3.jsonc +++ b/store/blocks/footer/menu-link-3.jsonc @@ -5,60 +5,44 @@ }, "children": [ "rich-text#link-3-title", - "menu-item#bags", - "menu-item#backpacks", - "menu-item#necessaire" + "menu-item#Sejaumfranqueado", + "menu-item#Multimarcas" ] }, "rich-text#link-3-title": { "props": { - "text": "Seja um franqueado" + "text": "Seja um franqueado", + "blockClass": "footer-link-3-title" } }, - "menu-item#bags": { + "menu-item#Sejaumfranqueado": { "props": { - "id": "menu-item-bags", + "id": "menu-item-Sejaumfranqueado", "type": "custom", "iconId": null, "highlight": false, "itemProps": { "type": "internal", - "href": "/bags/d", + "href": "/Sejaumfranqueado/d", "noFollow": true, - "tagTitle": "Bags", - "text": "Bags" + "tagTitle": "Seja um franqueado", + "text": "Seja um franqueado" } } }, - "menu-item#backpacks": { + "menu-item#Multimarcas": { "props": { - "id": "menu-item-backpacks", + "id": "menu-item-Multimarcas", "type": "custom", "iconId": null, "highlight": false, "itemProps": { "type": "internal", - "href": "/bags/backpacks", + "href": "/Multimarcas/backpacks", "noFollow": true, - "tagTitle": "Backpacks", - "text": "Backpacks" - } - } - }, - - "menu-item#necessaire": { - "props": { - "id": "menu-item-necessaire", - "type": "custom", - "iconId": null, - "highlight": false, - "itemProps": { - "type": "internal", - "href": "/bags/necessaire", - "noFollow": true, - "tagTitle": "Necessaire", - "text": "Necessaire" + "tagTitle": "Multimarcas", + "text": "Multimarcas" } } } diff --git a/store/blocks/footer/mobile/menu-item-1.jsonc b/store/blocks/footer/mobile/menu-item-1.jsonc index 46755b9..af4163d 100644 --- a/store/blocks/footer/mobile/menu-item-1.jsonc +++ b/store/blocks/footer/mobile/menu-item-1.jsonc @@ -15,7 +15,11 @@ "props": { "orientation": "vertical" }, - "children": ["menu-item#patrick", "menu-item#videogames", "menu-item#tvs"] + "children": [ + "menu-item#sejaumfranqueado", + "menu-item#quemsomos", + "menu-item#nossaslojas" + ] }, "menu-item#patrick": { "props": { diff --git a/store/blocks/footer/mobile/menu-mobile.jsonc b/store/blocks/footer/mobile/menu-mobile.jsonc index ba816c4..b922981 100644 --- a/store/blocks/footer/mobile/menu-mobile.jsonc +++ b/store/blocks/footer/mobile/menu-mobile.jsonc @@ -23,9 +23,9 @@ "orientation": "vertical" }, "children": [ - "menu-item#smartphones", - "menu-item#videogames", - "menu-item#tvs" + "menu-item#sejaumfranqueado", + "menu-item#quemsomos", + "menu-item#nossaslojas" ] } } diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index c2c0851..23dfdab 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -37,4 +37,10 @@ } .flexRowContent--menu-row-newsletter .stretchChildrenWidth { width: 100% !important; +} + +.flexRow--footer-credits { + background-color: #000000 !important; + border-top: 1px solid #ffffff; + padding: 31px 0 15px; } \ No newline at end of file diff --git a/styles/css/vtex.rich-text.css b/styles/css/vtex.rich-text.css index 929dec4..5763f9d 100644 --- a/styles/css/vtex.rich-text.css +++ b/styles/css/vtex.rich-text.css @@ -30,4 +30,32 @@ line-height: 25px; text-align: center; color: #929292; +} + +.paragraph--footer-copyright { + font-family: "Open Sans", sans-serif; + font-style: normal; + font-weight: 700; + font-size: 12px; + line-height: 20px; + color: rgba(255, 255, 255, 0.45); + margin-right: 8px; +} + +.paragraph--footer-powered-by { + font-family: "Open Sans", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 12px; + color: #ffffff; + margin-right: 8px; +} + +.image--footer-powered-by { + width: 100%; + max-width: 40px; +} +.image--footer-powered-by:not(:last-child) { + margin-right: 16px; } \ No newline at end of file diff --git a/styles/css/vtex.store-footer.css b/styles/css/vtex.store-footer.css index 1fd6bb3..99ba4ea 100644 --- a/styles/css/vtex.store-footer.css +++ b/styles/css/vtex.store-footer.css @@ -1,11 +1,12 @@ -.row--menu-row { - padding-right: 24px; -} - -.row--menu-row .rowContainer { - align-items: flex-start; -} - -.row--payment-methods { - padding-top: 16px; -} +/* +0 - 600PX: Phone +600 - 900px: Table portrait +900 - 1200px: Tablet landscape +[1200 - 1800] is where our nortal styles apply +1800px + : Big desktop +*/ +/* Media Query M3 */ +/* Grid breakpoints */ +.vtex-store-footer-2-x-footerLayout :global(.vtex-flex-layout-0-x-flexRow--credits) { + background-color: #000000 !important; +} \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index 8b59f1d..3d5eaa0 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -38,3 +38,12 @@ width: 100% !important; } } + +//STYLE DO FOOTER PAYMENTS + +//STYLE DO FOOTER CREDITS +.flexRow--footer-credits { + background-color: #000000 !important; + border-top: 1px solid #ffffff; + padding: 31px 0 15px; +} diff --git a/styles/sass/pages/product/vtex.rich-text.scss b/styles/sass/pages/product/vtex.rich-text.scss index 21b3008..73044a4 100644 --- a/styles/sass/pages/product/vtex.rich-text.scss +++ b/styles/sass/pages/product/vtex.rich-text.scss @@ -25,3 +25,32 @@ color: #929292; } } + +//AREA DO FOOTER CREDITS PARAGRAFO +.paragraph--footer-copyright { + font-family: "Open Sans", sans-serif; + font-style: normal; + font-weight: 700; + font-size: 12px; + line-height: 20px; + color: rgba(255, 255, 255, 0.45); + margin-right: 8px; +} + +.paragraph--footer-powered-by { + font-family: "Open Sans", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 12px; + color: #ffffff; + margin-right: 8px; +} + +.image--footer-powered-by { + width: 100%; + max-width: 40px; + &:not(:last-child) { + margin-right: 16px; + } +} diff --git a/styles/sass/pages/product/vtex.store-footer.scss b/styles/sass/pages/product/vtex.store-footer.scss new file mode 100644 index 0000000..6eb8577 --- /dev/null +++ b/styles/sass/pages/product/vtex.store-footer.scss @@ -0,0 +1,6 @@ +//AREA DO FOOTER CREDITS PARA USAR O GLOBAL +.vtex-store-footer-2-x-footerLayout { + :global(.vtex-flex-layout-0-x-flexRow--credits) { + background-color: #000000 !important; + } +}