Izabela_Balizardo/challenge-vtex-io-izabela-balizardo
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Adiciona newsletter

Browse Source
This commit is contained in:
Izabela Balizardo 2023-02-07 21:35:39 -03:00
parent ec95d20eac
commit a1be360e7f
4 changed files with 185 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

132
store/blocks/pdp/product.jsonc
View File

@ -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"],

4
store/blocks/product-summary/product-summary.jsonc
View File

@ -81,9 +81,7 @@
},
"product-price-savings#summary": {
"props": {
"markers": [
"discount"
],
"markers": ["discount"],
"blockClass": "summary"
}
}

62
styles/css/vtex.store-components.css
View File

@ -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 {

76
styles/sass/pages/product/vtex.store-components.scss
View File

@ -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;
}
}