forked from M3-Academy/challenge-vtex-io
feat/estilos-iniciais-carousel-botão-add-carrinho
This commit is contained in:
parent
89827e74ad
commit
8d59c70a94
@ -1,6 +1,7 @@
|
|||||||
{
|
{
|
||||||
"add-to-cart-button": {
|
"add-to-cart-button#addToCart": {
|
||||||
"props": {
|
"props": {
|
||||||
|
"blockClass": "addToCart",
|
||||||
"addToCartFeedback": "customEvent",
|
"addToCartFeedback": "customEvent",
|
||||||
"customPixelEventId": "add-to-cart-button"
|
"customPixelEventId": "add-to-cart-button"
|
||||||
}
|
}
|
||||||
|
@ -78,7 +78,7 @@
|
|||||||
"flex-layout.col#stack": {
|
"flex-layout.col#stack": {
|
||||||
"children": ["stack-layout"],
|
"children": ["stack-layout"],
|
||||||
"props": {
|
"props": {
|
||||||
"width": "60%",
|
// "width": "644px",
|
||||||
"rowGap": 0
|
"rowGap": 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -91,7 +91,11 @@
|
|||||||
"desktop": "auto",
|
"desktop": "auto",
|
||||||
"phone": "16:9"
|
"phone": "16:9"
|
||||||
},
|
},
|
||||||
"displayThumbnailsArrows": true
|
"showNavigationArrows": false,
|
||||||
|
"showPaginationDots": false,
|
||||||
|
"maxHeight": 664,
|
||||||
|
"thumbnailsOrientation": "horizontal",
|
||||||
|
"thumbnailMaxHeight": 90
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.col#right-col": {
|
"flex-layout.col#right-col": {
|
||||||
@ -106,7 +110,6 @@
|
|||||||
"flex-layout.row#selling-price",
|
"flex-layout.row#selling-price",
|
||||||
"product-installments",
|
"product-installments",
|
||||||
"sku-selector",
|
"sku-selector",
|
||||||
"product-quantity",
|
|
||||||
"product-assembly-options",
|
"product-assembly-options",
|
||||||
"product-gifts",
|
"product-gifts",
|
||||||
"flex-layout.row#buy-button",
|
"flex-layout.row#buy-button",
|
||||||
@ -145,10 +148,11 @@
|
|||||||
|
|
||||||
"flex-layout.row#buy-button": {
|
"flex-layout.row#buy-button": {
|
||||||
"props": {
|
"props": {
|
||||||
|
"blockClass": "buy-button",
|
||||||
"marginTop": 4,
|
"marginTop": 4,
|
||||||
"marginBottom": 7
|
"marginBottom": 7
|
||||||
},
|
},
|
||||||
"children": ["add-to-cart-button"]
|
"children": ["product-quantity", "add-to-cart-button#addToCart"]
|
||||||
},
|
},
|
||||||
|
|
||||||
"flex-layout.row#product-availability": {
|
"flex-layout.row#product-availability": {
|
||||||
|
@ -1,9 +1,6 @@
|
|||||||
{
|
{
|
||||||
"modal-trigger#quickview": {
|
"modal-trigger#quickview": {
|
||||||
"children": [
|
"children": ["icon-expand", "modal-layout#quickview"],
|
||||||
"icon-expand",
|
|
||||||
"modal-layout#quickview"
|
|
||||||
],
|
|
||||||
"props": {
|
"props": {
|
||||||
"blockClass": "quickview"
|
"blockClass": "quickview"
|
||||||
}
|
}
|
||||||
@ -63,9 +60,7 @@
|
|||||||
},
|
},
|
||||||
|
|
||||||
"flex-layout.col#quickview-product-quantity": {
|
"flex-layout.col#quickview-product-quantity": {
|
||||||
"children": [
|
"children": ["product-summary-quantity#quickview"]
|
||||||
"product-summary-quantity#quickview"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"product-summary-quantity#quickview": {
|
"product-summary-quantity#quickview": {
|
||||||
"props": {
|
"props": {
|
||||||
@ -74,18 +69,14 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.col#quickview-add-to-card-button": {
|
"flex-layout.col#quickview-add-to-card-button": {
|
||||||
"children": [
|
"children": ["add-to-cart-button"],
|
||||||
"add-to-cart-button"
|
|
||||||
],
|
|
||||||
"props": {
|
"props": {
|
||||||
"width": "grow"
|
"width": "grow"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
"flex-layout.row#quickview-actions-2": {
|
"flex-layout.row#quickview-actions-2": {
|
||||||
"children": [
|
"children": ["link.product#button-pdp"]
|
||||||
"link.product#button-pdp"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"link.product#button-pdp": {
|
"link.product#button-pdp": {
|
||||||
"props": {
|
"props": {
|
||||||
@ -107,15 +98,10 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.col#quickview-images": {
|
"flex-layout.col#quickview-images": {
|
||||||
"children": [
|
"children": ["product-images#quickview"]
|
||||||
"product-images#quickview"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"flex-layout.col#quickview-product-details": {
|
"flex-layout.col#quickview-product-details": {
|
||||||
"children": [
|
"children": ["modal-content#quickview", "modal-actions#quickview"],
|
||||||
"modal-content#quickview",
|
|
||||||
"modal-actions#quickview"
|
|
||||||
],
|
|
||||||
"props": {
|
"props": {
|
||||||
"preventVerticalStretch": true,
|
"preventVerticalStretch": true,
|
||||||
"blockClass": "quickviewDetails"
|
"blockClass": "quickviewDetails"
|
@ -42,6 +42,10 @@
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.flexRowContent--buy-button {
|
||||||
|
height: 49px;
|
||||||
|
}
|
||||||
|
|
||||||
.flexRow--deals {
|
.flexRow--deals {
|
||||||
background-color: #0f3e99;
|
background-color: #0f3e99;
|
||||||
padding: 14px 0px;
|
padding: 14px 0px;
|
||||||
|
@ -11,15 +11,23 @@
|
|||||||
background: red;
|
background: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
.caretIcon {
|
.productBrand--quickview {
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.swiper-pagination {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.productNameContainer--quickview {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: end;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.carouselGaleryThumbs {
|
||||||
|
max-height: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.productImageTag--main {
|
||||||
|
max-width: 664px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carouselThumbBorder {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumbImg {
|
||||||
|
width: 90px;
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user