From d4670e2e112f76758fd7c41c2d406ba2b881ddb4 Mon Sep 17 00:00:00 2001 From: Rallenson Date: Sat, 4 Feb 2023 01:23:11 -0300 Subject: [PATCH] feat(Tab_layout):section description desktop feita --- react/components/Html/styles.css | 23 +++++++++++++++++++- store/blocks/pdp/product.jsonc | 36 +++++++++++++++++--------------- 2 files changed, 41 insertions(+), 18 deletions(-) diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css index b88f85c..a1efd0f 100644 --- a/react/components/Html/styles.css +++ b/react/components/Html/styles.css @@ -1,3 +1,24 @@ -[class*=container--m3-product-breadcrumb]{ +/* [class*=html--pdp-breadcrumb]{ background: blue; +} */ +/* .html { + background-color: red; +} + +.html--pdp-breadcrumb { + background-color: green; +} */ +.html--pdp-section_descriptions{ + display: flex; + flex-direction: column; + gap: 32; + padding: 0px 40px 0px 40px; +} +.html--pdp-section_descriptions :global(.vtex-flex-layout-0-x-flexRowContent){ + gap: 32px; + margin-top: 32px; + margin-bottom: 16px; +} +.html--pdp-descriptions{ + display: flex; } diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index f010fb8..05c822c 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -1,10 +1,10 @@ { "store.product": { - "children": ["html#example-component", - "html#breadcrumb", - "condition-layout.product#availability", - "html#departaments" - ] + "children": [ + "html#breadcrumb", + "condition-layout.product#availability", + "html#departaments" + ] }, "html#breadcrumb": { "props": { @@ -33,9 +33,9 @@ }, "flex-layout.row#description": { "props": { - "marginBottom": 7 + "width": "50%" }, - "children": ["product-description"] + "children": ["product-images#description","product-description"] }, "condition-layout.product#availability": { "props": { @@ -86,15 +86,17 @@ "testId": "description", "blockClass": "pdp-section_descriptions" }, - "children": ["example-component","html#description"] + "children": ["html#example-component","html#description"] }, "html#description": { "props": { "tag": "div", "testId": "description", - "blockClass": "pdp-section_descriptions" + "blockClass": "pdp-descriptions" }, - "children": ["product-images#description","flex-layout.row#description"] + "children": [ + "flex-layout.row#description" + ] }, "flex-layout.col#stack": { @@ -125,14 +127,14 @@ "props": { "testid": "product-images", "aspectRatio": { - "desktop": "auto", + "desktop": "1:1", "phone": "auto" }, "showNavigationArrows": false, "showPaginationDots": false, - "displayThumbnailsArrows": false, - "thumbnailVisibility":"hiden", - "displayMode": "first-image" + "thumbnailVisibility": "hiden", + "displayMode": "first-image", + "zoomMode":"disabled" } }, "flex-layout.col#right-col": { @@ -244,10 +246,10 @@ "share#default": { "props": { "social": { - "Facebook": true, - "WhatsApp": true, + "Facebook": false, + "WhatsApp": false, "Twitter": false, - "Pinterest": true + "Pinterest": false } } }