diff --git a/react/components/descont-pix/index.tsx b/react/components/descont-pix/index.tsx index a8a7671..a141d52 100644 --- a/react/components/descont-pix/index.tsx +++ b/react/components/descont-pix/index.tsx @@ -5,34 +5,6 @@ import styles from "./styles.css"; export const DescontPix: FC = () => { const productContextValue = useProduct(); - console.log(productContextValue); - // const fetchApi = async () => { - // fetch("/api/checkout/pub/orderForms/simulation", { - // method: "POST", - // headers: { - // Accept: "application/json", - // "Content-Type": "application/json", - // }, - // body: ` - // { - // "items": [ - // { - // "id": ${productContextValue?.selectedItem?.itemId}, - // "seller": ${productContextValue?.selectedItem?.sellers[0].sellerId}, - // "quantity": ${productContextValue?.selectedQuantity} - // ] - // } - // ], - // "country": "BRA" - // }`, - // }) - // .then((response) => response.json()) - // .then((data) => { - // console.log(data) - // }) - // } - - // fetchApi(); let sellingPrice = Number(productContextValue?.product?.priceRange.sellingPrice.lowPrice); sellingPrice = (sellingPrice - (sellingPrice/10)); diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 2d41dfe..1b8515e 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -167,20 +167,39 @@ } }, - "product-summary.shelf#related-products-pdp": { + "html#product-summary.shelf#related-products-pdp": { + "props":{ + "testId": "vtex-product-summary", + "maxWidth": "100%" + }, "children": [ "stack-layout#prodsum", "product-summary-name", "product-summary-price" + ] + }, + + "product-summary.shelf#related-products-pdp": { + "children": [ + "html#product-summary.shelf#related-products-pdp" ], - "props":{ - "blockClass": "container-product-summary-related-products-pdp", - "maxWidth": "100%" + "props": { + "blockClass": "container-product-summary-related-products-pdp" } }, + "list-context.product-list#related-products-pdp": { "blocks": ["product-summary.shelf#related-products-pdp"], - "children": ["slider-layout#pratileira-pdp"] + "children": ["html#slider-layout#pratileira-pdp"] + }, + + "html#slider-layout#pratileira-pdp": { + "children": [ + "slider-layout#pratileira-pdp" + ], + "props": { + "testId": "product-summary-list" + } }, "slider-layout#pratileira-pdp": { @@ -195,9 +214,9 @@ }, "html#related-products-testid": { - "props": { - "testId": "vtex-product-summary" - }, + // "props": { + // "testId": "vtex-product-summary" + // }, "children": [ "rich-text#title-related-products", "list-context.product-list#related-products-pdp" diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index c7e54b7..f60137b 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -357,6 +357,16 @@ color: #929292; } +@media screen and (min-width: 1920px) { + .productDescriptionContainer--container-description-pdp .productDescriptionTitle--container-description-pdp { + font-size: 32px; + line-height: 32px; + } + .productDescriptionText--container-description-pdp { + font-size: 18px; + line-height: 25px; + } +} @media screen and (max-width: 1024px) { .productNameContainer { margin-top: 32px; diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css index 20a3ba8..550e48f 100644 --- a/styles/css/vtex.tab-layout.css +++ b/styles/css/vtex.tab-layout.css @@ -52,6 +52,13 @@ .container--description-pdp-tab-layout { padding: 0 360px; } + .listContainer--container-list-tab-layout-pdp .listItem { + width: 142px; + } + .listContainer--container-list-tab-layout-pdp .listItem :global(.vtex-button) :global(.vtex-button__label) { + font-size: 24px; + line-height: 38px; + } } @media screen and (max-width: 1024px) { .listContainer--container-list-tab-layout-pdp { diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 351c927..9b7b614 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -364,6 +364,20 @@ } +@media screen and (min-width: 1920px) { + .productDescriptionContainer--container-description-pdp{ + .productDescriptionTitle--container-description-pdp{ + font-size: 32px; + line-height: 32px; + } + } + + .productDescriptionText--container-description-pdp{ + font-size: 18px; + line-height: 25px; + } +} + @media screen and (max-width: 1024px) { .productNameContainer{ margin-top: 32px; diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss index 3be8dff..a30da98 100644 --- a/styles/sass/pages/product/vtex.tab-layout.scss +++ b/styles/sass/pages/product/vtex.tab-layout.scss @@ -54,6 +54,19 @@ .container--description-pdp-tab-layout{ padding: 0 360px; } + + .listContainer--container-list-tab-layout-pdp{ + .listItem{ + width: 142px; + + :global(.vtex-button){ + :global(.vtex-button__label){ + font-size: 24px; + line-height: 38px; + } + } + } + } } @media screen and (max-width: 1024px) {