diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 5483354..edad1b4 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -4,10 +4,12 @@ "html#breadcrumb", "condition-layout.product#availability", "tab-layout#desc", - // "flex-layout.row#specifications-title", + "flex-layout.row#specifications-title", // "product-specification-group#table", - "shelf.relatedProducts", - "product-questions-and-answers" + // "shelf.relatedProducts", + "list-context.product-list#demo1", + "product-questions-and-answers", + "newsletter" ] }, "html#breadcrumb": { @@ -307,5 +309,34 @@ "Pinterest": true } } + }, + + "list-context.product-list#demo1": { + "blocks": ["product-summary.shelf#demo1"], + "children": ["slider-layout#demo-products"] + }, + + "product-summary.shelf#demo1": { + "children": [ + "product-summary-name", + "product-summary-description", + "product-summary-image", + "product-summary-price", + "product-summary-sku-selector", + "product-summary-buy-button" + ] + }, + + "slider-layout#demo-products": { + "props": { + "itemsPerPage": { + "desktop": 4, + "tablet": 3, + "phone": 2 + }, + "infinite": true, + "showNavigationArrows": "desktopOnly", + "blockClass": "carousel" + } } } diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 6368f7e..47fc34d 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -18,4 +18,11 @@ } :global(.vtex-store-components-3-x-container) :global(.vtex-store-components-3-x-carouselGaleryThumbs) .swiper-container .swiper-wrapper { display: none; +} + +.flexColChild :global(.vtex-store-components-3-x-productDescriptionTitle) { + margin-left: 32px; +} +.flexColChild :global(.vtex-store-components-3-x-container) { + padding: 0 32px; } \ No newline at end of file diff --git a/styles/css/vtex.rich-text.css b/styles/css/vtex.rich-text.css index 34c4328..c665577 100644 --- a/styles/css/vtex.rich-text.css +++ b/styles/css/vtex.rich-text.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; /* 0 - 600PX: Phone 600 - 900px: Table portrait @@ -6,4 +7,22 @@ 1800px + : Big desktop */ /* Media Query M3 */ -/* Grid breakpoints */ \ No newline at end of file +/* Grid breakpoints */ +.container { + justify-content: center; + padding: 16px 0; +} +.container .heading { + font-size: 0; + text-align: center; +} +.container .heading::before { + content: "Você também pode gostar:"; + font-family: "Open Sans", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 24px; + line-height: 38px; + text-align: center; + color: #575757; +} \ No newline at end of file diff --git a/styles/css/vtex.shelf.css b/styles/css/vtex.shelf.css index f65c000..34c4328 100644 --- a/styles/css/vtex.shelf.css +++ b/styles/css/vtex.shelf.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; /* 0 - 600PX: Phone 600 - 900px: Table portrait @@ -7,18 +6,4 @@ 1800px + : Big desktop */ /* Media Query M3 */ -/* Grid breakpoints */ -.title { - font-size: 0; -} - -.title::before { - content: "Você também pode gostar:"; - font-family: "Open Sans", sans-serif; - font-style: normal; - font-weight: 400; - font-size: 24px; - line-height: 38px; - text-align: center; - color: #575757; -} \ No newline at end of file +/* Grid breakpoints */ \ No newline at end of file diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 40dee3e..3981649 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -86,7 +86,7 @@ border-radius: 0; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-input) { - padding: 0; + padding: 8px 0; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) { display: flex; diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index f4ec39f..79b979a 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -13,3 +13,13 @@ } } } + +.flexColChild { + :global(.vtex-store-components-3-x-productDescriptionTitle) { + margin-left: 32px; + } + + :global(.vtex-store-components-3-x-container) { + padding: 0 32px; + } +} diff --git a/styles/sass/pages/product/vtex.product-identifier.scss b/styles/sass/pages/product/vtex.product-identifier.scss index 2ed5873..8bcca6b 100644 --- a/styles/sass/pages/product/vtex.product-identifier.scss +++ b/styles/sass/pages/product/vtex.product-identifier.scss @@ -1,7 +1,6 @@ .product-identifier { display: flex; justify-content: flex-end; - // margin-right: 40px; font-family: "Open Sans", sans-serif; font-style: normal; diff --git a/styles/sass/pages/product/vtex.rich-text.scss b/styles/sass/pages/product/vtex.rich-text.scss new file mode 100644 index 0000000..d311fb3 --- /dev/null +++ b/styles/sass/pages/product/vtex.rich-text.scss @@ -0,0 +1,22 @@ +.container { + justify-content: center; + padding: 16px 0; + + .heading { + font-size: 0; + text-align: center; + } + + .heading::before { + content: 'Você também pode gostar:'; + font-family: 'Open Sans', sans-serif; + font-style: normal; + font-weight: 400; + font-size: 24px; + line-height: 38px; + + text-align: center; + + color: #575757; + } +} diff --git a/styles/sass/pages/product/vtex.shelf.scss b/styles/sass/pages/product/vtex.shelf.scss deleted file mode 100644 index 4cbba16..0000000 --- a/styles/sass/pages/product/vtex.shelf.scss +++ /dev/null @@ -1,16 +0,0 @@ -.title { - font-size: 0; -} - -.title::before { - content: 'Você também pode gostar:'; - font-family: 'Open Sans', sans-serif; - font-style: normal; - font-weight: 400; - font-size: 24px; - line-height: 38px; - - text-align: center; - - color: #575757; -} diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index e86295f..feb2e28 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -91,7 +91,7 @@ border-radius: 0; :global(.vtex-address-form-4-x-input) { - padding: 0; + padding: 8px 0; } } }