fix: ajuste css breadcrumb

react/components/installments/index.tsx

@@ -10,7 +10,7 @@ export const Installments: FC = () => {
 
   return (
     <div className={styles.containerProductReference}>
-      <span className={styles.sellingPrice}><span className={styles.sellingPriceBold}>4 x</span> de <span className={styles.sellingPriceBold}>R$ {sellingPrice.toFixed(2).replace(".", ",")}</span> sem juros</span>
+      <span className={styles.sellingPrice}><strong className={styles.sellingPriceBold}>4 x</strong> de <strong className={styles.sellingPriceBold}>R$ {sellingPrice.toFixed(2).replace(".", ",")}</strong> sem juros</span>
     </div>
   );
 }

store/blocks/pdp/product.jsonc

@@ -22,6 +22,9 @@
   },
 
   "html#DescriptionSectionPDP":{
+    "props": {
+      "tag": "section"
+    },
     "children": [
       "tab-layout#pdp"
     ]
@@ -163,7 +166,7 @@
     }
   },
 
-  "product-summary.shelf#demo1": {
+  "product-summary.shelf#related-products-pdp": {
     "children": [
       "stack-layout#prodsum",
       "product-summary-name",
@@ -174,12 +177,12 @@
       "maxWidth": "100%"
     }
   },
-  "list-context.product-list#demo1": {
-    "blocks": ["product-summary.shelf#demo1"],
-    "children": ["slider-layout#demo-products"]
+  "list-context.product-list#related-products-pdp": {
+    "blocks": ["product-summary.shelf#related-products-pdp"],
+    "children": ["slider-layout#pratileira-pdp"]
   },
 
-  "slider-layout#demo-products": {
+  "slider-layout#pratileira-pdp": {
     "props": {
       "blockClass": "container-slider-related-products-pdp",
       "itemsPerPage": {
@@ -196,7 +199,7 @@
     },
     "children": [
       "rich-text#title-related-products",
-      "list-context.product-list#demo1"
+      "list-context.product-list#related-products-pdp"
     ]
   },
 
@@ -337,7 +340,6 @@
 
   "product-quantity": {
     "props": {
-      "testId": "product-quantity",
       "width": "100%"
     }
   },

styles/css/vtex.breadcrumb.css

@@ -9,6 +9,8 @@
 /* Grid breakpoints */
 :global(.vtex-breadcrumb-1-x-container) {
   padding: 0 40px;
+  display: inline-block;
+  vertical-align: middle;
 }
 
 .homeIcon, .caretIcon {
@@ -21,6 +23,11 @@
   font-size: 14px;
   line-height: 19px;
   color: #929292;
+  padding: 0 6px;
+}
+
+.arrow {
+  padding: 0;
 }
 
 .link, .term {
@@ -28,13 +35,7 @@
   font-size: 14px;
   line-height: 19px;
   color: #929292;
-}
-
-.link {
-  padding-left: 8px;
-}
-.link:first-child {
-  padding-left: 0;
+  padding: 0;
 }
 
 .homeLink::after {

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

@@ -1,5 +1,7 @@
 :global(.vtex-breadcrumb-1-x-container){
   padding: 0 40px;
+  display: inline-block;
+  vertical-align: middle;
 }
 
 .homeIcon, .caretIcon{
@@ -14,22 +16,21 @@
     font-size: 14px;
     line-height: 19px;
     color: #929292;
+    padding: 0 6px;
   }
 }
 
+.arrow{
+  padding: 0;
+}
+
 .link, .term{
   font-weight: 400;
   font-size: 14px;
   line-height: 19px;
   color: #929292;
-}
 
-.link{
-  padding-left: 8px;
-
-  &:first-child{
-    padding-left: 0;
-  }
+  padding: 0;
 }
 
 .homeLink {