AdilsonFernandoNevesOrnellas/challenge-vtex-io-Adilson-Fernando-Neves-Ornellas
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hotfix: add os testsID faltando e testando com o codigo do Marlon, e revendo se quebrou ou não o slyles para finalizar

Browse Source
This commit is contained in:
Adilson Fernando Neves Ornellas 2023-02-06 15:47:56 -03:00
parent ebee9bc2d3
commit 1a163db76d
4 changed files with 128 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
react/components/pixCustom/pixCustom.tsx
View File

@ -43,7 +43,7 @@ const pixCustom = () => {
</div> </div>
<div className={styles.divText}> <div className={styles.divText}>
<h1 className={styles.h1Valor}> R$ {pix} </h1> <p className={styles.h1Valor}> R$ {pix} </p>
<h2 className={styles.h2Desconto}> 10% de desconto </h2> <h2 className={styles.h2Desconto}> 10% de desconto </h2>
</div> </div>
</div> </div>

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

@ -1,13 +1,10 @@
{ {
"store.product": { "store.product": {
"children": [ "children": ["html#pageProduct", "newsletter"]
"html#pageProduct",
"newsletter"
]
}, },
"html#pageProduct": { "html#pageProduct": {
"props": { "props": {
"blockClass":"page-product" "blockClass": "page-product"
}, },
"children": [ "children": [
"html#breadcrumb", "html#breadcrumb",
@ -99,7 +96,7 @@
}, },
"html#product-images": { "html#product-images": {
"props": { "props": {
"testId":"product-images" "testId": "product-images"
}, },
"children": ["product-images"] "children": ["product-images"]
}, },
@ -124,12 +121,12 @@
"rowGap": 0 "rowGap": 0
}, },
"children": [ "children": [
"flex-layout.row#product-name", "html#product-name",
"flex-layout.row#product-modelo", "html#product-modelo",
// "product-rating-summary", // "product-rating-summary",
"flex-layout.row#selling-price", "html#selling-price",
// "flex-layout.row#list-price-savings", // "flex-layout.row#list-price-savings",
"product-installments#custom", "html#product-installments",
"html#pixCustom", "html#pixCustom",
"html#sku-selector", "html#sku-selector",
"html#quantidadeEButtonCustom", "html#quantidadeEButtonCustom",
@ -144,21 +141,30 @@
// "share#default" // "share#default"
] ]
}, },
"html#pixCustom":{ "html#selling-price": {
"props":{ "props": {
"testId":"pix-price" "testId": "product-price"
},
"children": ["flex-layout.row#selling-price"]
},
"html#pixCustom": {
"props": {
"testId": "pix-price"
}, },
"children": ["pixCustom"] "children": ["pixCustom"]
}, },
"html#shipping-simulator":{
"props":{ "html#shipping-simulator": {
"testId":"shipping-simulator" "props": {
"testId": "shipping-simulator"
}, },
"children": ["shipping-simulator"] "children": ["shipping-simulator"]
}, },
"shipping-simulator":{
"props":{ "shipping-simulator": {
"blockClass":"divCep" "props": {
"blockClass": "divCep"
} }
}, },
"rich-text#titleCep": { "rich-text#titleCep": {
@ -167,39 +173,56 @@
"text": "CALCULAR FRETE:" "text": "CALCULAR FRETE:"
} }
}, },
"html#quantidadeEButtonCustom":{ "html#quantidadeEButtonCustom": {
"props": { "props": {
"blockClass": "quantidadeEBuy" "blockClass": "quantidadeEBuy"
}, },
"children": ["html#product-quantity","flex-layout.row#buy-button"] "children": ["html#product-quantity", "flex-layout.row#buy-button"]
}, },
"html#product-quantity":{ "html#product-quantity": {
"props": { "props": {
"testId":"product-quantity" "testId": "product-quantity"
}, },
"children": ["product-quantity"] "children": ["product-quantity"]
}, },
"product-quantity":{ "product-quantity": {
"props":{ "props": {
"blockClass":"divQuantidade", "blockClass": "divQuantidade",
"size":"regular" "size": "regular"
} }
}, },
"product-installments#custom":{ "html#product-installments": {
"props":{ "props": {
"blockClass":"divParcelamente", "testId": "product-installments"
},
"children": ["product-installments#custom"]
},
"product-installments#custom": {
"props": {
"blockClass": "divParcelamente",
"markers": ["discount"], "markers": ["discount"],
"message": "{installmentsNumber} de {installmentValue} sem juros", "message": "{installmentsNumber} de {installmentValue} sem juros",
"installmentsCriteria":"max-quantity-without-interest" "installmentsCriteria": "max-quantity-without-interest"
} }
}, },
"html#product-modelo": {
"props": {
"testId": "product-code"
},
"children": [ "flex-layout.row#product-modelo"]
},
"flex-layout.row#product-modelo": { "flex-layout.row#product-modelo": {
"props": { "props": {
"blockClass": "divNomeProductModelo" "blockClass": "divNomeProductModelo"
}, },
"children": ["product-identifier.product"] "children": ["product-identifier.product"]
}, },
"html#product-name": {
"props": {
"testId": "product-name"
},
"children": ["flex-layout.row#product-name"]
},
"flex-layout.row#product-name": { "flex-layout.row#product-name": {
"props": { "props": {
"blockClass": "divNomeProduct", "blockClass": "divNomeProduct",
@ -209,13 +232,13 @@
}, },
"html#sku-selector": { "html#sku-selector": {
"props": { "props": {
"testId":"sku-selector" "testId": "sku-selector"
}, },
"children": ["sku-selector"] "children": ["sku-selector"]
}, },
"sku-selector": { "sku-selector": {
"props": { "props": {
"blockClass":"divSku", "blockClass": "divSku",
"variationsSpacing": 3, "variationsSpacing": 3,
"showValueNameForImageVariation": true "showValueNameForImageVariation": true
} }
@ -223,21 +246,21 @@
"flex-layout.row#buy-button": { "flex-layout.row#buy-button": {
"props": { "props": {
"blockClass":"divButtonBuy", "blockClass": "divButtonBuy",
"marginTop": 4, "marginTop": 4,
"marginBottom": 7 "marginBottom": 7
}, },
"children": ["html#add-to-cart-button"] "children": ["html#add-to-cart-button"]
}, },
"html#add-to-cart-button": { "html#add-to-cart-button": {
"props":{ "props": {
"testId":"add-to-cart-button" "testId": "add-to-cart-button"
}, },
"children": ["add-to-cart-button"] "children": ["add-to-cart-button"]
}, },
"flex-layout.row#product-availability": { "flex-layout.row#product-availability": {
"props": { "props": {
"blockClass":"divProductIndisponivel", "blockClass": "divProductIndisponivel",
"colGap": 7, "colGap": 7,
"marginTop": 4, "marginTop": 4,
"marginBottom": 7, "marginBottom": 7,
@ -255,7 +278,7 @@
"blockClass": "info-availability" "blockClass": "info-availability"
}, },
"children": [ "children": [
"flex-layout.row#product-name", "html#product-name",
"product-identifier.product", "product-identifier.product",
"flex-layout.col#availability", "flex-layout.col#availability",
"html#sku-selector" "html#sku-selector"
@ -267,9 +290,9 @@
}, },
"children": ["availability-subscriber"] "children": ["availability-subscriber"]
}, },
"availability-subscriber":{ "availability-subscriber": {
"props":{ "props": {
"blockClass":"buttonIndisponivel" "blockClass": "buttonIndisponivel"
} }
}, },
@ -285,7 +308,7 @@
}, },
"html#tab-layout": { "html#tab-layout": {
"props": { "props": {
"testId": "tab-layout" "testId": "product-description"
}, },
"children": ["tab-layout#product"] "children": ["tab-layout#product"]
}, },
@ -408,14 +431,14 @@
"flex-layout.row#description": { "flex-layout.row#description": {
"props": { "props": {
"blockClass":"divDescription", "blockClass": "divDescription",
"marginBottom": 7 "marginBottom": 7
}, },
"children": ["flex-layout.col#divImgDescription", "product-description"] "children": ["flex-layout.col#divImgDescription", "product-description"]
}, },
"product-description":{ "product-description": {
"props":{ "props": {
"blockClass":"description" "blockClass": "description"
} }
}, },
"rich-text#titleSlick": { "rich-text#titleSlick": {
@ -437,24 +460,37 @@
"html#product-summary": { "html#product-summary": {
"props": { "props": {
"testId":"vtex-product-summary" "testId": "vtex-product-summary"
}, },
"children": [ "children": [
"product-summary-image", "product-summary-image",
"product-summary-name", "product-summary-name",
// "product-summary-description", // "product-summary-description",
"product-summary-price" "product-list-price",
"product-selling-price"
// "product-summary-price"
// "product-summary-sku-selector", // "product-summary-sku-selector",
// "product-summary-buy-button" // "product-summary-buy-button"
] ]
}, },
"product-list-price":{
"html#slider-layout":{ "props":{
"blockClass":"list-price",
"message": "de {listPriceValue} por"
}
},
"product-selling-price":{
"props":{
"blockClass":"selling-price"
}
},
"html#slider-layout": {
"props": { "props": {
"testId":"product-summary-list" "testId": "product-summary-list"
}, },
"children": ["slider-layout#demo-product"] "children": ["slider-layout#demo-product"]
}, },
"slider-layout#demo-product": { "slider-layout#demo-product": {
"props": { "props": {
"itemsPerPage": { "itemsPerPage": {
@ -466,26 +502,7 @@
"showNavigationArrows": "always", "showNavigationArrows": "always",
"blockClass": "carousel" "blockClass": "carousel"
} }
// ,
// "children": ["shelf.relatedProducts"]
}, },
// "rich-text#1": {
// "props": {
// "text": "Test1"
// }
// },
// "rich-text#2": {
// "props": {
// "text": "Test2"
// }
// },
// "rich-text#3": {
// "props": {
// "text": "Test3"
// }
// },
"newsletter": { "newsletter": {
"props": { "props": {
"blockClass": "newsletter", "blockClass": "newsletter",

17
styles/css/vtex.product-price.css
View File

@ -7,12 +7,25 @@
*/ */
/* Media Query M3 */ /* Media Query M3 */
/* Grid breakpoints */ /* Grid breakpoints */
.listPrice--list-price {
display: block;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
text-align: center;
text-decoration-line: line-through;
color: #BABABA;
}
.sellingPrice--hasListPrice { .sellingPrice--hasListPrice {
font-family: "Open Sans"; font-family: "Open Sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 25px; font-size: 24px;
line-height: 38px; line-height: 33px;
text-align: center;
color: #000000; color: #000000;
} }

21
styles/sass/pages/product/vtex.product-price.scss
View File

@ -1,10 +1,25 @@
.listPrice--list-price{
display: block;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
text-align: center;
text-decoration-line: line-through;
color: #BABABA;
}
.sellingPrice--hasListPrice { .sellingPrice--hasListPrice {
font-family: "Open Sans"; font-family: 'Open Sans';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 25px; font-size: 24px;
line-height: 38px; line-height: 33px;
text-align: center;
color: #000000; color: #000000;
} }
.installments--divParcelamente { .installments--divParcelamente {