projeto finalizado
This commit is contained in:
parent
4f76bd79e3
commit
2a211a9ce5
@ -98,8 +98,7 @@
|
|||||||
"product-images": {
|
"product-images": {
|
||||||
"props": {
|
"props": {
|
||||||
"aspectRatio": {
|
"aspectRatio": {
|
||||||
"desktop": "auto",
|
"desktop": "auto"
|
||||||
"phone": "16:9"
|
|
||||||
},
|
},
|
||||||
"thumbnailsOrientation": "horizontal",
|
"thumbnailsOrientation": "horizontal",
|
||||||
"showPaginationDots": false,
|
"showPaginationDots": false,
|
||||||
@ -286,11 +285,26 @@
|
|||||||
"children": [
|
"children": [
|
||||||
"product-summary-image",
|
"product-summary-image",
|
||||||
"product-summary-name",
|
"product-summary-name",
|
||||||
"product-summary-price",
|
"product-list-price#summary",
|
||||||
|
"product-selling-price#summary",
|
||||||
"product-summary-buy-button"
|
"product-summary-buy-button"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
|
"product-selling-price#summary": {
|
||||||
|
"props": {
|
||||||
|
"blockClass": "summary-selling-price"
|
||||||
|
},
|
||||||
|
"children": ["product-selling-price"]
|
||||||
|
},
|
||||||
|
|
||||||
|
"product-list-price#summary": {
|
||||||
|
"props": {
|
||||||
|
"blockClass": "summary-list-price"
|
||||||
|
},
|
||||||
|
"children": ["product-summary-price"]
|
||||||
|
},
|
||||||
|
|
||||||
"html#slider": {
|
"html#slider": {
|
||||||
"props": {
|
"props": {
|
||||||
"testId": "product-summary-list",
|
"testId": "product-summary-list",
|
||||||
|
@ -10,6 +10,7 @@
|
|||||||
/* Grid breakpoints */
|
/* Grid breakpoints */
|
||||||
.flexRowContent--product-main-stack {
|
.flexRowContent--product-main-stack {
|
||||||
padding: 0 30px;
|
padding: 0 30px;
|
||||||
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 1024px) {
|
@media screen and (max-width: 1024px) {
|
||||||
.flexRowContent--product-main-stack {
|
.flexRowContent--product-main-stack {
|
||||||
|
@ -12,6 +12,11 @@
|
|||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.listPrice--summary {
|
||||||
|
visibility: visible;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
.savings {
|
.savings {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -10,7 +10,11 @@
|
|||||||
/* Grid breakpoints */
|
/* Grid breakpoints */
|
||||||
.sliderLayoutContainer--carousel {
|
.sliderLayoutContainer--carousel {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding: 0 40px;
|
}
|
||||||
|
@media screen and (min-width: 1025px) {
|
||||||
|
.sliderLayoutContainer--carousel {
|
||||||
|
padding: 0 40px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.paginationDotsContainer {
|
.paginationDotsContainer {
|
||||||
|
@ -205,16 +205,20 @@
|
|||||||
}
|
}
|
||||||
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
|
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
position: absolute;
|
|
||||||
left: 348px;
|
|
||||||
top: 25px;
|
|
||||||
font-family: "Open Sans";
|
font-family: "Open Sans";
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 1024px) {
|
@media screen and (min-width: 768px) {
|
||||||
|
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
|
||||||
|
position: absolute;
|
||||||
|
left: 348px;
|
||||||
|
top: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1024px) and (min-width: 768px) {
|
||||||
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
|
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
|
||||||
right: -60px;
|
right: -60px;
|
||||||
}
|
}
|
||||||
|
@ -29,7 +29,7 @@
|
|||||||
|
|
||||||
.contentItem {
|
.contentItem {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 62px 52px;
|
padding: 62px 52px 0;
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 1920px) {
|
@media screen and (min-width: 1920px) {
|
||||||
.contentItem {
|
.contentItem {
|
||||||
|
@ -6,6 +6,7 @@
|
|||||||
// }
|
// }
|
||||||
.flexRowContent--product-main-stack {
|
.flexRowContent--product-main-stack {
|
||||||
padding: 0 30px;
|
padding: 0 30px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
|
||||||
@media screen and (max-width: 1024px) {
|
@media screen and (max-width: 1024px) {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -2,6 +2,11 @@
|
|||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.listPrice--summary {
|
||||||
|
visibility: visible;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
.savings {
|
.savings {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -1,6 +1,9 @@
|
|||||||
.sliderLayoutContainer--carousel {
|
.sliderLayoutContainer--carousel {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding: 0 40px;
|
|
||||||
|
@media screen and (min-width: 1025px) {
|
||||||
|
padding: 0 40px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.paginationDotsContainer {
|
.paginationDotsContainer {
|
||||||
|
@ -229,9 +229,6 @@
|
|||||||
|
|
||||||
:global(.vtex-address-form__postalCode-forgottenURL) {
|
:global(.vtex-address-form__postalCode-forgottenURL) {
|
||||||
color: $color-black;
|
color: $color-black;
|
||||||
position: absolute;
|
|
||||||
left: 348px;
|
|
||||||
top: 25px;
|
|
||||||
|
|
||||||
font-family: $font-family;
|
font-family: $font-family;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@ -239,7 +236,13 @@
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
|
|
||||||
@media screen and (max-width: 1024px) {
|
@media screen and (min-width: 768px) {
|
||||||
|
position: absolute;
|
||||||
|
left: 348px;
|
||||||
|
top: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 1024px) and (min-width: 768px) {
|
||||||
right: -60px;
|
right: -60px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
|
|
||||||
.contentItem {
|
.contentItem {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 62px 52px;
|
padding: 62px 52px 0;
|
||||||
|
|
||||||
@media screen and (min-width: 1920px) {
|
@media screen and (min-width: 1920px) {
|
||||||
padding: 62px 360px;
|
padding: 62px 360px;
|
||||||
|
Loading…
Reference in New Issue
Block a user