From 8d59c70a9439588ead8ed8cc5f78622b6b6c4bad Mon Sep 17 00:00:00 2001
From: Rafael Sampaio <rafael.sampa1989@gmail.com>
Date: Tue, 24 Jan 2023 17:01:15 -0300
Subject: [PATCH] =?UTF-8?q?feat/estilos-iniciais-carousel-bot=C3=A3o-add-c?=
 =?UTF-8?q?arrinho?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 store/blocks/minicart.jsonc                   |  3 +-
 store/blocks/pdp/product.jsonc                | 12 +++++---
 .../{quickview.json => quickview.jsonc}       | 28 +++++--------------
 styles/css/vtex.flex-layout.css               |  4 +++
 styles/css/vtex.store-components.css          | 26 +++++++++++------
 5 files changed, 38 insertions(+), 35 deletions(-)
 rename store/blocks/product-summary/{quickview.json => quickview.jsonc} (85%)

diff --git a/store/blocks/minicart.jsonc b/store/blocks/minicart.jsonc
index 5c797c2..09b9b31 100644
--- a/store/blocks/minicart.jsonc
+++ b/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"
     }
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index 4acbb57..1630fbc 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/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": {
diff --git a/store/blocks/product-summary/quickview.json b/store/blocks/product-summary/quickview.jsonc
similarity index 85%
rename from store/blocks/product-summary/quickview.json
rename to store/blocks/product-summary/quickview.jsonc
index 723d4a0..2224337 100644
--- a/store/blocks/product-summary/quickview.json
+++ b/store/blocks/product-summary/quickview.jsonc
@@ -1,9 +1,6 @@
 {
   "modal-trigger#quickview": {
-    "children": [
-      "icon-expand",
-      "modal-layout#quickview"
-    ],
+    "children": ["icon-expand", "modal-layout#quickview"],
     "props": {
       "blockClass": "quickview"
     }
@@ -63,9 +60,7 @@
   },
 
   "flex-layout.col#quickview-product-quantity": {
-    "children": [
-      "product-summary-quantity#quickview"
-    ]
+    "children": ["product-summary-quantity#quickview"]
   },
   "product-summary-quantity#quickview": {
     "props": {
@@ -74,18 +69,14 @@
     }
   },
   "flex-layout.col#quickview-add-to-card-button": {
-    "children": [
-      "add-to-cart-button"
-    ],
+    "children": ["add-to-cart-button"],
     "props": {
       "width": "grow"
     }
   },
 
   "flex-layout.row#quickview-actions-2": {
-    "children": [
-      "link.product#button-pdp"
-    ]
+    "children": ["link.product#button-pdp"]
   },
   "link.product#button-pdp": {
     "props": {
@@ -107,15 +98,10 @@
     }
   },
   "flex-layout.col#quickview-images": {
-    "children": [
-      "product-images#quickview"
-    ]
+    "children": ["product-images#quickview"]
   },
   "flex-layout.col#quickview-product-details": {
-    "children": [
-      "modal-content#quickview",
-      "modal-actions#quickview"
-    ],
+    "children": ["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
diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css
index 8edbfc4..f1720d1 100644
--- a/styles/css/vtex.flex-layout.css
+++ b/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;
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 94af4c8..91a1b12 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -11,15 +11,23 @@
   background: red;
 }
 
-.caretIcon {
-  display: none;
-}
-
-.swiper-pagination {
-  display: none;
-}
-
-.productNameContainer--quickview {
+.productBrand--quickview {
   display: flex;
   justify-content: end;
 }
+
+.carouselGaleryThumbs {
+  max-height: 90px;
+}
+
+.productImageTag--main {
+  max-width: 664px;
+}
+
+.carouselThumbBorder {
+  display: none;
+}
+
+.thumbImg {
+  width: 90px;
+}