Merge pull request 'feat/estilos-iniciais-carousel-botão-add-carrinho' (#4) from feature/estilos-iniciais-corousel-botao-add-carrinho into development

Reviewed-on: #4

store/blocks/minicart.jsonc

@@ -1,6 +1,7 @@
 {
-  "add-to-cart-button": {
+  "add-to-cart-button#addToCart": {
     "props": {
+      "blockClass": "addToCart",
       "addToCartFeedback": "customEvent",
       "customPixelEventId": "add-to-cart-button"
     }

store/blocks/pdp/product.jsonc

@@ -78,7 +78,7 @@
   "flex-layout.col#stack": {
     "children": ["stack-layout"],
     "props": {
-      "width": "60%",
+      // "width": "644px",
       "rowGap": 0
     }
   },
@@ -91,7 +91,11 @@
         "desktop": "auto",
         "phone": "16:9"
       },
-      "displayThumbnailsArrows": true
+      "showNavigationArrows": false,
+      "showPaginationDots": false,
+      "maxHeight": 664,
+      "thumbnailsOrientation": "horizontal",
+      "thumbnailMaxHeight": 90
     }
   },
   "flex-layout.col#right-col": {
@@ -106,7 +110,6 @@
       "flex-layout.row#selling-price",
       "product-installments",
       "sku-selector",
-      "product-quantity",
       "product-assembly-options",
       "product-gifts",
       "flex-layout.row#buy-button",
@@ -145,10 +148,11 @@
 
   "flex-layout.row#buy-button": {
     "props": {
+      "blockClass": "buy-button",
       "marginTop": 4,
       "marginBottom": 7
     },
-    "children": ["add-to-cart-button"]
+    "children": ["product-quantity", "add-to-cart-button#addToCart"]
   },
 
   "flex-layout.row#product-availability": {

store/blocks/product-summary/quickview.jsonc

@@ -1,9 +1,6 @@
 {
   "modal-trigger#quickview": {
-    "children": [
+    "children": ["icon-expand", "modal-layout#quickview"],
-      "icon-expand",
-      "modal-layout#quickview"
-    ],
     "props": {
       "blockClass": "quickview"
     }
@@ -63,9 +60,7 @@
   },
 
   "flex-layout.col#quickview-product-quantity": {
-    "children": [
+    "children": ["product-summary-quantity#quickview"]
-      "product-summary-quantity#quickview"
-    ]
   },
   "product-summary-quantity#quickview": {
     "props": {
@@ -74,18 +69,14 @@
     }
   },
   "flex-layout.col#quickview-add-to-card-button": {
-    "children": [
+    "children": ["add-to-cart-button"],
-      "add-to-cart-button"
-    ],
     "props": {
       "width": "grow"
     }
   },
 
   "flex-layout.row#quickview-actions-2": {
-    "children": [
+    "children": ["link.product#button-pdp"]
-      "link.product#button-pdp"
-    ]
   },
   "link.product#button-pdp": {
     "props": {
@@ -107,15 +98,10 @@
     }
   },
   "flex-layout.col#quickview-images": {
-    "children": [
+    "children": ["product-images#quickview"]
-      "product-images#quickview"
-    ]
   },
   "flex-layout.col#quickview-product-details": {
-    "children": [
+    "children": ["modal-content#quickview", "modal-actions#quickview"],
-      "modal-content#quickview",
-      "modal-actions#quickview"
-    ],
     "props": {
       "preventVerticalStretch": true,
       "blockClass": "quickviewDetails"
@@ -134,7 +120,7 @@
       "blockClass": "quickview"
     }
   },
-  "product-images#quickview" : {
+  "product-images#quickview": {
     "props": {
       "blockClass": "quickview",
       "showNavigationArrows": true

styles/css/vtex.flex-layout.css

@@ -42,6 +42,10 @@
   font-size: 14px;
 }
 
+.flexRowContent--buy-button {
+  height: 49px;
+}
+
 .flexRow--deals {
   background-color: #0f3e99;
   padding: 14px 0px;

styles/css/vtex.store-components.css

@@ -11,15 +11,23 @@
   background: red;
 }
 
-.caretIcon {
+.productBrand--quickview {
-  display: none;
-}
-
-.swiper-pagination {
-  display: none;
-}
-
-.productNameContainer--quickview {
   display: flex;
   justify-content: end;
 }
+
+.carouselGaleryThumbs {
+  max-height: 90px;
+}
+
+.productImageTag--main {
+  max-width: 664px;
+}
+
+.carouselThumbBorder {
+  display: none;
+}
+
+.thumbImg {
+  width: 90px;
+}