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; + } +}