diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 7e71311..c2f013e 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -3,3 +3,15 @@
justify-content: center;
padding: 0 40px;
}
+
+[class*="html--buy-button"] {
+ display: flex;
+ gap: 10px;
+}
+
+[class*="html--buy-button"] :global(.vtex-button) {
+ height: 49px;
+ background: black;
+ border: none;
+ border-radius: 0;
+}
diff --git a/store/blocks/pdp/product-assembly.jsonc b/store/blocks/pdp/product-assembly.jsonc
index 43ad04e..34f4233 100644
--- a/store/blocks/pdp/product-assembly.jsonc
+++ b/store/blocks/pdp/product-assembly.jsonc
@@ -1,10 +1,10 @@
{
- "sticky-layout#buy-button": {
- "props": {
- "position": "bottom"
- },
- "children": ["flex-layout.row#buy-button"]
- },
+ // "sticky-layout#buy-button": {
+ // "props": {
+ // "position": "bottom"
+ // },
+ // "children": ["flex-layout.row#buy-button"]
+ // },
"product-assembly-options": {
"children": [
"flex-layout.row#product-assembly-options",
@@ -32,17 +32,13 @@
"props": {
"verticalAlign": "middle"
},
- "children": [
- "assembly-option-item-quantity-selector"
- ]
+ "children": ["assembly-option-item-quantity-selector"]
},
"flex-layout.col#product-assembly-image": {
"props": {
"marginRight": 4
},
- "children": [
- "assembly-option-item-image"
- ]
+ "children": ["assembly-option-item-image"]
},
"flex-layout.col#product-assembly-middle": {
"props": {
@@ -96,9 +92,7 @@
"horizontalAlign": "right",
"verticalAlign": "middle"
},
- "children": [
- "assembly-option-item-quantity-selector"
- ]
+ "children": ["assembly-option-item-quantity-selector"]
},
"assembly-option-item-customize#sec-level": {
"props": {
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index 8129c5d..a3de923 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -119,7 +119,8 @@
"product-installments",
"sku-selector",
"product-gifts",
- "flex-layout.row#buy-button",
+ // "flex-layout.row#buy-button",
+ "html#buy-button",
"availability-subscriber",
"shipping-simulator",
"share#default"
@@ -154,15 +155,22 @@
}
},
- "flex-layout.row#buy-button": {
+ "html#buy-button": {
"props": {
- "blockClass": "buy-button",
- "marginTop": 4,
- "marginBottom": 7
+ "blockClass": "buy-button"
},
"children": ["product-quantity#addToCart", "add-to-cart-button#addToCart"]
},
+ // "flex-layout.row#buy-button": {
+ // "props": {
+ // "blockClass": "buy-button",
+ // "marginTop": 4,
+ // "marginBottom": 7
+ // },
+ // "children": ["product-quantity#addToCart", "add-to-cart-button#addToCart"]
+ // },
+
"product-quantity#addToCart": {
"props": {
"blockClass": "addToCartQuantity",
diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css
index 81488fe..c9874dd 100644
--- a/styles/css/vtex.flex-layout.css
+++ b/styles/css/vtex.flex-layout.css
@@ -112,12 +112,6 @@
padding-bottom: 1rem;
}
-.flexRowContent--buy-button :global(.vtex-button) {
- background: black;
- border: none;
- border-radius: 0;
-}
-
.flexRowContent--product-container {
padding: 0 40px;
}
\ No newline at end of file
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 385e033..a7c695f 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -19,7 +19,6 @@
.carouselGaleryThumbs {
max-height: 90px;
- width: 80%;
}
.productImageTag--main {
@@ -89,6 +88,10 @@
font-size: 14px;
}
+.productImagesThumb {
+ max-width: 90px;
+ margin-right: 16px;
+}
.productImagesThumb .figure .thumbImg {
width: 90px;
height: 90px;
diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss
index 05339c1..01563a9 100644
--- a/styles/sass/pages/product/vtex.flex-layout.scss
+++ b/styles/sass/pages/product/vtex.flex-layout.scss
@@ -105,12 +105,6 @@
padding-bottom: 1rem;
}
-.flexRowContent--buy-button :global(.vtex-button) {
- background: black;
- border: none;
- border-radius: 0;
-}
-
.flexRowContent--product-container {
padding: 0 40px;
}
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index f1559ba..8a7348a 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -14,7 +14,6 @@
.carouselGaleryThumbs {
max-height: 90px;
- width: 80%;
}
.productImageTag--main {
@@ -89,6 +88,8 @@
}
.productImagesThumb {
+ max-width: 90px;
+ margin-right: 16px;
.figure {
.thumbImg {
width: 90px;