From 82168a8b99f8898c7dcbdf0e07acfb34a8dccdd0 Mon Sep 17 00:00:00 2001 From: ThiagoDuutra Date: Wed, 8 Feb 2023 12:02:52 -0300 Subject: [PATCH] feat:#5 identificador produtos --- store/blocks/product-summary/quickview.json | 13 +-- styles/configs/style.json | 26 +++--- styles/css/vtex.product-costumizer.css | 12 +++ styles/css/vtex.rich-text.css | 87 ++++++++++++++++++- styles/css/vtex.shelf.css | 20 +++++ .../product/vtex.product-highlights.scss | 3 + .../product/vtex.product-identifier.scss | 7 +- 7 files changed, 142 insertions(+), 26 deletions(-) create mode 100644 styles/css/vtex.product-costumizer.css create mode 100644 styles/css/vtex.shelf.css create mode 100644 styles/sass/pages/product/vtex.product-highlights.scss diff --git a/store/blocks/product-summary/quickview.json b/store/blocks/product-summary/quickview.json index 723d4a0..7584324 100644 --- a/store/blocks/product-summary/quickview.json +++ b/store/blocks/product-summary/quickview.json @@ -1,13 +1,5 @@ { - "modal-trigger#quickview": { - "children": [ - "icon-expand", - "modal-layout#quickview" - ], - "props": { - "blockClass": "quickview" - } - }, + "modal-layout#quickview": { "children": [ @@ -136,8 +128,7 @@ }, "product-images#quickview" : { "props": { - "blockClass": "quickview", - "showNavigationArrows": true + "blockClass": "quickview" } } } diff --git a/styles/configs/style.json b/styles/configs/style.json index 218252a..a75b558 100644 --- a/styles/configs/style.json +++ b/styles/configs/style.json @@ -253,91 +253,91 @@ "measure": [30, 34, 20], "styles": { "heading-1": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "700", "fontSize": "3rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-2": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "700", "fontSize": "2.25rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-3": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "700", "fontSize": "1.75rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-4": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "normal", "fontSize": "1.5rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-5": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "normal", "fontSize": "1.25rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-6": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "normal", "fontSize": "1.25rem", "textTransform": "initial", "letterSpacing": "0" }, "body": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "normal", "fontSize": "1rem", "textTransform": "initial", "letterSpacing": "0" }, "small": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "normal", "fontSize": "0.875rem", "textTransform": "initial", "letterSpacing": "0" }, "mini": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "normal", "fontSize": "0.75rem", "textTransform": "initial", "letterSpacing": "0" }, "action": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "500", "fontSize": "1rem", "textTransform": "uppercase", "letterSpacing": "0" }, "action--small": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "500", "fontSize": "0.875rem", "textTransform": "uppercase", "letterSpacing": "0" }, "action--large": { - "fontFamily": "Open Sans sans-serif", + "fontFamily": "Open Sans", "fontWeight": "500", "fontSize": "1.25rem", "textTransform": "uppercase", "letterSpacing": "0" }, "code": { - "fontFamily": "Consolas, monaco, monospace", + "fontFamily": "Open Sans", "fontWeight": "normal", "fontSize": "1rem", "textTransform": "initial", diff --git a/styles/css/vtex.product-costumizer.css b/styles/css/vtex.product-costumizer.css new file mode 100644 index 0000000..1da8082 --- /dev/null +++ b/styles/css/vtex.product-costumizer.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 */ +.productAssemblyGroupNameRow { + display: none; +} \ No newline at end of file diff --git a/styles/css/vtex.rich-text.css b/styles/css/vtex.rich-text.css index 34c4328..44ca67a 100644 --- a/styles/css/vtex.rich-text.css +++ b/styles/css/vtex.rich-text.css @@ -6,4 +6,89 @@ 1800px + : Big desktop */ /* Media Query M3 */ -/* Grid breakpoints */ \ No newline at end of file +/* Grid breakpoints */ +.heading { + margin: 16px 0 8px 0; +} + +.wrapper--message-newsletter { + margin-top: 16px; +} +.wrapper--message-newsletter .paragraph--message-newsletter { + font-family: "Open Sans", sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 38px; + color: #fff; + margin-bottom: 0; +} + +.paragraph { + font-family: "Open Sans", sans-serif; + font-size: 18px; + color: #929292; + line-height: 24px; + font-weight: 400; +} +@media only screen and (max-width: 767px) { + .paragraph { + font-size: 16px; + } +} + +.container--title-newsletter { + justify-content: center; + width: 100%; + margin: 32px 0 16px 0; + padding: 0 40px; +} +@media only screen and (max-width: 1023px) { + .container--title-newsletter { + margin: 64px 0 16px 0; + } +} +@media only screen and (max-width: 767px) { + .container--title-newsletter { + padding: 0; + } +} +.container--title-newsletter .wrapper--title-newsletter { + align-items: center; +} +.container--title-newsletter .wrapper--title-newsletter .paragraph--title-newsletter { + margin: 0; + font-weight: 400; + font-size: 24px; + line-height: 38px; + color: #fff; +} + +.wrapper--email-phrase-newsletter { + display: flex; + justify-content: center; + width: 100%; + margin-bottom: 16px; + padding: 0 40px; +} +@media only screen and (max-width: 767px) { + .wrapper--email-phrase-newsletter { + padding: 0; + } +} +.wrapper--email-phrase-newsletter .wrapper--email-phrase-newsletter { + display: flex; + align-items: center; +} +.wrapper--email-phrase-newsletter .wrapper--email-phrase-newsletter .paragraph--email-phrase-newsletter { + margin: 0; + font-weight: 400; + font-size: 18px; + line-height: 25px; + color: #929292; +} +@media only screen and (max-width: 1023px) { + .wrapper--email-phrase-newsletter .wrapper--email-phrase-newsletter .paragraph--email-phrase-newsletter { + font-size: 16px; + line-height: 22px; + } +} \ No newline at end of file diff --git a/styles/css/vtex.shelf.css b/styles/css/vtex.shelf.css new file mode 100644 index 0000000..489e78f --- /dev/null +++ b/styles/css/vtex.shelf.css @@ -0,0 +1,20 @@ +@charset "UTF-8"; +/* +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 */ +.relatedProducts .title { + font-size: 0; +} +.relatedProducts .title::before { + content: "Você também pode gostar:"; + font-family: "Open Sans", sans-serif; + font-weight: 400; + font-size: 24px; + line-height: 38px; +} \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.product-highlights.scss b/styles/sass/pages/product/vtex.product-highlights.scss new file mode 100644 index 0000000..597eee5 --- /dev/null +++ b/styles/sass/pages/product/vtex.product-highlights.scss @@ -0,0 +1,3 @@ +.productHighlightWrapper { + display: none; +} diff --git a/styles/sass/pages/product/vtex.product-identifier.scss b/styles/sass/pages/product/vtex.product-identifier.scss index ea3cad2..f35d137 100644 --- a/styles/sass/pages/product/vtex.product-identifier.scss +++ b/styles/sass/pages/product/vtex.product-identifier.scss @@ -1,3 +1,8 @@ +.product-identifier { + @include mq(md, max) { + display: flex; + } +} .product-identifier__label, .product-identifier__separator { display: none; @@ -6,5 +11,5 @@ .product-identifier__value { display: flex; justify-content: flex-end; - color: #9292927a; + color: rgba(146, 146, 146, 0.478); } -- 2.34.1