store/blocks/pdp/product.jsonc

@@ -316,7 +316,7 @@
         "phone": 1
       },
       "infinite": true,
-      "showNavigationArrows": "desktopOnly",
+      "showNavigationArrows": "always",
       "blockClass": "carousel"
     },
     "children": []

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;
 }

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 {

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) {

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;