From 4e3b6b6537a090f7927810b444edcd223dc24f62 Mon Sep 17 00:00:00 2001
From: Rallenson <Rallenson900@gmail.com>
Date: Sun, 5 Feb 2023 21:11:23 -0300
Subject: [PATCH] feat(parteleira):add prateleira

---
 react/components/Html/styles.css              | 17 ++++-
 store/blocks/pdp/product.jsonc                | 62 ++++++++++++++++---
 styles/css/vtex.rich-text.css                 | 13 +++-
 styles/sass/pages/product/vtex.rich-text.scss | 15 +++++
 4 files changed, 95 insertions(+), 12 deletions(-)

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 3ab5439..1c696b6 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -11,7 +11,7 @@
 .html--pdp-section_descriptions{
   display: flex;
   flex-direction: column;
-  gap: 32;
+  gap: 32px;
   padding: 0px 40px 0px 40px;
 }
 .html--pdp-section_descriptions :global(.vtex-flex-layout-0-x-flexRowContent){
@@ -36,6 +36,7 @@
   list-style: none;
   margin: 0;
 }
+
 .html--pdp-departamens div ul li button{
   outline: none;
   border: none;
@@ -55,3 +56,17 @@
 .html--pdp-productMain :global(.vtex-store-components-3-x-container){
   max-width: 100%;
 }
+
+@media screen and (max-width: 1024px) {
+  .html--pdp-departamens div ul{
+    flex-direction: column;
+    justify-content: end;
+    padding: 0;
+  }
+  .html--pdp-departamens div ul li  :global(button.open){
+    border-bottom: none;
+  }
+  .html--pdp-departamens ul{
+    border-top: 1px solid rgba(185, 185, 185, 1);
+  }
+}
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index efde6ab..7dc3fbc 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -3,9 +3,51 @@
     "children": [
       "html#breadcrumb",
       "condition-layout.product#availability",
-      "html#departaments"
+      "html#departaments",
+      "flex-layout.row#specifications-title",
+      "html#carousel"
     ]
   },
+  "html#carousel":{
+    "children":["flex-layout.row#shelfpdp"]
+  },
+  "flex-layout.row#shelfpdp": {
+    "props":{
+      "blockClass":"pdp-carrousel"
+    },
+    "children": ["list-context.product-list#pdp"]
+  },
+  "list-context.product-list#pdp": {
+    "blocks": ["product-summary.shelf#Pdp"],
+    "children": ["slider-layout#demo-products#pdp"],
+    "props": {
+      "orderBy": "OrderByTopSaleDESC"
+    }
+  },
+  "slider-layout#demo-products#pdp": {
+    "props": {
+      "itemsPerPage": {
+        "desktop": 4,
+        "tablet": 3,
+        "phone": 2
+      },
+      "infinite": true,
+      "fullWidth": true,
+      "blockClass": "pdp"
+    }
+  },
+
+  "product-summary.shelf#Pdp": {
+    "children": [
+      "stack-layout#prodsum",
+      "product-summary-name",
+      "product-summary-space",
+      "product-list-price#summary",
+      "product-installments#summary",
+      "flex-layout.row#selling-price-savings"
+    ]
+  },
+
   "html#breadcrumb": {
     "props": {
       "tag": "section",
@@ -34,16 +76,18 @@
   "flex-layout.row#specifications-title": {
     "children": ["rich-text#specifications"]
   },
+
   "rich-text#specifications": {
     "props": {
-      "text": "##### Product Specifications"
+      "text": "##### Você também pode gostar:",
+      "blockClass": "pdp-specifications"
     }
   },
   "flex-layout.row#description": {
     "props": {
       "width": "66%"
     },
-    "children": ["product-images#description","product-description"]
+    "children": ["product-images#description", "product-description"]
   },
   "condition-layout.product#availability": {
     "props": {
@@ -103,7 +147,7 @@
       "testId": "description",
       "blockClass": "pdp-section_descriptions"
     },
-    "children": ["html#Sections","html#description"]
+    "children": ["html#Sections", "html#description"]
   },
   "html#description": {
     "props": {
@@ -111,18 +155,16 @@
       "testId": "description",
       "blockClass": "pdp-descriptions"
     },
-    "children": [
-      "flex-layout.row#description"
-    ]
+    "children": ["flex-layout.row#description"]
   },
 
   "flex-layout.col#stack": {
     "children": ["stack-layout"],
     "props": {
       "rowGap": 10,
-      "width":"50%",
+      "width": "50%",
       "blockClass": "StackLayout",
-      "htmlId":"teste"
+      "htmlId": "teste"
     }
   },
   "flex-layout.row#product-image": {
@@ -152,7 +194,7 @@
       "showPaginationDots": false,
       "thumbnailVisibility": "hiden",
       "displayMode": "first-image",
-      "zoomMode":"disabled"
+      "zoomMode": "disabled"
     }
   },
   "flex-layout.col#right-col": {
diff --git a/styles/css/vtex.rich-text.css b/styles/css/vtex.rich-text.css
index 34c4328..d4e5e71 100644
--- a/styles/css/vtex.rich-text.css
+++ b/styles/css/vtex.rich-text.css
@@ -6,4 +6,15 @@
 1800px + : Big desktop
 */
 /* Media Query M3 */
-/* Grid breakpoints */
\ No newline at end of file
+/* Grid breakpoints */
+.container--pdp-specifications {
+  justify-content: center;
+}
+.container--pdp-specifications .wrapper--pdp-specifications .heading {
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 24px;
+  line-height: 38px;
+  color: #575757;
+}
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.rich-text.scss b/styles/sass/pages/product/vtex.rich-text.scss
index e69de29..6bfa5b8 100644
--- a/styles/sass/pages/product/vtex.rich-text.scss
+++ b/styles/sass/pages/product/vtex.rich-text.scss
@@ -0,0 +1,15 @@
+.container{
+  &--pdp-specifications{
+    justify-content: center;
+    .wrapper--pdp-specifications{
+      .heading{
+        font-family: 'Open Sans',sans-serif;
+        font-style: normal;
+        font-weight: 400;
+        font-size: 24px;
+        line-height: 38px;
+        color: #575757;
+      }
+    }
+  }
+}