Merge pull request 'feature/development' (#4) from feature/development into master

Reviewed-on: #4

store/blocks/pdp/product.jsonc

@@ -23,7 +23,8 @@
 
   "html#DescriptionSectionPDP":{
     "props": {
-      "tag": "section"
+      "tag": "section",
+      "testId": "tab-layout"
     },
     "children": [
       "tab-layout#pdp"
@@ -333,10 +334,17 @@
       "html#sku-selector",
       "flex-layout.row#quantity-and-buy-button",
       "availability-subscriber",
-      "shipping-simulator"
+      "html#shipping-simulator"
     ]
   },
 
+  "html#shipping-simulator": {
+    "props": {
+      "testId": "shipping-simulator"
+    },
+    "children": ["shipping-simulator"]
+  },
+
   "product-installments#m3": {
     "props": {
       "markers": ["discount"],

styles/css/vtex.store-components.css

@@ -8,6 +8,11 @@
 */
 /* Media Query M3 */
 /* Grid breakpoints */
+.flexRowContent--newsletter-footer .newsletter {
+  height: 175px;
+  background-color: #000000;
+}
+
 .searchBarContainer {
   padding: 0;
   align-self: center;
@@ -53,6 +58,9 @@
   display: flex;
   height: 100%;
 }
+.figure--product-images-pdp .thumbImg--product-images-pdp {
+  border-radius: 8px;
+}
 
 .productImage .productImageTag--main {
   object-fit: fill !important;
@@ -430,8 +438,4 @@
   .shippingTable .shippingTableBody .shippingTableRow {
     align-items: center;
   }
-}
-.flexRowContent--newsletter-footer .newsletter {
-  height: 175px;
-  background-color: #000000;
 }

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

@@ -5,6 +5,10 @@
 .figure--product-images-pdp{
   display: flex;
   height: 100%;
+
+  .thumbImg--product-images-pdp{
+    border-radius: 8px;
+  }
 }
 
 .productImage{