feat: adição do newsletter e prateleira de sugeridos

store/blocks/pdp/product.jsonc

@@ -4,10 +4,12 @@
       "html#breadcrumb",
       "condition-layout.product#availability",
       "tab-layout#desc",
-      // "flex-layout.row#specifications-title",
+      "flex-layout.row#specifications-title",
       // "product-specification-group#table",
-      "shelf.relatedProducts",
+      // "shelf.relatedProducts",
-      "product-questions-and-answers"
+      "list-context.product-list#demo1",
+      "product-questions-and-answers",
+      "newsletter"
     ]
   },
   "html#breadcrumb": {
@@ -307,5 +309,34 @@
         "Pinterest": true
       }
     }
+  },
+
+  "list-context.product-list#demo1": {
+    "blocks": ["product-summary.shelf#demo1"],
+    "children": ["slider-layout#demo-products"]
+  },
+
+  "product-summary.shelf#demo1": {
+    "children": [
+      "product-summary-name",
+      "product-summary-description",
+      "product-summary-image",
+      "product-summary-price",
+      "product-summary-sku-selector",
+      "product-summary-buy-button"
+    ]
+  },
+
+  "slider-layout#demo-products": {
+    "props": {
+      "itemsPerPage": {
+        "desktop": 4,
+        "tablet": 3,
+        "phone": 2
+      },
+      "infinite": true,
+      "showNavigationArrows": "desktopOnly",
+      "blockClass": "carousel"
+    }
   }
 }

styles/css/vtex.flex-layout.css

@@ -19,3 +19,10 @@
 :global(.vtex-store-components-3-x-container) :global(.vtex-store-components-3-x-carouselGaleryThumbs) .swiper-container .swiper-wrapper {
   display: none;
 }
+
+.flexColChild :global(.vtex-store-components-3-x-productDescriptionTitle) {
+  margin-left: 32px;
+}
+.flexColChild :global(.vtex-store-components-3-x-container) {
+  padding: 0 32px;
+}

styles/css/vtex.rich-text.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*
 0 - 600PX: Phone
 600 - 900px: Table portrait
@@ -7,3 +8,21 @@
 */
 /* Media Query M3 */
 /* Grid breakpoints */
+.container {
+  justify-content: center;
+  padding: 16px 0;
+}
+.container .heading {
+  font-size: 0;
+  text-align: center;
+}
+.container .heading::before {
+  content: "Você também pode gostar:";
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 24px;
+  line-height: 38px;
+  text-align: center;
+  color: #575757;
+}

styles/css/vtex.shelf.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 /*
 0 - 600PX: Phone
 600 - 900px: Table portrait
@@ -8,17 +7,3 @@
 */
 /* Media Query M3 */
 /* Grid breakpoints */
-.title {
-  font-size: 0;
-}
-
-.title::before {
-  content: "Você também pode gostar:";
-  font-family: "Open Sans", sans-serif;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 24px;
-  line-height: 38px;
-  text-align: center;
-  color: #575757;
-}

styles/css/vtex.store-components.css

@@ -86,7 +86,7 @@
   border-radius: 0;
 }
 .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-input) {
-  padding: 0;
+  padding: 8px 0;
 }
 .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) {
   display: flex;

styles/sass/pages/product/vtex.flex-layout.scss

@@ -13,3 +13,13 @@
     }
   }
 }
+
+.flexColChild {
+  :global(.vtex-store-components-3-x-productDescriptionTitle) {
+    margin-left: 32px;
+  }
+
+  :global(.vtex-store-components-3-x-container) {
+    padding: 0 32px;
+  }
+}

styles/sass/pages/product/vtex.product-identifier.scss

@@ -1,7 +1,6 @@
 .product-identifier {
   display: flex;
   justify-content: flex-end;
-  // margin-right: 40px;
 
   font-family: "Open Sans", sans-serif;
   font-style: normal;

styles/sass/pages/product/vtex.rich-text.scss

@@ -0,0 +1,22 @@
+.container {
+  justify-content: center;
+  padding: 16px 0;
+  
+  .heading {
+    font-size: 0;
+    text-align: center;
+  }
+
+  .heading::before {
+    content: 'Você também pode gostar:';
+    font-family: 'Open Sans', sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 38px;
+
+    text-align: center;
+
+    color: #575757;
+  }
+}

styles/sass/pages/product/vtex.shelf.scss

@@ -1,16 +0,0 @@
-.title {
-  font-size: 0;
-}
-
-.title::before {
-  content: 'Você também pode gostar:';
-  font-family: 'Open Sans', sans-serif;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 24px;
-  line-height: 38px;
-
-  text-align: center;
-
-  color: #575757;
-}

styles/sass/pages/product/vtex.store-components.scss

@@ -91,7 +91,7 @@
         border-radius: 0;
 
         :global(.vtex-address-form-4-x-input) {
-          padding: 0;
+          padding: 8px 0;
         }
       }
     }