hotfix: ajeitando as margin do container e refazendo e adicionando testId

This commit is contained in:
Adilson Fernando Neves Ornellas 2023-02-03 19:50:03 -03:00
parent 29bf4757c6
commit 28e1a1d1ab
5 changed files with 75 additions and 30 deletions

View File

@ -12,7 +12,7 @@
"children": [ "children": [
"html#breadcrumb", "html#breadcrumb",
"condition-layout.product#availability", "condition-layout.product#availability",
"tab-layout#product", "html#tab-layout",
// "flex-layout.row#description", // "flex-layout.row#description",
// "flex-layout.row#specifications-title", // "flex-layout.row#specifications-title",
@ -95,12 +95,16 @@
"flex-layout.row#product-image": { "flex-layout.row#product-image": {
"props": {}, "props": {},
"children": ["html#product-images"]
},
"html#product-images": {
"props": {
"testId":"product-images"
},
"children": ["product-images"] "children": ["product-images"]
}, },
"product-images": { "product-images": {
"props": { "props": {
"testId":"product-images",
"blockClass": "divImagens", "blockClass": "divImagens",
"aspectRatio": { "aspectRatio": {
"desktop": "auto", "desktop": "auto",
@ -126,8 +130,8 @@
"flex-layout.row#selling-price", "flex-layout.row#selling-price",
// "flex-layout.row#list-price-savings", // "flex-layout.row#list-price-savings",
"product-installments#custom", "product-installments#custom",
"pixCustom", "html#pixCustom",
"sku-selector", "html#sku-selector",
"html#quantidadeEButtonCustom", "html#quantidadeEButtonCustom",
// "product-separator", // "product-separator",
// "product-quantity", // "product-quantity",
@ -136,19 +140,25 @@
// "flex-layout.row#buy-button", // "flex-layout.row#buy-button",
// "availability-subscriber" // "availability-subscriber"
"rich-text#titleCep", "rich-text#titleCep",
"shipping-simulator" "html#shipping-simulator"
// "share#default" // "share#default"
] ]
}, },
"pixCustom":{ "html#pixCustom":{
"props":{ "props":{
"testId":"pix-price" "testId":"pix-price"
} },
"children": ["pixCustom"]
},
"html#shipping-simulator":{
"props":{
"testId":"shipping-simulator"
},
"children": ["shipping-simulator"]
}, },
"shipping-simulator":{ "shipping-simulator":{
"props":{ "props":{
"blockClass":"divCep" "blockClass":"divCep"
// "placeholder": "Digite seu CEP"
} }
}, },
"rich-text#titleCep": { "rich-text#titleCep": {
@ -161,11 +171,16 @@
"props": { "props": {
"blockClass": "quantidadeEBuy" "blockClass": "quantidadeEBuy"
}, },
"children": ["product-quantity","flex-layout.row#buy-button"] "children": ["html#product-quantity","flex-layout.row#buy-button"]
},
"html#product-quantity":{
"props": {
"testId":"product-quantity"
},
"children": ["product-quantity"]
}, },
"product-quantity":{ "product-quantity":{
"props":{ "props":{
"testId":"product-quantity",
"blockClass":"divQuantidade", "blockClass":"divQuantidade",
"size":"regular" "size":"regular"
} }
@ -192,10 +207,14 @@
}, },
"children": ["vtex.store-components:product-name"] "children": ["vtex.store-components:product-name"]
}, },
"html#sku-selector": {
"props": {
"testId":"sku-selector"
},
"children": ["sku-selector"]
},
"sku-selector": { "sku-selector": {
"props": { "props": {
"testId":"sku-selector",
"blockClass":"divSku", "blockClass":"divSku",
"variationsSpacing": 3, "variationsSpacing": 3,
"showValueNameForImageVariation": true "showValueNameForImageVariation": true
@ -208,12 +227,13 @@
"marginTop": 4, "marginTop": 4,
"marginBottom": 7 "marginBottom": 7
}, },
"children": ["add-to-cart-button"] "children": ["html#add-to-cart-button"]
}, },
"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"]
}, },
"flex-layout.row#product-availability": { "flex-layout.row#product-availability": {
"props": { "props": {
@ -238,7 +258,7 @@
"flex-layout.row#product-name", "flex-layout.row#product-name",
"product-identifier.product", "product-identifier.product",
"flex-layout.col#availability", "flex-layout.col#availability",
"sku-selector" "html#sku-selector"
] ]
}, },
"flex-layout.col#availability": { "flex-layout.col#availability": {
@ -263,7 +283,12 @@
} }
} }
}, },
"html#tab-layout": {
"props": {
"testId": "tab-layout"
},
"children": ["tab-layout#product"]
},
"tab-layout#product": { "tab-layout#product": {
"children": ["tab-list#product", "tab-content#product"], "children": ["tab-list#product", "tab-content#product"],
"props": { "props": {
@ -388,6 +413,11 @@
}, },
"children": ["flex-layout.col#divImgDescription", "product-description"] "children": ["flex-layout.col#divImgDescription", "product-description"]
}, },
"product-description":{
"props":{
"blockClass":"description"
}
},
"rich-text#titleSlick": { "rich-text#titleSlick": {
"props": { "props": {
"textAlignment": "CENTER", "textAlignment": "CENTER",
@ -398,11 +428,15 @@
}, },
"list-context.product-list#demo": { "list-context.product-list#demo": {
"blocks": ["product-summary.shelf#demo"], "blocks": ["product-summary.shelf#demo"],
"children": ["slider-layout#demo-product"] "children": ["html#slider-layout"]
}, },
"product-summary.shelf#demo": { "product-summary.shelf#demo": {
"props":{ "children": ["html#product-summary"]
},
"html#product-summary": {
"props": {
"testId":"vtex-product-summary" "testId":"vtex-product-summary"
}, },
"children": [ "children": [
@ -415,9 +449,14 @@
] ]
}, },
"html#slider-layout":{
"props": {
"testId":"product-summary-list"
},
"children": ["slider-layout#demo-product"]
},
"slider-layout#demo-product": { "slider-layout#demo-product": {
"props": { "props": {
"testId":"product-summary-list",
"itemsPerPage": { "itemsPerPage": {
"desktop": 4, "desktop": 4,
"tablet": 3, "tablet": 3,

View File

@ -81,6 +81,13 @@
.flexRowContent--divProduct { .flexRowContent--divProduct {
gap: 32px; gap: 32px;
margin: 0;
margin-top: 16px !important;
padding: 0px !important;
padding-left: 40px !important;
margin-bottom: 16px !important;
padding-right: 40px !important;
max-width: 100%;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.flexRowContent--divProduct { .flexRowContent--divProduct {

View File

@ -13,11 +13,7 @@
.container { .container {
margin: 0; margin: 0;
margin-top: 16px !important;
padding: 0px !important; padding: 0px !important;
padding-left: 40px !important;
margin-bottom: 16px !important;
padding-right: 40px !important;
max-width: 100%; max-width: 100%;
} }
.container .productImagesContainer--divImagens { .container .productImagesContainer--divImagens {

View File

@ -66,6 +66,13 @@
.flexRowContent--divProduct { .flexRowContent--divProduct {
gap: 32px; gap: 32px;
margin: 0;
margin-top: 16px !important;
padding: 0px !important;
padding-left: 40px !important;
margin-bottom: 16px !important;
padding-right: 40px !important;
max-width: 100%;
@media (max-width: 1024px) { @media (max-width: 1024px) {
flex-direction: column; flex-direction: column;
} }

View File

@ -3,11 +3,7 @@
} }
.container { .container {
margin: 0; margin: 0;
margin-top: 16px !important;
padding: 0px !important; padding: 0px !important;
padding-left: 40px !important;
margin-bottom: 16px !important;
padding-right: 40px !important;
max-width: 100%; max-width: 100%;
.productImagesContainer--divImagens { .productImagesContainer--divImagens {
width: 100%; width: 100%;