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