feature/body #1
@ -4,8 +4,10 @@
|
||||
"html#breadcrumb",
|
||||
"condition-layout.product#availability",
|
||||
"tab-layout#description",
|
||||
"rich-text#prateleira",
|
||||
"flex-layout.row#shelf",
|
||||
"product-questions-and-answers"
|
||||
"product-questions-and-answers",
|
||||
"newsletter"
|
||||
]
|
||||
},
|
||||
|
||||
@ -19,6 +21,20 @@
|
||||
]
|
||||
},
|
||||
|
||||
"newsletter": {
|
||||
"props": {
|
||||
"label": "Assine nossa newsletter",
|
||||
"placeholder": "Digite seu e-mail"
|
||||
}
|
||||
},
|
||||
|
||||
"rich-text#prateleira": {
|
||||
"props": {
|
||||
"text": "Você também pode gostar:",
|
||||
"blockClass": "title-shelf"
|
||||
}
|
||||
},
|
||||
|
||||
"list-context.product-list#teste": {
|
||||
"blocks": ["product-summary.shelf#teste"],
|
||||
"children": ["slider-layout#prateleira"]
|
||||
|
@ -8,3 +8,14 @@
|
||||
/* Media Query M3 */
|
||||
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");
|
||||
/* Grid breakpoints */
|
||||
.container--title-shelf {
|
||||
text-align: center;
|
||||
display: block !important;
|
||||
}
|
||||
.container--title-shelf .paragraph--title-shelf {
|
||||
font-size: 24px;
|
||||
line-height: 38px;
|
||||
text-align: center;
|
||||
color: #575757;
|
||||
margin: 12px 0 0 0;
|
||||
}
|
@ -11,10 +11,10 @@
|
||||
.sliderLayoutContainer {
|
||||
background-color: transparent;
|
||||
height: 630px;
|
||||
margin: 12px 0 0 0;
|
||||
}
|
||||
.sliderLayoutContainer .sliderRightArrow,
|
||||
.sliderLayoutContainer .sliderLeftArrow {
|
||||
bottom: 48%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
@ -106,7 +106,7 @@
|
||||
}
|
||||
|
||||
:global(.vtex-slider-layout-0-x-sliderTrackContainer) {
|
||||
margin: 32px 27px 32px 27px;
|
||||
margin: 0 27px 32px 27px;
|
||||
}
|
||||
|
||||
:global(.vtex-slider-layout-0-x-sliderTrack) {
|
||||
|
@ -130,14 +130,6 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
.productImageTag {
|
||||
object-fit: unset !important;
|
||||
max-width: 664px;
|
||||
width: 104% !important;
|
||||
max-height: 664px !important;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.figure {
|
||||
height: 100%;
|
||||
}
|
||||
@ -209,8 +201,63 @@
|
||||
}
|
||||
|
||||
.newsletter {
|
||||
background: red;
|
||||
display: block;
|
||||
background: #000;
|
||||
height: 175px;
|
||||
padding: 32px 0 16px 0;
|
||||
}
|
||||
.newsletter .form {
|
||||
max-width: 774px !important;
|
||||
}
|
||||
.newsletter .buttonContainer {
|
||||
border-bottom: 3px solid #fff;
|
||||
padding: 0;
|
||||
height: 32px;
|
||||
}
|
||||
.newsletter .label {
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 38px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.newsletter .label::after {
|
||||
content: "Receba ofertas e novidades por e-mail";
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
margin-top: 16px;
|
||||
text-align: center;
|
||||
color: #929292;
|
||||
}
|
||||
.newsletter .inputGroup {
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
.newsletter .inputGroup :global(.vtex-input-prefix__group) {
|
||||
border: 0;
|
||||
height: 32px;
|
||||
width: 100%;
|
||||
}
|
||||
.newsletter .inputGroup :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) {
|
||||
background-color: transparent;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
height: 32px;
|
||||
line-height: 25px;
|
||||
color: #929292;
|
||||
width: 100%;
|
||||
padding: 0 0 7px 0;
|
||||
}
|
||||
.newsletter .inputGroup :global(.vtex-button) {
|
||||
background-color: transparent;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
border: 0;
|
||||
}
|
||||
.newsletter .inputGroup :global(.vtex-button) :global(.vtex-button__label) {
|
||||
padding: 0 16px 13px 16px !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
:global(.vtex-input__label) {
|
||||
@ -247,3 +294,11 @@
|
||||
:global(.vtex-store-components-3-x-swiper-pagination) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:global(.vtex-store-components-3-x-productImageTag) {
|
||||
object-fit: unset !important;
|
||||
max-width: 664px;
|
||||
width: 104% !important;
|
||||
max-height: 664px !important;
|
||||
margin-bottom: 16px;
|
||||
}
|
@ -10,6 +10,7 @@
|
||||
/* Grid breakpoints */
|
||||
.container--description {
|
||||
margin: 16px 40px;
|
||||
height: 702px;
|
||||
}
|
||||
.container--description .listContainer {
|
||||
display: flex;
|
||||
@ -46,8 +47,16 @@
|
||||
max-width: 632px;
|
||||
max-height: 632px;
|
||||
}
|
||||
.container--description .contentContainer .contentItem :global(.vtex-store-components-3-x-productImageTag--main) {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: 632px;
|
||||
max-height: 632px !important;
|
||||
}
|
||||
.container--description .contentContainer .contentItem :global(.vtex-store-components-3-x-productImagesGallerySlide) {
|
||||
margin: 32px 32px 16px 32px;
|
||||
height: 632px;
|
||||
width: 632px;
|
||||
}
|
||||
.container--description .contentContainer .contentItem :global(.vtex-store-components-3-x-carouselGaleryThumbs) {
|
||||
display: none;
|
||||
|
12
styles/sass/pages/product/vtex.rich-text.scss
Normal file
12
styles/sass/pages/product/vtex.rich-text.scss
Normal file
@ -0,0 +1,12 @@
|
||||
.container--title-shelf {
|
||||
text-align: center;
|
||||
display: block !important;
|
||||
|
||||
.paragraph--title-shelf {
|
||||
font-size: 24px;
|
||||
line-height: 38px;
|
||||
text-align: center;
|
||||
color: #575757;
|
||||
margin: 12px 0 0 0;
|
||||
}
|
||||
}
|
@ -1,10 +1,10 @@
|
||||
.sliderLayoutContainer {
|
||||
background-color: transparent;
|
||||
height: 630px;
|
||||
margin: 12px 0 0 0;
|
||||
|
||||
.sliderRightArrow,
|
||||
.sliderLeftArrow {
|
||||
bottom: 48%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
.caretIcon {
|
||||
@ -99,7 +99,7 @@
|
||||
}
|
||||
|
||||
:global(.vtex-slider-layout-0-x-sliderTrackContainer) {
|
||||
margin: 32px 27px 32px 27px;
|
||||
margin: 0 27px 32px 27px;
|
||||
}
|
||||
|
||||
:global(.vtex-slider-layout-0-x-sliderTrack) {
|
||||
|
@ -135,14 +135,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.productImageTag {
|
||||
object-fit: unset !important;
|
||||
max-width: 664px;
|
||||
width: 104% !important;
|
||||
max-height: 664px !important;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.figure {
|
||||
height: 100%;
|
||||
}
|
||||
@ -222,8 +214,67 @@
|
||||
}
|
||||
|
||||
.newsletter {
|
||||
background: red;
|
||||
display: block;
|
||||
background: #000;
|
||||
height: 175px;
|
||||
padding: 32px 0 16px 0;
|
||||
|
||||
.form {
|
||||
max-width: 774px !important;
|
||||
}
|
||||
|
||||
.buttonContainer {
|
||||
border-bottom: 3px solid #fff;
|
||||
padding: 0;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 38px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
&::after {
|
||||
content: "Receba ofertas e novidades por e-mail";
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
margin-top: 16px;
|
||||
text-align: center;
|
||||
color: #929292;
|
||||
}
|
||||
}
|
||||
.inputGroup {
|
||||
border-bottom: 1px solid #fff;
|
||||
:global(.vtex-input-prefix__group) {
|
||||
border: 0;
|
||||
height: 32px;
|
||||
width: 100%;
|
||||
|
||||
:global(.vtex-styleguide-9-x-input) {
|
||||
background-color: transparent;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
height: 32px;
|
||||
line-height: 25px;
|
||||
color: #929292;
|
||||
width: 100%;
|
||||
padding: 0 0 7px 0;
|
||||
}
|
||||
}
|
||||
:global(.vtex-button) {
|
||||
background-color: transparent;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
border: 0;
|
||||
:global(.vtex-button__label) {
|
||||
padding: 0 16px 13px 16px !important;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:global(.vtex-input__label) {
|
||||
@ -260,3 +311,11 @@
|
||||
:global(.vtex-store-components-3-x-swiper-pagination) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:global(.vtex-store-components-3-x-productImageTag) {
|
||||
object-fit: unset !important;
|
||||
max-width: 664px;
|
||||
width: 104% !important;
|
||||
max-height: 664px !important;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
@ -1,5 +1,6 @@
|
||||
.container--description {
|
||||
margin: 16px 40px;
|
||||
height: 702px;
|
||||
|
||||
.listContainer {
|
||||
display: flex;
|
||||
@ -46,8 +47,17 @@
|
||||
max-height: 632px;
|
||||
}
|
||||
|
||||
:global(.vtex-store-components-3-x-productImageTag--main) {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: 632px;
|
||||
max-height: 632px !important;
|
||||
}
|
||||
|
||||
:global(.vtex-store-components-3-x-productImagesGallerySlide) {
|
||||
margin: 32px 32px 16px 32px;
|
||||
height: 632px;
|
||||
width: 632px;
|
||||
}
|
||||
|
||||
:global(.vtex-store-components-3-x-carouselGaleryThumbs) {
|
||||
|
Loading…
Reference in New Issue
Block a user