diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 8a21b0b..e02df9b 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -119,7 +119,8 @@ "flex-layout.col#right-col": { "props": { "preventVerticalStretch": true, - "rowGap": 0 + "rowGap": 0, + "blockClass": "infos" }, "children": [ "html#product-name", diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 6121656..cb245e8 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -11,6 +11,10 @@ padding: 0; } +.flexCol--infos { + padding-left: 32px; +} + .flexRowContent { margin: 0; padding: 0; @@ -25,4 +29,9 @@ .flexRow--product-main { padding: 0 40px; +} + +.flexColChild--infos :global(.vtex-button) { + background-color: black !important; + border: none; } \ No newline at end of file diff --git a/styles/css/vtex.product-quantity.css b/styles/css/vtex.product-quantity.css index e0f5ca1..c804fac 100644 --- a/styles/css/vtex.product-quantity.css +++ b/styles/css/vtex.product-quantity.css @@ -7,6 +7,9 @@ */ /* Media Query M3 */ /* Grid breakpoints */ +.quantitySelectorContainer { + margin: 0; +} .quantitySelectorContainer .quantitySelectorTitle { display: none; } \ No newline at end of file diff --git a/styles/css/vtex.product-summary.css b/styles/css/vtex.product-summary.css index 852b8d6..9db2684 100644 --- a/styles/css/vtex.product-summary.css +++ b/styles/css/vtex.product-summary.css @@ -12,10 +12,10 @@ text-align: center; } -.imageWrapper { - height: 70%; -} - .nameContainer { padding: 16px; +} + +.imageNormal { + height: 314px !important; } \ No newline at end of file diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css index 22c444e..ef37916 100644 --- a/styles/css/vtex.slider-layout.css +++ b/styles/css/vtex.slider-layout.css @@ -8,7 +8,7 @@ /* Media Query M3 */ /* Grid breakpoints */ .sliderLayoutContainer { - padding: 0 40px; + padding: 36px 40px; } .slide { diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index ae2a598..d4dedde 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -3,6 +3,9 @@ padding: 0; } +.flexCol--infos{ + padding-left: 32px; +} .flexRowContent{ margin: 0; @@ -21,6 +24,11 @@ padding: 0 40px; } +.flexColChild--infos :global(.vtex-button){ + background-color: black !important; + border: none; +} + diff --git a/styles/sass/pages/product/vtex.product-quantity.scss b/styles/sass/pages/product/vtex.product-quantity.scss index b723602..709a4cf 100644 --- a/styles/sass/pages/product/vtex.product-quantity.scss +++ b/styles/sass/pages/product/vtex.product-quantity.scss @@ -1,5 +1,8 @@ .quantitySelectorContainer { + margin: 0; .quantitySelectorTitle { display: none; } } + + diff --git a/styles/sass/pages/product/vtex.product-summary.scss b/styles/sass/pages/product/vtex.product-summary.scss index 6fef6d3..a0a8cc7 100644 --- a/styles/sass/pages/product/vtex.product-summary.scss +++ b/styles/sass/pages/product/vtex.product-summary.scss @@ -4,10 +4,10 @@ text-align: center; } -.imageWrapper{ - height: 70%; -} - .nameContainer{ padding: 16px; } + +.imageNormal{ + height: 314px !important; +} diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss index dfae7d9..4047b08 100644 --- a/styles/sass/pages/product/vtex.slider-layout.scss +++ b/styles/sass/pages/product/vtex.slider-layout.scss @@ -1,6 +1,6 @@ .sliderLayoutContainer{ - padding: 0 40px; + padding: 36px 40px; } .slide{