feat: adição do newsletter e prateleira de sugeridos

This commit is contained in:
Gabriel Ferraz Nogueira 2023-02-01 21:25:14 -03:00
parent 5a15c8b3cb
commit e1db14dfae
10 changed files with 96 additions and 39 deletions

View File

@ -4,10 +4,12 @@
"html#breadcrumb",
"condition-layout.product#availability",
"tab-layout#desc",
// "flex-layout.row#specifications-title",
"flex-layout.row#specifications-title",
// "product-specification-group#table",
"shelf.relatedProducts",
"product-questions-and-answers"
// "shelf.relatedProducts",
"list-context.product-list#demo1",
"product-questions-and-answers",
"newsletter"
]
},
"html#breadcrumb": {
@ -307,5 +309,34 @@
"Pinterest": true
}
}
},
"list-context.product-list#demo1": {
"blocks": ["product-summary.shelf#demo1"],
"children": ["slider-layout#demo-products"]
},
"product-summary.shelf#demo1": {
"children": [
"product-summary-name",
"product-summary-description",
"product-summary-image",
"product-summary-price",
"product-summary-sku-selector",
"product-summary-buy-button"
]
},
"slider-layout#demo-products": {
"props": {
"itemsPerPage": {
"desktop": 4,
"tablet": 3,
"phone": 2
},
"infinite": true,
"showNavigationArrows": "desktopOnly",
"blockClass": "carousel"
}
}
}

View File

@ -18,4 +18,11 @@
}
:global(.vtex-store-components-3-x-container) :global(.vtex-store-components-3-x-carouselGaleryThumbs) .swiper-container .swiper-wrapper {
display: none;
}
.flexColChild :global(.vtex-store-components-3-x-productDescriptionTitle) {
margin-left: 32px;
}
.flexColChild :global(.vtex-store-components-3-x-container) {
padding: 0 32px;
}

View File

@ -1,3 +1,4 @@
@charset "UTF-8";
/*
0 - 600PX: Phone
600 - 900px: Table portrait
@ -6,4 +7,22 @@
1800px + : Big desktop
*/
/* Media Query M3 */
/* Grid breakpoints */
/* Grid breakpoints */
.container {
justify-content: center;
padding: 16px 0;
}
.container .heading {
font-size: 0;
text-align: center;
}
.container .heading::before {
content: "Você também pode gostar:";
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 38px;
text-align: center;
color: #575757;
}

View File

@ -1,4 +1,3 @@
@charset "UTF-8";
/*
0 - 600PX: Phone
600 - 900px: Table portrait
@ -7,18 +6,4 @@
1800px + : Big desktop
*/
/* Media Query M3 */
/* Grid breakpoints */
.title {
font-size: 0;
}
.title::before {
content: "Você também pode gostar:";
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 38px;
text-align: center;
color: #575757;
}
/* Grid breakpoints */

View File

@ -86,7 +86,7 @@
border-radius: 0;
}
.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-input) {
padding: 0;
padding: 8px 0;
}
.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) {
display: flex;

View File

@ -13,3 +13,13 @@
}
}
}
.flexColChild {
:global(.vtex-store-components-3-x-productDescriptionTitle) {
margin-left: 32px;
}
:global(.vtex-store-components-3-x-container) {
padding: 0 32px;
}
}

View File

@ -1,7 +1,6 @@
.product-identifier {
display: flex;
justify-content: flex-end;
// margin-right: 40px;
font-family: "Open Sans", sans-serif;
font-style: normal;

View File

@ -0,0 +1,22 @@
.container {
justify-content: center;
padding: 16px 0;
.heading {
font-size: 0;
text-align: center;
}
.heading::before {
content: 'Você também pode gostar:';
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 38px;
text-align: center;
color: #575757;
}
}

View File

@ -1,16 +0,0 @@
.title {
font-size: 0;
}
.title::before {
content: 'Você também pode gostar:';
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 38px;
text-align: center;
color: #575757;
}

View File

@ -91,7 +91,7 @@
border-radius: 0;
:global(.vtex-address-form-4-x-input) {
padding: 0;
padding: 8px 0;
}
}
}