Merge pull request 'feat: adiciona css prateleira e newsletter 1024px' (#25) from feature/adiciona-css-prateleira-newsletter-1024px into development

Reviewed-on: #25

store/blocks/pdp/product.jsonc

@@ -262,6 +262,18 @@
     "blocks": ["product-summary.shelf#shelfProducts"],
     "children": ["slider-layout#demo-products"]
   },
+
+  "slider-layout#demo-products": {
+    "props": {
+      "blockClass": "shelf",
+      "itemsPerPage": {
+        "desktop": 4,
+        "tablet": 3,
+        "phone": 2
+      }
+    }
+  },
+
   "newsletter#pageProduct": {
     "props": {
       "blockClass": "pageProduct",

styles/css/vtex.flex-layout.css

@@ -119,6 +119,9 @@
 }
 
 @media (max-width: 1024px) {
+  .flexRowContent--product-container {
+    width: 100%;
+  }
   .flexRowContent--product-container .flexRowContent {
     flex-direction: column;
   }

styles/css/vtex.store-components.css

@@ -30,6 +30,7 @@
 
 .carouselGaleryThumbs {
   max-height: 90px;
+  display: block;
 }
 
 .productImageTag--main {
@@ -464,10 +465,16 @@
 }
 
 @media (max-width: 1024px) {
+  .container {
+    padding: 0 40px;
+  }
   .productBrand--quickview {
     justify-content: flex-start;
     margin-top: 32px;
   }
+  .container--pageProduct {
+    width: 96%;
+  }
   .form .content {
     width: 100%;
     max-width: 100%;

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

@@ -112,6 +112,7 @@
 
 @media (max-width: 1024px) {
   .flexRowContent--product-container {
+    width: 100%;
     .flexRowContent {
       flex-direction: column;
     }

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

@@ -19,6 +19,7 @@
 
 .carouselGaleryThumbs {
   max-height: 90px;
+  display: block;
 }
 
 .productImageTag--main {
@@ -476,11 +477,18 @@
 }
 
 @media (max-width: 1024px) {
+  .container {
+    padding: 0 40px;
+  }
   .productBrand--quickview {
     justify-content: flex-start;
     margin-top: 32px;
   }
 
+  .container--pageProduct {
+    width: 96%;
+  }
+
   .form {
     .content {
       width: 100%;