feat: adiciona estilos nome-referencia-parcelamento

manifest.json

@@ -15,7 +15,6 @@
     "postreleasy": "vtex publish --verbose"
   },
   "dependencies": {
-    "agenciamagma.store-theme": "5.x",
     "vtex.store": "2.x",
     "vtex.store-header": "2.x",
     "vtex.product-summary": "2.x",

store/blocks/pdp/product.jsonc

@@ -101,12 +101,10 @@
     },
     "children": [
       "flex-layout.row#product-name",
+      "product-identifier.product",
       "product-rating-summary",
-      "flex-layout.row#list-price-savings",
       "flex-layout.row#selling-price",
       "product-installments",
-      "product-separator",
-      "product-identifier.product",
       "sku-selector",
       "product-quantity",
       "product-assembly-options",
@@ -125,6 +123,19 @@
     "children": ["vtex.store-components:product-name"]
   },
 
+  "product-identifier.product": {
+    "props": {
+      "label": "hide",
+      "idField": "productReference"
+    }
+  },
+
+  "product-installments": {
+    "props": {
+      "message": "36 x de R$ 2,17 sem juros"
+    }
+  },
+
   "sku-selector": {
     "props": {
       "variationsSpacing": 3,
@@ -175,10 +186,10 @@
   "share#default": {
     "props": {
       "social": {
-        "Facebook": true,
-        "WhatsApp": true,
+        "Facebook": false,
+        "WhatsApp": false,
         "Twitter": false,
-        "Pinterest": true
+        "Pinterest": false
       }
     }
   }

store/blocks/product-price.jsonc

@@ -6,9 +6,7 @@
       "preventHorizontalStretch": true,
       "marginBottom": 4
     },
-    "children": [
-      "product-selling-price"
-    ]
+    "children": ["product-selling-price"]
   },
 
   "flex-layout.row#list-price-savings": {
@@ -19,9 +17,6 @@
       "marginBottom": 2,
       "marginTop": 5
     },
-    "children": [
-      "product-list-price",
-      "product-price-savings"
-    ]
+    "children": ["product-list-price", "product-price-savings"]
   }
 }

styles/css/vtex.breadcrumb.css

@@ -15,7 +15,7 @@
   content: "Home";
   font-size: 16px;
   position: absolute;
-  top: 18%;
+  top: 20%;
 }
 
 .link--1 {

styles/css/vtex.flex-layout.css

@@ -43,7 +43,7 @@
 }
 
 .flexRow--deals {
-  background-color: #0F3E99;
+  background-color: #0f3e99;
   padding: 14px 0px;
 }
 

styles/css/vtex.product-price.css

@@ -1,6 +1,6 @@
 .listPrice {
   color: #727273;
-  margin-bottom: .25rem;
+  margin-bottom: 0.25rem;
   font-size: 1rem;
 }
 
@@ -21,17 +21,17 @@
 
 .savings {
   font-weight: 500;
-  color: #79B03A;
+  color: #79b03a;
 }
 
 .sellingPriceValue--summary {
   font-size: 1.25rem;
   font-weight: 600;
-  color: #2E2E2E;
+  color: #2e2e2e;
 }
 
 .savings--summary {
-  background: #8BC34A;
+  background: #8bc34a;
   border-radius: 1000px;
   align-items: center;
   display: flex;
@@ -41,21 +41,21 @@
   font-size: 0.875rem;
   font-weight: 600;
   vertical-align: baseline;
-  color: #FFFFFF;
+  color: #ffffff;
 }
 
 .savings-discount--summary {
   font-size: 0.875rem;
   font-weight: 600;
   vertical-align: baseline;
-  color: #FFFFFF;
+  color: #ffffff;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
 
 .listPrice--summary {
   margin-bottom: 0.25rem;
-  font-size: .875rem;
+  font-size: 0.875rem;
 }
 
 .installments--summary {
@@ -74,6 +74,6 @@
   font-size: 0.875rem;
   font-weight: 600;
   vertical-align: baseline;
-  color: #FFFFFF;
+  color: #ffffff;
   padding: 0.25rem 0.5rem 0.25rem 0.5rem;
 }

styles/css/vtex.store-components.css

@@ -18,3 +18,8 @@
 .swiper-pagination {
   display: none;
 }
+
+.productNameContainer--quickview {
+  display: flex;
+  justify-content: end;
+}