From ed41362db8a6ba1740a50314be8e05bf92343bb2 Mon Sep 17 00:00:00 2001
From: Rafael Sampaio <rafael.sampa1989@gmail.com>
Date: Mon, 30 Jan 2023 09:35:29 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20adiciona=20espa=C3=A7amento=20lateral?=
 =?UTF-8?q?=20descri=C3=A7=C3=A3o=20produto?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react/components/Html/styles.css               | 4 ++++
 react/components/PixPrice/PixPrice.tsx         | 8 +++++---
 store/blocks/pdp/product-description.jsonc     | 8 +++++++-
 store/blocks/pdp/product.jsonc                 | 2 +-
 styles/css/vtex.breadcrumb.css                 | 2 +-
 styles/sass/pages/product/vtex.breadcrumb.scss | 2 +-
 6 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 186743f..87194e8 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -20,3 +20,7 @@
 [class*="html--descriptionText"] {
   width: 50%;
 }
+
+[class*="html--productDescription"] {
+  padding: 0 40px;
+}
diff --git a/react/components/PixPrice/PixPrice.tsx b/react/components/PixPrice/PixPrice.tsx
index 1909a52..9336129 100644
--- a/react/components/PixPrice/PixPrice.tsx
+++ b/react/components/PixPrice/PixPrice.tsx
@@ -3,11 +3,13 @@ import { useProduct } from "vtex.product-context";
 import styles from "./styles.module.css";
 
 const PixPrice = () => {
-  // const inputCep = document.querySelectorAll(".vtex-address-form-4-x-input");
+  // useEffect(() => {
+  //   const inputCep = document.querySelectorAll(".vtex-address-form-4-x-input");
 
-  // console.log(inputCep);
+  //   // inputCep.setAttribute('placeholder', 'Digite seu CEP');
 
-  // .placeholder = "Type name here..";
+  //   console.log(inputCep);
+  // });
 
   const productContextValue = useProduct();
 
diff --git a/store/blocks/pdp/product-description.jsonc b/store/blocks/pdp/product-description.jsonc
index eddb3cf..ee7f091 100644
--- a/store/blocks/pdp/product-description.jsonc
+++ b/store/blocks/pdp/product-description.jsonc
@@ -1,5 +1,11 @@
 {
-  "tab-layout#productPage": {
+  "html#productDescription": {
+    "props": {
+      "blockClass": "productDescription"
+    },
+    "children": ["tab-layout#productDescription"]
+  },
+  "tab-layout#productDescription": {
     "children": ["tab-list#description", "tab-content#description"],
     "props": {
       "blockClass": "description",
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index d0e2bbf..43b1702 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -4,7 +4,7 @@
       "html#breadcrumb",
       "flex-layout.row#product-container",
       // "flex-layout.row#description",
-      "tab-layout#productPage",
+      "html#productDescription",
       // "flex-layout.row#specifications-title",
       // "product-specification-group#table",
       "shelf.relatedProducts",
diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
index 5646f60..c787889 100644
--- a/styles/css/vtex.breadcrumb.css
+++ b/styles/css/vtex.breadcrumb.css
@@ -31,7 +31,7 @@
   content: "Home";
   font-size: 16px;
   position: absolute;
-  top: 20%;
+  top: 17%;
 }
 
 .link--1 {
diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss
index 6a94c37..5881ba1 100644
--- a/styles/sass/pages/product/vtex.breadcrumb.scss
+++ b/styles/sass/pages/product/vtex.breadcrumb.scss
@@ -20,7 +20,7 @@
   content: "Home";
   font-size: 16px;
   position: absolute;
-  top: 20%;
+  top: 17%;
 }
 
 .link--1 {
-- 
2.34.1