forked from M3-Academy/challenge-vtex-io
feat(Tab_layout):section description desktop feita
This commit is contained in:
parent
e88c2ab0b2
commit
d4670e2e11
@ -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;
|
||||
}
|
||||
|
@ -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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user