diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index f71d340..faf0aee 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -13,9 +13,6 @@ :global(.vtex-store-components-3-x-container) :global(.vtex-store-components-3-x-productImageTag) { max-height: 664px !important; } -:global(.vtex-store-components-3-x-container) :global(.vtex-store-components-3-x-carouselGaleryThumbs) :global(.vtex-store-components-3-x-figure--video) { - display: none; -} .flexColChild :global(.vtex-store-components-3-x-productDescriptionTitle) { margin-left: 32px; diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 6fff9b7..5bbb00e 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -74,6 +74,22 @@ line-height: 19px; } +.productImageTag { + width: auto !important; +} + +.carouselGaleryThumbs :first-child { + height: 90px; +} +.carouselGaleryThumbs :first-child :first-child { + gap: 16px !important; +} +.carouselGaleryThumbs :first-child :first-child .productImagesThumb { + width: 13.605%; + height: fit-content !important; + margin: 0; +} + .productBrand { display: flex; justify-content: flex-end; diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index 09d3b0a..34b6522 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -4,15 +4,6 @@ :global(.vtex-store-components-3-x-productImageTag) { max-height: 664px !important; } - :global(.vtex-store-components-3-x-carouselGaleryThumbs) { - // display: none !important; - // :global(.vtex-store-components-3-x-carouselGaleryThumbs) > .swiper-wrapper { - // display: none; - // } - :global(.vtex-store-components-3-x-figure--video) { - display: none; - } - } } .flexColChild { diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index dc9b37f..d5f78e1 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -71,6 +71,26 @@ } } +.productImageTag { + width: auto !important; +} + +.carouselGaleryThumbs { + :first-child { + height: 90px; + + :first-child { + gap: 16px !important; + + .productImagesThumb { + width: 13.605%; + height: fit-content !important; + margin: 0; + } + } + } +} + .productBrand { display: flex; justify-content: flex-end;