diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 735252c..a4516b5 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -60,7 +60,7 @@ "blockClass": "product" }, "children": [ - "flex-layout.row#product-image", + "html#images", "product-bookmark", "product-specification-badges" ] @@ -83,14 +83,17 @@ "rowGap": 0 } }, - "flex-layout.row#product-image": { + "html#images": { + "props": { + "testId": "product-images" + }, "children": ["product-images"] }, "product-images": { "props": { "aspectRatio": { "desktop": "auto", - "phone": "16:9" + "phone": "auto" }, "showNavigationArrows": false, "showPaginationDots": false, @@ -259,7 +262,8 @@ "product-images#imageDescription": { "props": { "displayMode": "first-image", - "blockClass": "img-description" + "blockClass": "img-description", + "zoomMode": "disabled" } }, @@ -304,7 +308,7 @@ "phone": 1 }, "infinite": true, - "showNavigationArrows": "desktopOnly", + "showNavigationArrows": "always", "blockClass": "carousel" } }, diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 238f3ad..35694a3 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -84,6 +84,7 @@ } .carouselGaleryThumbs { + display: block; margin-top: 16px; } diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 1b8ba22..61efec1 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -79,7 +79,8 @@ } .carouselGaleryThumbs { -margin-top: 16px; + display: block; + margin-top: 16px; } .productImagesThumb {