diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 1bb92b5..0fb9fb9 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -5,6 +5,10 @@
max-height: 664px !important;
}
+[class*="vtex-store-components-3-x-caretIcon"] {
+ display: none;
+}
+
[class*="flexRow--button-cart"] :global(.vtex-button) {
background-color: black;
border-color: black;
@@ -533,6 +537,12 @@
margin: 0 40px;
}
+[class="vtex-store-components-3-x-newsletter"] :global(.vtex-input) {
+ border: none !important;
+ border-bottom: 1px solid white !important;
+ border-radius: 0 !important;
+}
+
@media (max-width: 1024px) {
[class*="listContainer"] {
flex-direction: column;
@@ -620,3 +630,107 @@
gap: 0px;
}
}
+
+@media (min-width: 2500px) {
+ [class*="vtex-store-components-3-x-container"] {
+ width: 75%;
+ margin: auto !important;
+ }
+
+ [class="vtex-product-price-1-x-sellingPrice"] {
+ font-family: "Open Sans";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 25px;
+ line-height: 38px;
+ color: #000000;
+ width: 116px;
+ height: 38px;
+ }
+
+ [class="installments--m3-custom-installments"] {
+ font-family: "Open Sans";
+ font-style: normal;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 22px;
+ color: #929292;
+ }
+
+ [class*="skuSelectorSubcontainer--tamanho"]
+ :global(.vtex-store-components-3-x-skuSelectorName)::after {
+ width: 904px;
+ height: 19px;
+ font-family: "Open Sans";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 19px;
+ color: #929292;
+ }
+
+ [class*="skuSelectorSubcontainer--cor"]
+ :global(.vtex-store-components-3-x-skuSelectorName)::after {
+ width: 904px;
+ height: 19px;
+ font-family: "Open Sans";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 19px;
+ color: #929292;
+ }
+
+ [class*="vtex-address-form__postalCode"] :global(.vtex-input__label)::after {
+ width: 116px;
+ height: 19px;
+ font-family: "Open Sans";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 19px;
+ color: #929292;
+ }
+
+ [class*="flexRow--button-cart"] {
+ width: 100%;
+ }
+}
+
+@media (max-width: 639px) {
+ [class*="imageNormal"] {
+ width: 124.8px;
+ height: 124.8px;
+ }
+ [class*="shippingTable"] {
+ display: none;
+ }
+ [class*="vtex-store-components-3-x-carouselContainer"] :global(.dn) {
+ display: block;
+ }
+
+ [class*="vtex-store-components-3-x-caretIcon"] {
+ display: none;
+ }
+}
+
+@media (max-width: 800px) {
+ [class*="flexRow--button-cart"] {
+ background-color: black;
+ border-color: black;
+ width: 73.464%;
+ height: 49px;
+ position: relative;
+ bottom: 14px;
+ left: -4px;
+ margin-left: 5px;
+ }
+ [class*="agenciamagma-store-theme-5-x-html--shipping"] {
+ position: relative !important;
+ bottom: 18.5px !important;
+ margin-top: 16px !important;
+ }
+}
+
+@media (max-width: 425px) {
+}
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index c1d5510..e65a029 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -40,13 +40,20 @@
}
},
- "product-summary.shelf#demo1": {
+ "html#prateleira": {
+ "props": { "testId": "vtex-product-summary" },
"children": [
- "product-summary-image",
+ "product-summary-image#shelf",
"product-summary-name",
- "product-summary-price"
+ "product-list-price",
+ "product-selling-price#summary"
]
},
+
+ "product-summary.shelf#demo1": {
+ "props": {},
+ "children": ["html#prateleira"]
+ },
"list-context.product-list#produtos": {
"blocks": ["product-summary.shelf#demo1"],
"children": ["html#slider"]
@@ -176,7 +183,7 @@
"html#codigo",
"product-rating-summary",
"flex-layout.row#list-price-savings",
- "flex-layout.row#selling-price",
+ "html#selling-price",
"html#product-installments",
"html#pix",
"html#sku-selector",
@@ -188,6 +195,11 @@
]
},
+ "html#selling-price": {
+ "props": { "testId": "product-price" },
+ "children": ["flex-layout.row#selling-price"]
+ },
+
"html#sku-selector": {
"props": { "testId": "sku-selector" },
"children": ["sku-selector"]
diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
index 76faa63..b12705a 100644
--- a/styles/css/vtex.breadcrumb.css
+++ b/styles/css/vtex.breadcrumb.css
@@ -6,3 +6,14 @@
position: relative;
bottom: 2px;
}
+
+.container {
+ margin: 0 40px;
+}
+
+@media (min-width: 2500px) {
+ .container {
+ width: 75%;
+ margin: auto;
+ }
+}