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

develop #3

Merged
victor_souza merged 21 commits from develop into master 2023-02-10 19:01:56 +00:00
Conversation 0 Commits 21 Files Changed 56 +262 -50
10 changed files with 262 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 50ad43a41c - Show all commits

4
store/blocks/minicart.jsonc
View File

@ -2,13 +2,15 @@
"add-to-cart-button": {
"props": {
"addToCartFeedback": "customEvent",
"customPixelEventId": "add-to-cart-button"
"customPixelEventId": "add-to-cart-button",
"text":"ADICIONAR À SACOLA"
}
},
"minicart.v2": {
"props": {
"customPixelEventId": "add-to-cart-button"
},
"children": ["minicart-base-content"]
}

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

@ -145,7 +145,8 @@
"flex-layout.row#buy-button": {
"props": {
"marginTop": 4,
"marginBottom": 7
"marginBottom": 7,
"blockClass":"m3-buyButton"
},
"children": ["add-to-cart-button"]
},
@ -277,21 +278,18 @@
"flex-layout.row#box-buy" : {
"props":{
"blockClass": "box-buy"
},
"children":[ "product-quantity#1","flex-layout.col#button-2"]
},
// "flex-layout.col#button-1":{
// "children": ["product-quantity#1"]
// },
"flex-layout.col#button-2":{
"children": ["flex-layout.row#buy-button"]
},
"product-quantity#1":{
"props":{
"width":"25%"
"width":"25%",
"size":"large"
}
},

22
styles/css/vtex.breadcrumb.css
View File

@ -16,17 +16,35 @@
background-color: white;
padding: 32px 0 16px 40px;
}
.container .term {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
.container .homeLink .homeIcon {
display: none;
}
.container .homeLink::before {
content: "Home";
font-size: 16px;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
.container .arrow--1 .Link {
font-size: 0;
}
.container .arrow--1 .Link::before {
content: "Sapatos";
font-size: 16px;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}

27
styles/css/vtex.flex-layout.css
View File

@ -10,19 +10,11 @@
/*font*/
/*colors*/
/* Grid breakpoints */
.stack-layout {
background-color: yellow;
}
.flexRowContent {
padding: 0;
margin: 0;
}
.content-main {
background-color: red;
}
.flexCol--stack {
padding-left: 40px;
}
@ -33,4 +25,23 @@
.stretchChildrenWidth {
width: 0;
}
.flexRow--m3-buyButton {
width: 100%;
}
.flexRow--m3-buyButton .buttonText {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
}
.flexRow--m3-buyButton :global(.vtex-button) {
background-color: black;
height: 49px;
}

13
styles/css/vtex.product-quantity.css
View File

@ -16,4 +16,17 @@
.quantitySelectorStepper {
background-color: white;
}
:global(.vtex-numeric-stepper__input) {
border-right: none;
border-left: none;
}
:global(.vtex-numeric-stepper__minus-button) {
background-color: white;
}
.quantitySelectorStepper {
border: none;
}

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

@ -150,17 +150,18 @@
color: #929292;
}
.shippingContainer :global(.vtex-input-prefix__group) {
width: 280px;
position: relative;
height: 49px;
border-radius: 0;
.shippingContainer {
display: flex;
}
.shippingContainer :global(.vtex-input-prefix__group) {
height: 49px;
}
.shippingContainer :global(.vtex-button) {
position: absolute;
top: 731.1px;
right: 563px;
position: relative;
right: 49px;
top: 27px;
width: 49px;
height: 49px;
}
.productBrand--quickview {
@ -178,4 +179,67 @@
.skuSelectorContainer {
display: flex;
flex-direction: column-reverse;
margin-top: 16px;
}
.skuSelectorContainer .valueWrapper .skuSelectorItemTextValue {
margin-right: 5px;
}
.skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorName {
font-size: 0;
}
.skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorName::after {
content: "OUTRAS CORES";
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
.skuSelectorContainer .skuSelectorSubcontainer--cor .frameAround {
border-radius: 30px;
}
.skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorItemImageValue,
.skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorInternalBox {
border-radius: 21px;
}
.skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorSelectorImageValue {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
text-transform: uppercase;
}
.skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorName {
font-size: 0;
}
.skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorName::after {
content: "OUTROS TAMANHOS:";
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
.skuSelectorContainer .skuSelectorSubcontainer--tamanho .frameAround {
width: 40px;
height: 40px;
top: 0;
left: 0;
right: 0;
border-radius: 30px;
}
.skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorInternalBox {
width: 40px;
height: 40px;
border-radius: 30px;
padding: 0;
margin: auto;
}
.skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorItemTextValue {
padding: 0;
margin: auto;
}

24
styles/sass/pages/product/vtex.breadcrumb.scss
View File

@ -5,6 +5,15 @@
background-color: white;
padding: 32px 0 16px 40px;
.term {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
.homeLink {
.homeIcon {
display: none;
@ -13,7 +22,13 @@
.homeLink::before {
content:"Home";
font-size:16px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
.arrow--1 {
@ -23,7 +38,12 @@
.Link::before {
content:"Sapatos";
font-size: 16px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
}
}

26
styles/sass/pages/product/vtex.flex-layout.scss
View File

@ -1,16 +1,10 @@
.stack-layout {
background-color: yellow;
}
.flexRowContent {
padding: 0;
margin:0;
}
.content-main {
background-color: red;
}
.flexCol--stack {
padding-left: 40px;
}
@ -23,3 +17,21 @@
width:0;
}
.flexRow--m3-buyButton {
width: 100%;
.buttonText {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
}
:global(.vtex-button) {
background-color: black;
height: 49px;
}
}

13
styles/sass/pages/product/vtex.product-quantity.scss
View File

@ -5,3 +5,16 @@
.quantitySelectorStepper {
background-color: white;
}
:global(.vtex-numeric-stepper__input ) {
border-right: none;
border-left: none;
}
:global(.vtex-numeric-stepper__minus-button ) {
background-color: white;
}
.quantitySelectorStepper {
border: none;
}

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

@ -86,10 +86,6 @@
grid-template-columns: 110px 110px 130px;
grid-template-areas: "t p d ";
}
// .shippingTableHead {
// display: flex;
// gap: 60px ;
// }
.shippingTableRadioBtn {
display: none;
@ -147,18 +143,17 @@
}
}
.shippingContainer {
display: flex;
:global(.vtex-input-prefix__group) {
width: 280px;
position: relative;
height: 49px;
border-radius: 0;
}
}
.shippingContainer {
:global(.vtex-button) {
position: absolute;
top: 731.1px;
right: 563px;
position: relative;
right: 49px;
top: 27px;
width: 49px;
height: 49px;
}
}
@ -178,11 +173,77 @@
//estilização do container de skus ( tamanhos e cores )
.skuSelectorContainer {
display: flex;
flex-direction: column-reverse;
margin-top: 16px;
.valueWrapper .skuSelectorItemTextValue {
margin-right: 5px;
}
.skuSelectorSubcontainer--cor {
.skuSelectorName {
font-size: 0;
&::after {
content: "OUTRAS CORES";
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
}
.frameAround {
border-radius: 30px;
}
.skuSelectorItemImageValue,
.skuSelectorInternalBox {
border-radius: 21px;
}
.skuSelectorSelectorImageValue {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
text-transform: uppercase;
}
}
.skuSelectorSubcontainer--tamanho {
.skuSelectorName {
font-size: 0;
&::after {
content: "OUTROS TAMANHOS:";
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
}
.frameAround {
width: 40px;
height: 40px;
top: 0;
left: 0;
right: 0;
border-radius: 30px;
}
.skuSelectorInternalBox {
width: 40px;
height: 40px;
border-radius: 30px;
padding: 0;
margin: auto;
}
.skuSelectorItemTextValue {
padding: 0;
margin: auto;
}
}
}
//estilização do carousel