feat(Tab_layout):section description desktop feita

This commit is contained in:
Gustavo Rallenson Gonçalves Da Silva 2023-02-04 01:23:11 -03:00
parent e88c2ab0b2
commit d4670e2e11
2 changed files with 41 additions and 18 deletions

View File

@ -1,3 +1,24 @@
[class*=container--m3-product-breadcrumb]{
/* [class*=html--pdp-breadcrumb]{
background: blue;
} */
/* .html {
background-color: red;
}
.html--pdp-breadcrumb {
background-color: green;
} */
.html--pdp-section_descriptions{
display: flex;
flex-direction: column;
gap: 32;
padding: 0px 40px 0px 40px;
}
.html--pdp-section_descriptions :global(.vtex-flex-layout-0-x-flexRowContent){
gap: 32px;
margin-top: 32px;
margin-bottom: 16px;
}
.html--pdp-descriptions{
display: flex;
}

View File

@ -1,10 +1,10 @@
{
"store.product": {
"children": ["html#example-component",
"html#breadcrumb",
"condition-layout.product#availability",
"html#departaments"
]
"children": [
"html#breadcrumb",
"condition-layout.product#availability",
"html#departaments"
]
},
"html#breadcrumb": {
"props": {
@ -33,9 +33,9 @@
},
"flex-layout.row#description": {
"props": {
"marginBottom": 7
"width": "50%"
},
"children": ["product-description"]
"children": ["product-images#description","product-description"]
},
"condition-layout.product#availability": {
"props": {
@ -86,15 +86,17 @@
"testId": "description",
"blockClass": "pdp-section_descriptions"
},
"children": ["example-component","html#description"]
"children": ["html#example-component","html#description"]
},
"html#description": {
"props": {
"tag": "div",
"testId": "description",
"blockClass": "pdp-section_descriptions"
"blockClass": "pdp-descriptions"
},
"children": ["product-images#description","flex-layout.row#description"]
"children": [
"flex-layout.row#description"
]
},
"flex-layout.col#stack": {
@ -125,14 +127,14 @@
"props": {
"testid": "product-images",
"aspectRatio": {
"desktop": "auto",
"desktop": "1:1",
"phone": "auto"
},
"showNavigationArrows": false,
"showPaginationDots": false,
"displayThumbnailsArrows": false,
"thumbnailVisibility":"hiden",
"displayMode": "first-image"
"thumbnailVisibility": "hiden",
"displayMode": "first-image",
"zoomMode":"disabled"
}
},
"flex-layout.col#right-col": {
@ -244,10 +246,10 @@
"share#default": {
"props": {
"social": {
"Facebook": true,
"WhatsApp": true,
"Facebook": false,
"WhatsApp": false,
"Twitter": false,
"Pinterest": true
"Pinterest": false
}
}
}