feat: Adicionado shelf

This commit is contained in:
Savio Carvalho Moraes 2023-02-03 18:11:08 -03:00
parent 5289750ae6
commit 076be6e533
7 changed files with 47 additions and 26 deletions

View File

@ -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": []
} }
} }

View File

@ -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": {
@ -36,7 +32,7 @@
] ]
}, },
"flex-layout.row#summaryListDesktop": { "flex-layout.row#summaryListDesktop": {
"props":{ "props": {
"fullWidth": true, "fullWidth": true,
"colSizing": "auto", "colSizing": "auto",
"blockClass": "summaryListDesktop" "blockClass": "summaryListDesktop"
@ -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": [
@ -144,7 +130,7 @@
} }
}, },
"flex-layout.row#summaryListMobile": { "flex-layout.row#summaryListMobile": {
"props":{ "props": {
"preserveLayoutOnMobile": true, "preserveLayoutOnMobile": true,
"colSizing": "auto", "colSizing": "auto",
"blockClass": "summaryListMobile", "blockClass": "summaryListMobile",

View File

@ -81,9 +81,7 @@
}, },
"product-price-savings#summary": { "product-price-savings#summary": {
"props": { "props": {
"markers": [ "markers": ["discount"],
"discount"
],
"blockClass": "summary" "blockClass": "summary"
} }
} }

View File

@ -14,3 +14,8 @@
.homeLink::after { .homeLink::after {
content: "Home"; content: "Home";
} }
.link--1 {
display: flex;
order: -1;
}

View File

@ -7,3 +7,6 @@
*/ */
/* Media Query M3 */ /* Media Query M3 */
/* Grid breakpoints */ /* Grid breakpoints */
.productDescriptionContainer {
background: red;
}

View File

@ -6,3 +6,7 @@
content: "Home"; content: "Home";
} }
} }
.link--1 {
display: flex;
order: -1;
}

View File

@ -0,0 +1,3 @@
.productDescriptionContainer {
background: red;
}