forked from M3-Academy/challenge-vtex-io
feat: Adicionado shelf
This commit is contained in:
parent
5289750ae6
commit
076be6e533
@ -6,6 +6,8 @@
|
|||||||
"flex-layout.row#description",
|
"flex-layout.row#description",
|
||||||
"flex-layout.row#specifications-title",
|
"flex-layout.row#specifications-title",
|
||||||
"tab-layout#product",
|
"tab-layout#product",
|
||||||
|
"list-context.product-list#shelf",
|
||||||
|
"newsletter",
|
||||||
"product-questions-and-answers"
|
"product-questions-and-answers"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@ -218,5 +220,25 @@
|
|||||||
"props": {
|
"props": {
|
||||||
"tabId": "product2"
|
"tabId": "product2"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"list-context.product-list#shelf": {
|
||||||
|
"blocks": ["product-summary.shelf#shelf"],
|
||||||
|
"children": ["slider-layout#shelf-products"]
|
||||||
|
},
|
||||||
|
"product-summary.shelf#shelf": {
|
||||||
|
"children": ["product-summary-image#shelf", "product-summary-price"]
|
||||||
|
},
|
||||||
|
"slider-layout#shelf-products": {
|
||||||
|
"props": {
|
||||||
|
"itemsPerPage": {
|
||||||
|
"desktop": 4,
|
||||||
|
"tablet": 1,
|
||||||
|
"phone": 1
|
||||||
|
},
|
||||||
|
"infinite": true,
|
||||||
|
"showNavigationArrows": "desktopOnly",
|
||||||
|
"blockClass": "carousel"
|
||||||
|
},
|
||||||
|
"children": []
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -9,14 +9,10 @@
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
"responsive-layout.desktop#productSummaryList": {
|
"responsive-layout.desktop#productSummaryList": {
|
||||||
"children": [
|
"children": ["flex-layout.row#summaryListDesktop"]
|
||||||
"flex-layout.row#summaryListDesktop"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"responsive-layout.mobile#productSummaryList": {
|
"responsive-layout.mobile#productSummaryList": {
|
||||||
"children": [
|
"children": ["flex-layout.row#summaryListMobile"]
|
||||||
"flex-layout.row#summaryListMobile"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"product-price-savings#summaryPercentage": {
|
"product-price-savings#summaryPercentage": {
|
||||||
"props": {
|
"props": {
|
||||||
@ -69,9 +65,7 @@
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
"flex-layout.row#productSpecifications": {
|
"flex-layout.row#productSpecifications": {
|
||||||
"children": [
|
"children": ["product-specification-group#summary"]
|
||||||
"product-specification-group#summary"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"product-summary-name#summaryListDesktop": {
|
"product-summary-name#summaryListDesktop": {
|
||||||
"props": {
|
"props": {
|
||||||
@ -100,18 +94,13 @@
|
|||||||
"colSizing": "auto",
|
"colSizing": "auto",
|
||||||
"colGap": 5
|
"colGap": 5
|
||||||
},
|
},
|
||||||
"children": [
|
"children": ["add-to-cart-button", "flex-layout.row#buyNowButton"]
|
||||||
"add-to-cart-button",
|
|
||||||
"flex-layout.row#buyNowButton"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"flex-layout.row#buyNowButton": {
|
"flex-layout.row#buyNowButton": {
|
||||||
"props": {
|
"props": {
|
||||||
"blockClass": "buyNowButton"
|
"blockClass": "buyNowButton"
|
||||||
},
|
},
|
||||||
"children": [
|
"children": ["add-to-cart-button#buyNow"]
|
||||||
"add-to-cart-button#buyNow"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
|
|
||||||
"add-to-cart-button#buyNow": {
|
"add-to-cart-button#buyNow": {
|
||||||
@ -123,10 +112,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.col#priceSummaryListDesktop": {
|
"flex-layout.col#priceSummaryListDesktop": {
|
||||||
"children": [
|
"children": ["product-selling-price#summary", "product-list-price#summary"]
|
||||||
"product-selling-price#summary",
|
|
||||||
"product-list-price#summary"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"stack-layout#summaryListDesktop": {
|
"stack-layout#summaryListDesktop": {
|
||||||
"children": [
|
"children": [
|
||||||
|
@ -81,9 +81,7 @@
|
|||||||
},
|
},
|
||||||
"product-price-savings#summary": {
|
"product-price-savings#summary": {
|
||||||
"props": {
|
"props": {
|
||||||
"markers": [
|
"markers": ["discount"],
|
||||||
"discount"
|
|
||||||
],
|
|
||||||
"blockClass": "summary"
|
"blockClass": "summary"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -14,3 +14,8 @@
|
|||||||
.homeLink::after {
|
.homeLink::after {
|
||||||
content: "Home";
|
content: "Home";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.link--1 {
|
||||||
|
display: flex;
|
||||||
|
order: -1;
|
||||||
|
}
|
@ -7,3 +7,6 @@
|
|||||||
*/
|
*/
|
||||||
/* Media Query M3 */
|
/* Media Query M3 */
|
||||||
/* Grid breakpoints */
|
/* Grid breakpoints */
|
||||||
|
.productDescriptionContainer {
|
||||||
|
background: red;
|
||||||
|
}
|
@ -6,3 +6,7 @@
|
|||||||
content: "Home";
|
content: "Home";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.link--1 {
|
||||||
|
display: flex;
|
||||||
|
order: -1;
|
||||||
|
}
|
||||||
|
@ -0,0 +1,3 @@
|
|||||||
|
.productDescriptionContainer {
|
||||||
|
background: red;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user