diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index ee64e0c..93f167e 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -5,13 +5,13 @@ "condition-layout.product#availability", "tab-layout#product", - // "flex-layout.row#description", // "flex-layout.row#specifications-title", // "product-specification-group#table", "shelf.relatedProducts", - "product-questions-and-answers" + "product-questions-and-answers", + "newsletter" ] }, "html#breadcrumb": { @@ -282,5 +282,13 @@ "marginBottom": 7 }, "children": ["flex-layout.col#divImgDescription" , "product-description"] + }, + + "newsletter": { + "props": { + "blockClass": "newsletter", + "label": "Assine nossa newsletter", + "placeholder" : "Digite Seu e-mail" + } } } diff --git a/styles/css/vtex.button.css b/styles/css/vtex.button.css new file mode 100644 index 0000000..f70f9a3 --- /dev/null +++ b/styles/css/vtex.button.css @@ -0,0 +1,12 @@ +/* +0 - 600PX: Phone +600 - 900px: Table portrait +900 - 1200px: Tablet landscape +[1200 - 1800] is where our nortal styles apply +1800px + : Big desktop +*/ +/* Media Query M3 */ +/* Grid breakpoints */ +.bw1 { + background-color: black; +} \ No newline at end of file diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index c0910bc..c9246f8 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -37,4 +37,33 @@ width: 90px; height: 90px !important; border-radius: 8px; +} + +.newsletter--newsletter { + background-color: black; +} +.newsletter--newsletter .container--newsletter { + background-color: black; + color: #fff; + margin-top: 67px; + padding-top: 32px; + padding-bottom: 16px !important; + border: 0; +} + +.buttonContainer--newsletter { + padding-left: 0 !important; +} + +:global(.vtex-button) { + border-radius: 0; + background-color: black; + border: 0; + font-family: "Open Sans"; + font-style: normal; + font-weight: 700; + font-size: 14px; + line-height: 19px; + text-align: center; + border-bottom: 3px solid #bfbfbf; } \ No newline at end of file diff --git a/styles/css/vtex.styleguide.css b/styles/css/vtex.styleguide.css new file mode 100644 index 0000000..9a7027f --- /dev/null +++ b/styles/css/vtex.styleguide.css @@ -0,0 +1,19 @@ +/* +0 - 600PX: Phone +600 - 900px: Table portrait +900 - 1200px: Tablet landscape +[1200 - 1800] is where our nortal styles apply +1800px + : Big desktop +*/ +/* Media Query M3 */ +/* Grid breakpoints */ +:global(.vtex-input-prefix__group) { + border: none; + border-bottom: 1px solid #929292; +} + +.noAppearance { + background-color: black; + border: 0; + border-radius: 0; +} \ 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 f8bdcdf..0f372bd 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -30,3 +30,29 @@ } } } +.newsletter--newsletter { + background-color: $color-black; + .container--newsletter { + background-color: $color-black; + color: $color-white; + margin-top: 67px; + padding-top: 32px; + padding-bottom: 16px !important; + border: 0; + } +} +.buttonContainer--newsletter { + padding-left: 0 !important; +} +:global(.vtex-button) { + border-radius:0; + background-color: black; + border: 0; + font-family: "Open Sans"; + font-style: normal; + font-weight: 700; + font-size: 14px; + line-height: 19px; + text-align: center; + border-bottom: 3px solid #bfbfbf; +} diff --git a/styles/sass/pages/product/vtex.styleguide.scss b/styles/sass/pages/product/vtex.styleguide.scss new file mode 100644 index 0000000..546c83b --- /dev/null +++ b/styles/sass/pages/product/vtex.styleguide.scss @@ -0,0 +1,9 @@ +:global(.vtex-input-prefix__group) { + border: none; + border-bottom: 1px solid #929292; +} +.noAppearance { + background-color: black; + border: 0; + border-radius: 0; +} diff --git a/styles/sass/utils/_vars.scss b/styles/sass/utils/_vars.scss index daf3adb..8e61d27 100644 --- a/styles/sass/utils/_vars.scss +++ b/styles/sass/utils/_vars.scss @@ -1,4 +1,4 @@ -$color-black: #292929; +$color-black: black; $color-white: #fff;