From 0fea085ecfa08867aed19a11f138fe80382a96a4 Mon Sep 17 00:00:00 2001
From: Thiago Bronisio <86695254+ThiagoBronisio@users.noreply.github.com>
Date: Wed, 8 Feb 2023 23:56:44 -0300
Subject: [PATCH] feat: add arrow slick

---
 store/blocks/pdp/product.jsonc                |  1 +
 styles/css/vtex.slider-layout.css             | 22 +++++++++++++
 .../pages/product/vtex.slider-layout.scss     | 33 ++++++++++++++-----
 3 files changed, 47 insertions(+), 9 deletions(-)

diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index 205688e..66ef4be 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -274,6 +274,7 @@
   "product-summary-name#name-prateleira": {
     "props": {
       "blockClass": "name-prateleira"
+
     }
   },
 
diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css
index ec86ae2..a9810ba 100644
--- a/styles/css/vtex.slider-layout.css
+++ b/styles/css/vtex.slider-layout.css
@@ -55,4 +55,26 @@
   height: 17px !important;
   background-color: #fff;
   border: 0.5px solid #000000;
+}
+.sliderLayoutContainer--prateleira .sliderLeftArrow--prateleira {
+  visibility: hidden;
+  margin: 0 0 0 40px;
+  padding: 0;
+  height: 29.6px;
+  width: 11.21px;
+}
+.sliderLayoutContainer--prateleira .sliderLeftArrow--prateleira::before {
+  visibility: visible;
+  content: url("https://agenciamagma.vtexassets.com/arquivos/arrow-left-thiagoBronisio.png");
+}
+.sliderLayoutContainer--prateleira .sliderRightArrow--prateleira {
+  visibility: hidden;
+  margin: 0 40px 0 0;
+  padding: 0;
+  height: 29.6px;
+  width: 11.21px;
+}
+.sliderLayoutContainer--prateleira .sliderRightArrow--prateleira::after {
+  visibility: visible;
+  content: url("https://agenciamagma.vtexassets.com/arquivos/arrow-right-thiagoBronisio.png");
 }
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss
index f5e588a..572cc4e 100644
--- a/styles/sass/pages/product/vtex.slider-layout.scss
+++ b/styles/sass/pages/product/vtex.slider-layout.scss
@@ -17,15 +17,6 @@
       @include mq(sm, max) {
         margin: 0 4px;
       }
-      // .slideChildrenContainer--prateleira {
-      //   margin-bottom: 32px;
-      //   @include mq(md, max) {
-      //     margin-bottom: 24px;
-      //   }
-      //   @include mq(sm, max) {
-      //     margin-bottom: 16px;
-      //   }
-      // }
     }
 
     .slideChildrenContainer--prateleira {
@@ -48,4 +39,28 @@
       border: 0.5px solid $color-black-padrao;
     }
   }
+
+  .sliderLeftArrow--prateleira {
+    visibility: hidden;
+    margin: 0 0 0 40px;
+    padding: 0;
+    height: 29.6px;
+    width: 11.21px;
+    &::before {
+      visibility: visible;
+      content: url("https://agenciamagma.vtexassets.com/arquivos/arrow-left-thiagoBronisio.png");
+    }
+  }
+
+  .sliderRightArrow--prateleira {
+    visibility: hidden;
+    margin: 0 40px 0 0;
+    padding: 0;
+    height: 29.6px;
+    width: 11.21px;
+    &::after {
+      visibility: visible;
+      content: url("https://agenciamagma.vtexassets.com/arquivos/arrow-right-thiagoBronisio.png");
+    }
+  }
 }