{"product_id":"hdf-herzen-selbst-personalisieren","title":"HDF Herzen selbst personalisieren","description":"\u003cul\u003e\n  \u003clabel\u003e\u003cstrong\u003eAnzahl Herzen:\u003c\/strong\u003e\u003c\/label\u003e\n\u003cselect id=\"heart_count\" name=\"properties[Anzahl Herzen]\"\u003e\n  \u003coption value=\"1\"\u003e1 Herz\u003c\/option\u003e\n  \u003coption value=\"2\"\u003e2 Herzen\u003c\/option\u003e\n  \u003coption value=\"3\"\u003e3 Herzen\u003c\/option\u003e\n  \u003coption value=\"4\"\u003e4 Herzen\u003c\/option\u003e\n  \u003coption value=\"5\"\u003e5 Herzen\u003c\/option\u003e\n  \u003coption value=\"6\"\u003e6 Herzen\u003c\/option\u003e\n\u003c\/select\u003e\n\n\u003cdiv id=\"fields_container\" style=\"margin-top:15px;\"\u003e\u003c\/div\u003e\n\n\u003c!-- EIN gemeinsames Datum --\u003e\n\u003cdiv style=\"margin-top:15px;\"\u003e\n  \u003clabel\u003e\u003cstrong\u003eDatum (oder Wunschtext):\u003c\/strong\u003e\u003c\/label\u003e\u003cbr\u003e\n  \u003cinput type=\"text\" name=\"properties[Datum]\" value=\"14.02.2020\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- LIVE VORSCHAU --\u003e\n\u003cdiv style=\"margin-top:25px;\"\u003e\n  \u003cstrong\u003eVorschau:\u003c\/strong\u003e\n  \u003cdiv id=\"heart_preview\" style=\"display:flex; gap:15px; flex-wrap:wrap; margin-top:10px;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nconst nameSuggestions = [\"Mama\", \"Papa\", \"Kind\", \"Oma\", \"Opa\", \"Freund\"];\n\nfunction updateFields() {\n  const count = parseInt(document.getElementById(\"heart_count\").value);\n  const container = document.getElementById(\"fields_container\");\n\n  container.innerHTML = \"\";\n\n  for (let i = 1; i \u003c= count; i++) {\n    const suggestedName = nameSuggestions[i - 1] || \"\";\n\n    const field = document.createElement(\"div\");\n    field.style.marginBottom = \"10px\";\n\n    field.innerHTML = `\n      \u003clabel\u003eHerz ${i}:\u003c\/label\u003e\u003cbr\u003e\n      \u003cinput \n        type=\"text\" \n        name=\"properties[Name ${i}]\" \n        value=\"${suggestedName}\"\n      \u003e\n    `;\n\n    container.appendChild(field);\n  }\n\n  updatePreview();\n}\n\nfunction updatePreview() {\n  const preview = document.getElementById(\"heart_preview\");\n  preview.innerHTML = \"\";\n\n  const names = document.querySelectorAll('input[name^=\"properties[Name\"]');\n  const date = document.querySelector('input[name=\"properties[Datum]\"]').value;\n\n  \/\/ ❤️ Herzen + Namen\n  names.forEach(input =\u003e {\n    const name = input.value || \"Name\";\n\n    const heart = document.createElement(\"div\");\n    heart.style.textAlign = \"center\";\n\n    heart.innerHTML = `\n      \u003cdiv style=\"font-size:32px;\"\u003e❤️\u003c\/div\u003e\n      \u003cdiv\u003e${name}\u003c\/div\u003e\n    `;\n\n    preview.appendChild(heart);\n  });\n\n  \/\/ 📅 Datum nur einmal\n  const dateElement = document.createElement(\"div\");\n  dateElement.style.width = \"100%\";\n  dateElement.style.textAlign = \"center\";\n  dateElement.style.marginTop = \"10px\";\n  dateElement.style.fontSize = \"14px\";\n  dateElement.style.color = \"gray\";\n\n  dateElement.innerHTML = date;\n\n  preview.appendChild(dateElement);\n}\n\n\/\/ Events\ndocument.getElementById(\"heart_count\").addEventListener(\"change\", updateFields);\ndocument.addEventListener(\"input\", updatePreview);\n\n\/\/ Initial\ndocument.addEventListener(\"DOMContentLoaded\", updateFields);\n\u003c\/script\u003e\n\u003cli data-section-id=\"1rb7ws2\" data-start=\"53\" data-end=\"154\"\u003e❤️ \u003cstrong data-start=\"58\" data-end=\"90\"\u003eIndividuell personalisierbar\u003c\/strong\u003e – Wähle 1 bis 6 Herzen und füge deine gewünschten Namen hinzu\u003c\/li\u003e\n\u003cli data-section-id=\"172rsfu\" data-start=\"155\" data-end=\"265\"\u003e🎁 \u003cstrong data-start=\"160\" data-end=\"182\"\u003ePerfektes Geschenk\u003c\/strong\u003e – Ideal für Familie, Partner oder besondere Anlässe wie Geburtstage \u0026amp; Jahrestage\u003c\/li\u003e\n\u003cli data-section-id=\"1qp67un\" data-start=\"266\" data-end=\"374\"\u003e✨ \u003cstrong data-start=\"270\" data-end=\"294\"\u003eEinzigartiges Design\u003c\/strong\u003e – Jedes Produkt wird nach deinen Wünschen gestaltet und ist ein echtes Unikat\u003c\/li\u003e\n\u003cli data-section-id=\"l920k7\" data-start=\"375\" data-end=\"487\"\u003e🖐️ \u003cstrong data-start=\"381\" data-end=\"404\"\u003eMit Liebe gefertigt\u003c\/strong\u003e – Hochwertige Verarbeitung für ein langlebiges und persönliches Erinnerungsstück\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Sidney \u0026 Elvis","offers":[{"title":"Default Title","offer_id":52979835699528,"sku":null,"price":24.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0876\/5213\/9336\/files\/DSC09267Kopie_5cdac7db-1bfb-4877-8d09-62eae5bca605.jpg?v=1777184192","url":"https:\/\/www.munera-design.de\/products\/hdf-herzen-selbst-personalisieren","provider":"Sidney \u0026 Elvis","version":"1.0","type":"link"}