diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 6281691..f6fc315 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -20,7 +20,13 @@ }, "tab-list#descricao": { - "children": ["tab-list.item#descricao1", "tab-list.item#descricao2", "tab-list.item#descricao3", "tab-list.item#descricao4", "tab-list.item#descricao5"] + "children": [ + "tab-list.item#descricao1", + "tab-list.item#descricao2", + "tab-list.item#descricao3", + "tab-list.item#descricao4", + "tab-list.item#descricao5" + ] }, "tab-list.item#descricao1": { "props": { @@ -43,8 +49,6 @@ } }, - - "tab-list.item#descricao4": { "props": { "tabId": "descricao4", @@ -52,8 +56,6 @@ } }, - - "tab-list.item#descricao5": { "props": { "tabId": "descricao5", @@ -61,85 +63,55 @@ } }, + "tab-content#descricao": { + "children": [ + "tab-content.item#descricao1", + "tab-content.item#descricao2", + "tab-content.item#descricao3", + "tab-content.item#descricao4", + "tab-content.item#descricao5" + ] + }, + "tab-content.item#descricao1": { + "children": ["product-description", "product-images#descricao"], + "props": { + "tabId": "descricao1" + } + }, + "tab-content.item#descricao2": { + "children": ["product-description", "product-images#descricao"], + "props": { + "tabId": "descricao2" + } + }, + "tab-content.item#descricao3": { + "children": ["product-description", "product-images#descricao"], + "props": { + "tabId": "descricao3" + } + }, + "tab-content.item#descricao4": { + "children": ["product-description", "product-images#descricao"], + "props": { + "tabId": "descricao4" + } + }, - "tab-content#descricao": { - "children": [ - "tab-content.item#descricao1", - "tab-content.item#descricao2", - "tab-content.item#descricao3", - "tab-content.item#descricao4", - "tab-content.item#descricao5" - ] - }, - "tab-content.item#descricao1": { - "children": [ - "product-description", - "product-images#descricao" - ], - "props": { - "tabId": "descricao1" - } - }, - "tab-content.item#descricao2": { - "children": [ - "product-description", - "product-images#descricao" - ], - "props": { - "tabId": "descricao2" - } - }, - - - "tab-content.item#descricao3": { - "children": [ - "product-description", - "product-images#descricao" - ], - "props": { - "tabId": "descricao3" - } - }, - - - "tab-content.item#descricao4": { - "children": [ - "product-description", - "product-images#descricao" - ], - "props": { - "tabId": "descricao4" - } - }, - - - "tab-content.item#descricao5": { - "children": [ - "product-description", - "product-images#descricao" - ], - "props": { - "tabId": "descricao5" - } - }, - - - - - "product-images#descricao": { - "props": { - "displayMode": "first-image", - "blockClass": "imagem-descricao" - } - }, - - - - - + "tab-content.item#descricao5": { + "children": ["product-description", "product-images#descricao"], + "props": { + "tabId": "descricao5" + } + }, + "product-images#descricao": { + "props": { + "displayMode": "first-image", + "blockClass": "imagem-descricao" + } + }, "list-context.product-list#list": { "blocks": ["product-summary.shelf#carrosselprodutos"], diff --git a/store/blocks/product-summary/product-summary.jsonc b/store/blocks/product-summary/product-summary.jsonc index afabee3..bb93cc8 100644 --- a/store/blocks/product-summary/product-summary.jsonc +++ b/store/blocks/product-summary/product-summary.jsonc @@ -81,9 +81,7 @@ }, "product-price-savings#summary": { "props": { - "markers": [ - "discount" - ], + "markers": ["discount"], "blockClass": "summary" } } diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index c3125e8..05ef0de 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -9,8 +9,66 @@ /* Grid breakpoints */ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap"); .newsletter { - background-color: #000000; - color: #fff; + background: black; + color: white; + margin-top: 50px; + border-bottom: 2px solid lightgray; +} +.newsletter .container { + margin: auto; + padding: 32px; + padding-bottom: 16px; +} +.newsletter .form { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; +} +.newsletter .label { + display: flex; + flex-direction: column; + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 24px; + line-height: 38px; + color: #ffffff; +} +.newsletter .label::after { + content: "Receba ofertas e novidades por e-mail"; + font-family: Open Sans; + font-size: 18px; + font-weight: 400; + line-height: 25px; + letter-spacing: 0em; + text-align: center; + color: #929292; + margin: 16px; +} +.newsletter .inputGroup { + width: 774px; +} +.newsletter .inputGroup :global(.vtex-input-prefix__group) { + border: none; + border-bottom: 1px solid gray; + border-radius: 0; +} +.newsletter .inputGroup :global(.vtex-styleguide-9-x-input) { + background-color: black; +} +.newsletter .inputGroup .buttonContainer { + padding: 0; +} +.newsletter .inputGroup .buttonContainer :global(.vtex-button) { + background-color: black; + border: none; + border-bottom: 2px solid white; + border-radius: 0; +} +.newsletter .inputGroup .buttonContainer :global(.vtex-button):hover { + background-color: black; + border-bottom: 4px solid white; } .productNameContainer { diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index db17ac8..7693f7a 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -1,6 +1,76 @@ .newsletter { - background-color: #000000; - color: $color-white; + background: black; + color: white; + + margin-top: 50px; + border-bottom: 2px solid lightgray; + + .container { + margin: auto; + padding: 32px; + padding-bottom: 16px; + } + + .form { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + } + + .label { + display: flex; + flex-direction: column; + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 24px; + line-height: 38px; + + color: #ffffff; + } + + .label::after { + content: "Receba ofertas e novidades por e-mail"; + font-family: Open Sans; + font-size: 18px; + font-weight: 400; + line-height: 25px; + letter-spacing: 0em; + text-align: center; + color: #929292; + + margin: 16px; + } + + .inputGroup { + width: 774px; + :global(.vtex-input-prefix__group) { + border: none; + border-bottom: 1px solid gray; + border-radius: 0; + } + + :global(.vtex-styleguide-9-x-input) { + background-color: black; + } + + .buttonContainer { + padding: 0; + + :global(.vtex-button) { + background-color: black; + border: none; + border-bottom: 2px solid white; + border-radius: 0; + + &:hover { + background-color: black; + border-bottom: 4px solid white; + } + } + } + } } .productNameContainer { @@ -114,5 +184,3 @@ text-align: left; } } - -