diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css index 3167fc3..61a1fdb 100644 --- a/react/components/Html/styles.css +++ b/react/components/Html/styles.css @@ -1,9 +1,26 @@ -[dataid*="product-images"] { - margin-left: 40px; - width: 80%; -} - [class*="productImageTag--main"] { max-width: 80.25%; object-fit: none; } + +[class*="flexRow--button-cart"] :global(.vtex-button) { + background-color: black; + border-color: black; + width: 97.952%; + height: 49px; +} + +[class*="numeric-stepper__minus-button"] { + height: 49px; + position: relative; +} + +[class*="numeric-stepper__input"] { + height: 49px; + position: relative; +} + +[class*="numeric-stepper__plus-button"] { + height: 49px; + position: relative; +} diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 7863f90..82851b9 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -85,6 +85,7 @@ }, "product-images": { "props": { + "width": "40%", "contentType": "images", "showNavigationArrows": false, "showPaginationDots": false, @@ -122,7 +123,6 @@ "flex-layout.row#selling-price", "product-installments#m3-academy", "sku-selector", - "product-quantity", "product-assembly-options", "product-gifts", "flex-layout.row#buy-button", @@ -162,6 +162,17 @@ "marginBottom": 7, "blockClass": "button-cart" }, + "children": ["product-quantity", "html#add-to-cart-button"] + }, + + "product-quantity": { + "props": { "width": "25%" } + }, + + "html#add-to-cart-button": { + "props": { + "testId": "add-to-cart-button" + }, "children": ["add-to-cart-button"] },