forked from M3-Academy/challenge-vtex-io
feat(parteleira):add prateleira
This commit is contained in:
parent
0a9ffb2593
commit
4e3b6b6537
@ -11,7 +11,7 @@
|
|||||||
.html--pdp-section_descriptions{
|
.html--pdp-section_descriptions{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 32;
|
gap: 32px;
|
||||||
padding: 0px 40px 0px 40px;
|
padding: 0px 40px 0px 40px;
|
||||||
}
|
}
|
||||||
.html--pdp-section_descriptions :global(.vtex-flex-layout-0-x-flexRowContent){
|
.html--pdp-section_descriptions :global(.vtex-flex-layout-0-x-flexRowContent){
|
||||||
@ -36,6 +36,7 @@
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.html--pdp-departamens div ul li button{
|
.html--pdp-departamens div ul li button{
|
||||||
outline: none;
|
outline: none;
|
||||||
border: none;
|
border: none;
|
||||||
@ -55,3 +56,17 @@
|
|||||||
.html--pdp-productMain :global(.vtex-store-components-3-x-container){
|
.html--pdp-productMain :global(.vtex-store-components-3-x-container){
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 1024px) {
|
||||||
|
.html--pdp-departamens div ul{
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: end;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.html--pdp-departamens div ul li :global(button.open){
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.html--pdp-departamens ul{
|
||||||
|
border-top: 1px solid rgba(185, 185, 185, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -3,9 +3,51 @@
|
|||||||
"children": [
|
"children": [
|
||||||
"html#breadcrumb",
|
"html#breadcrumb",
|
||||||
"condition-layout.product#availability",
|
"condition-layout.product#availability",
|
||||||
"html#departaments"
|
"html#departaments",
|
||||||
|
"flex-layout.row#specifications-title",
|
||||||
|
"html#carousel"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
"html#carousel":{
|
||||||
|
"children":["flex-layout.row#shelfpdp"]
|
||||||
|
},
|
||||||
|
"flex-layout.row#shelfpdp": {
|
||||||
|
"props":{
|
||||||
|
"blockClass":"pdp-carrousel"
|
||||||
|
},
|
||||||
|
"children": ["list-context.product-list#pdp"]
|
||||||
|
},
|
||||||
|
"list-context.product-list#pdp": {
|
||||||
|
"blocks": ["product-summary.shelf#Pdp"],
|
||||||
|
"children": ["slider-layout#demo-products#pdp"],
|
||||||
|
"props": {
|
||||||
|
"orderBy": "OrderByTopSaleDESC"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"slider-layout#demo-products#pdp": {
|
||||||
|
"props": {
|
||||||
|
"itemsPerPage": {
|
||||||
|
"desktop": 4,
|
||||||
|
"tablet": 3,
|
||||||
|
"phone": 2
|
||||||
|
},
|
||||||
|
"infinite": true,
|
||||||
|
"fullWidth": true,
|
||||||
|
"blockClass": "pdp"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
"product-summary.shelf#Pdp": {
|
||||||
|
"children": [
|
||||||
|
"stack-layout#prodsum",
|
||||||
|
"product-summary-name",
|
||||||
|
"product-summary-space",
|
||||||
|
"product-list-price#summary",
|
||||||
|
"product-installments#summary",
|
||||||
|
"flex-layout.row#selling-price-savings"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
"html#breadcrumb": {
|
"html#breadcrumb": {
|
||||||
"props": {
|
"props": {
|
||||||
"tag": "section",
|
"tag": "section",
|
||||||
@ -34,9 +76,11 @@
|
|||||||
"flex-layout.row#specifications-title": {
|
"flex-layout.row#specifications-title": {
|
||||||
"children": ["rich-text#specifications"]
|
"children": ["rich-text#specifications"]
|
||||||
},
|
},
|
||||||
|
|
||||||
"rich-text#specifications": {
|
"rich-text#specifications": {
|
||||||
"props": {
|
"props": {
|
||||||
"text": "##### Product Specifications"
|
"text": "##### Você também pode gostar:",
|
||||||
|
"blockClass": "pdp-specifications"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.row#description": {
|
"flex-layout.row#description": {
|
||||||
@ -111,9 +155,7 @@
|
|||||||
"testId": "description",
|
"testId": "description",
|
||||||
"blockClass": "pdp-descriptions"
|
"blockClass": "pdp-descriptions"
|
||||||
},
|
},
|
||||||
"children": [
|
"children": ["flex-layout.row#description"]
|
||||||
"flex-layout.row#description"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
|
|
||||||
"flex-layout.col#stack": {
|
"flex-layout.col#stack": {
|
||||||
|
@ -7,3 +7,14 @@
|
|||||||
*/
|
*/
|
||||||
/* Media Query M3 */
|
/* Media Query M3 */
|
||||||
/* Grid breakpoints */
|
/* Grid breakpoints */
|
||||||
|
.container--pdp-specifications {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.container--pdp-specifications .wrapper--pdp-specifications .heading {
|
||||||
|
font-family: "Open Sans", sans-serif;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 38px;
|
||||||
|
color: #575757;
|
||||||
|
}
|
@ -0,0 +1,15 @@
|
|||||||
|
.container{
|
||||||
|
&--pdp-specifications{
|
||||||
|
justify-content: center;
|
||||||
|
.wrapper--pdp-specifications{
|
||||||
|
.heading{
|
||||||
|
font-family: 'Open Sans',sans-serif;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 38px;
|
||||||
|
color: #575757;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user