diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css index 8b2419e..3ab5439 100644 --- a/react/components/Html/styles.css +++ b/react/components/Html/styles.css @@ -51,3 +51,7 @@ color: #000000; border-bottom: 1px solid #000000; } + +.html--pdp-productMain :global(.vtex-store-components-3-x-container){ + max-width: 100%; +} diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index cf25548..efde6ab 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -41,7 +41,7 @@ }, "flex-layout.row#description": { "props": { - "width": "50%" + "width": "66%" }, "children": ["product-images#description","product-description"] }, @@ -52,10 +52,19 @@ "subject": "isProductAvailable" } ], - "Then": "flex-layout.row#product-main", + "Then": "html#product-main", "Else": "flex-layout.row#product-availability" } }, + + "html#product-main": { + "props": { + "tag": "div", + "testId": "Product-Images", + "blockClass": "pdp-productMain" + }, + "children": ["flex-layout.row#product-main"] + }, "flex-layout.row#product-main": { "props": { "colGap": 7, @@ -111,7 +120,7 @@ "children": ["stack-layout"], "props": { "rowGap": 10, - "width":"46%", + "width":"50%", "blockClass": "StackLayout", "htmlId":"teste" }