diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 1706b60..ca093e9 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -316,7 +316,7 @@ "phone": 1 }, "infinite": true, - "showNavigationArrows": "desktopOnly", + "showNavigationArrows": "always", "blockClass": "carousel" }, "children": [] diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css index ba43044..20531bb 100644 --- a/styles/css/vtex.slider-layout.css +++ b/styles/css/vtex.slider-layout.css @@ -24,7 +24,12 @@ background: black; } .sliderLayoutContainer .paginationDot--isActive { + width: 17px !important; + height: 17px !important; background: white; border: 0.5px solid black; - font-size: large; +} +.sliderLayoutContainer .paginationDotsContainer { + display: flex; + align-items: center; } \ No newline at end of file diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index f0c04ee..15d38b6 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -10,7 +10,7 @@ /* Grid breakpoints */ .container { max-width: 100%; - margin: 0 40px 0 40px !important; + padding: 0 40px 0 40px; } .productImageTag { @@ -25,9 +25,15 @@ } */ .productImagesThumb { + width: 100%; + max-width: 90px; margin-right: 16px; } +.thumbImg { + height: 90px; +} + .productBrand { display: flex; justify-content: flex-end; @@ -272,6 +278,7 @@ } .productDescriptionContainer .productDescriptionText .container { margin: 0 0 0 0 !important; + padding: 0 0 0 0 !important; } .newsletter { diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss index 36042b3..565499c 100644 --- a/styles/sass/pages/product/vtex.slider-layout.scss +++ b/styles/sass/pages/product/vtex.slider-layout.scss @@ -13,9 +13,14 @@ background: black; } .paginationDot--isActive { + width: 17px !important; + height: 17px !important; background: white; border: 0.5px solid black; - font-size: large; + } + .paginationDotsContainer { + display: flex; + align-items: center; } } @media screen and (max-width: 1024px) and (min-width: 768px) { diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 175d514..737b135 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -1,6 +1,7 @@ .container { max-width: 100%; - margin: 0 40px 0 40px !important; + //margin: 0 40px 0 40px !important; + padding: 0 40px 0 40px; } .productImageTag { max-height: none !important; @@ -14,8 +15,13 @@ */ .productImagesThumb { + width: 100%; + max-width: 90px; margin-right: 16px; } +.thumbImg { + height: 90px; +} .productBrand { display: flex; @@ -259,6 +265,7 @@ .productDescriptionText { .container { margin: 0 0 0 0 !important; + padding: 0 0 0 0 !important; } font-family: "Open Sans"; font-style: normal;