react/Placeholder.ts

@@ -0,0 +1,3 @@
+import Placeholder from "./components/Placeholder/Placeholder";
+
+export default Placeholder;

react/components/Placeholder/Placeholder.tsx

@@ -0,0 +1,13 @@
+
+const Placeholder = () => {
+
+
+
+  if (typeof document !== "undefined") {
+    const m3Input = document.querySelector(".vtex-address-form-4-x-input");
+    m3Input?.setAttribute("placeholder", "Digite seu CEP");
+  }
+
+  return null;
+}
+export default Placeholder;

store/blocks/pdp/product.jsonc

@@ -194,7 +194,7 @@
     "props": {
       "blockClass": "m3-shipping-simulator"
     },
-    "children": ["rich-text", "shipping-simulator"]
+    "children": ["rich-text", "shipping-simulator", "m3-placeholder"]
   },
   "rich-text": {
     "props": {

store/interfaces.json

@@ -5,5 +5,11 @@
   "html": {
     "component": "html",
     "composition": "children"
+  },
+  "m3-placeholder": {
+    "component": "Placeholder"
+  },
+  "m3-pix": {
+    "component": "Pix"
   }
 }