diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index ecf4595..4c1037c 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -300,7 +300,8 @@ "product-images#description": { "props": { "displayMode": "first-image", - "blockClass": "description-imagem" + "blockClass": "description-imagem", + "zoomFactor": 0 } }, diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index f8fa6cb..084b54a 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -7,6 +7,11 @@ */ /* Media Query M3 */ /* Grid breakpoints */ +.productDescriptionContainer { + margin: 0 32px; +} + .newsletter { - background: red; + color: #FFFFFF; + background: #000000; } \ No newline at end of file diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css index 3a575de..81dcf87 100644 --- a/styles/css/vtex.tab-layout.css +++ b/styles/css/vtex.tab-layout.css @@ -7,6 +7,30 @@ */ /* Media Query M3 */ /* Grid breakpoints */ -.vtex-button { - background-color: red; +.listContainer { + align-items: center; + margin-bottom: 64px; + justify-content: space-around; + border-bottom: 1px solid #BFBFBF; +} + +.listItem { + margin: 0; + padding: 0; +} +.listItem :global(.vtex-button) { + border-radius: 0; + background-color: #FFFFFF; + color: #BFBFBF; +} + +.listItemActive :global(.vtex-button) { + border: 0; + border-bottom: 1px solid #000000 !important; +} + +.contentItem { + display: flex; + padding: 0px 40px; + margin-bottom: 16px; } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 36d0f22..a27bab1 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -1,3 +1,12 @@ + +.productDescriptionContainer{ + margin: 0 32px; +} + + + + .newsletter{ - background: red; -} \ No newline at end of file + color: #FFFFFF; + background: #000000; +} diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss new file mode 100644 index 0000000..7e50f0e --- /dev/null +++ b/styles/sass/pages/product/vtex.tab-layout.scss @@ -0,0 +1,35 @@ +.listContainer{ + align-items: center; + margin-bottom: 64px; + justify-content: space-around; + border-bottom: 1px solid #BFBFBF; +} + +.listItem{ + margin: 0; + padding: 0; + :global(.vtex-button){ + border-radius: 0; + background-color: #FFFFFF; + color: #BFBFBF; + } +} + +.listItemActive { + :global(.vtex-button) { + border: 0; + border-bottom: 1px solid #000000 !important; + + } +} + +.contentItem{ + display: flex; + padding: 0px 40px; + margin-bottom: 16px; +} + + + + +