{"product_id":"placca-per-miscelatori-su-misura","title":"Platte Abdeckblech, maßgefertigt","description":"\u003cbody\u003e\n\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\u003ctitle\u003eKonfigurator Edelstahlplatten – DE\u003c\/title\u003e\n\n\u003cstyle\u003e\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nbody { font-family: Arial, sans-serif; background: #fff; color: #1a1a1a; font-size: 15px; line-height: 1.6; }\n.wrap { max-width: 560px; margin: 0 auto; padding: 24px 16px; }\n.section-title { font-size: 12px; font-weight: 700; color: #666; text-transform: uppercase; letter-spacing: 0.06em; margin: 0 0 10px; }\n.shape-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 24px; }\n.shape-btn { background: #fff; border: 1px solid #ccc; border-radius: 10px; padding: 14px; cursor: pointer; text-align: center; }\n.shape-btn.active { border: 2px solid #185FA5; background: #E6F1FB; }\n.shape-btn svg { display: block; margin: 0 auto 8px; }\n.shape-btn .sname { font-size: 14px; font-weight: 700; color: #1a1a1a; display: block; }\n.shape-btn small { display: block; font-size: 12px; color: #666; margin-top: 2px; }\n.field { margin-bottom: 14px; }\n.field label { display: block; font-size: 13px; color: #444; margin-bottom: 4px; }\n.field input[type=number], .field input[type=text], .field input[type=email], .field input[type=tel], .field textarea {\n  width: 100%; padding: 9px 11px; border: 1px solid #ccc; border-radius: 7px;\n  font-size: 15px; background: #fff; color: #1a1a1a; font-family: Arial, sans-serif;\n}\n.field input:focus, .field textarea:focus { outline: none; border-color: #185FA5; box-shadow: 0 0 0 2px #185FA533; }\n.field textarea { min-height: 65px; resize: vertical; }\n.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n.price-card { background: #f0f7ff; border-radius: 10px; padding: 16px 20px; margin-bottom: 20px; text-align: center; }\n.price-card .lbl { font-size: 13px; color: #555; margin-bottom: 4px; }\n.price-card .val { font-size: 28px; font-weight: 700; color: #185FA5; }\n.price-card .sub { font-size: 12px; color: #888; margin-top: 3px; }\n.note-box { background: #E6F1FB; border-radius: 8px; padding: 10px 14px; font-size: 13px; color: #0C447C; margin-bottom: 24px; line-height: 1.5; }\n.divider { border: none; border-top: 1px solid #e5e5e5; margin: 24px 0; }\n.upload-zone { border: 1px dashed #aaa; border-radius: 10px; padding: 18px; text-align: center; cursor: pointer; margin-bottom: 16px; background: #fafafa; }\n.upload-zone:hover { background: #f0f7ff; }\n.upload-zone input { display: none; }\n.upload-zone .up-icon { font-size: 28px; }\n.upload-zone .up-label { font-size: 13px; color: #666; margin-top: 6px; }\n.upload-zone .file-name { font-size: 13px; color: #185FA5; margin-top: 4px; font-weight: 700; }\n.send-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 4px; }\n.send-btn { padding: 13px 10px; border-radius: 8px; border: 1px solid #ccc; background: #fff; cursor: pointer; font-size: 14px; font-weight: 700; color: #1a1a1a; display: flex; align-items: center; justify-content: center; gap: 8px; }\n.send-btn:hover { background: #f5f5f5; }\n.send-btn.primary { background: #185FA5; color: #fff; border-color: #185FA5; }\n.send-btn.primary:hover { background: #0C447C; }\n.send-btn.wa { background: #25D366; color: #fff; border-color: #25D366; }\n.send-btn.wa:hover { background: #1DA851; }\n.footer-note { font-size: 12px; color: #888; margin-top: 10px; line-height: 1.5; }\n.file-warn { font-size: 12px; color: #888; margin-bottom: 8px; display: none; }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"wrap\"\u003e\n\n\n  \u003cp class=\"section-title\"\u003e1. Form der Platte\u003c\/p\u003e\n\n  \u003cdiv class=\"shape-grid\"\u003e\n\n    \u003cbutton class=\"shape-btn active\" id=\"btn-rect\" onclick=\"setShape('rect')\"\u003e\n      \u003csvg width=\"48\" height=\"32\" viewbox=\"0 0 48 32\"\u003e\u003crect x=\"2\" y=\"2\" width=\"44\" height=\"28\" rx=\"2\" fill=\"none\" stroke=\"#185FA5\" stroke-width=\"2\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\n      \u003cspan class=\"sname\"\u003eRechteckig\u003c\/span\u003e\n      \u003csmall\u003eHöhe und Breite\u003c\/small\u003e\n    \u003c\/button\u003e\n    \u003cbutton class=\"shape-btn\" id=\"btn-round\" onclick=\"setShape('round')\"\u003e\n      \u003csvg width=\"36\" height=\"36\" viewbox=\"0 0 36 36\"\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"16\" fill=\"none\" stroke=\"#888\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n      \u003cspan class=\"sname\"\u003eRund\u003c\/span\u003e\n      \u003csmall\u003eNur der Durchmesser\u003c\/small\u003e\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\n\n  \u003cp class=\"section-title\"\u003e2. Abmessungen (in cm)\u003c\/p\u003e\n\n  \u003cdiv id=\"fields-rect\" class=\"field-row\" style=\"margin-bottom:14px;\"\u003e\n\n    \u003cdiv class=\"field\"\u003e\n\n      \u003clabel\u003eHöhe (H)\u003c\/label\u003e\n      \u003cinput type=\"number\" id=\"h\" min=\"1\" max=\"200\" placeholder=\"z.B. 20\" oninput=\"calc()\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"field\"\u003e\n\n      \u003clabel\u003eBreite (B)\u003c\/label\u003e\n      \u003cinput type=\"number\" id=\"l\" min=\"1\" max=\"200\" placeholder=\"z.B. 10\" oninput=\"calc()\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"fields-round\" style=\"display:none; margin-bottom:14px;\" class=\"field\"\u003e\n\n    \u003clabel\u003eDurchmesser (cm)\u003c\/label\u003e\n    \u003cinput type=\"number\" id=\"diam\" min=\"1\" max=\"200\" placeholder=\"z.B. 20\" oninput=\"calc()\"\u003e\n  \u003c\/div\u003e\n\n\n  \u003cp class=\"section-title\"\u003e3. Kostenvoranschlag\u003c\/p\u003e\n\n  \u003cdiv class=\"price-card\"\u003e\n\n    \u003cdiv class=\"lbl\"\u003eGesamt inkl. MwSt.\u003c\/div\u003e\n\n    \u003cdiv class=\"val\" id=\"p-tot\"\u003e—\u003c\/div\u003e\n\n    \u003cdiv class=\"sub\"\u003eGeben Sie die Abmessungen ein, um den Preis zu berechnen\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"note-box\"\u003e\n\n    ⓘ Platte aus poliertem Edelstahl, 2 mm stark. Inklusive Befestigungsdichtungen. Lieferung in 7–10 Werktagen nach Auftragsbestätigung.\n  \u003c\/div\u003e\n\n\n  \u003chr class=\"divider\"\u003e\n\n\n  \u003cp class=\"section-title\"\u003e4. Ihre Daten und Entwurf\u003c\/p\u003e\n\n  \u003cdiv class=\"field-row\" style=\"margin-bottom:10px;\"\u003e\n\n    \u003cdiv class=\"field\"\u003e\n\n      \u003clabel\u003eName und Nachname *\u003c\/label\u003e\n      \u003cinput type=\"text\" id=\"nome\" placeholder=\"Max Mustermann\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"field\"\u003e\n\n      \u003clabel\u003eE-Mail *\u003c\/label\u003e\n      \u003cinput type=\"email\" id=\"email\" placeholder=\"max@email.com\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"field-row\" style=\"margin-bottom:14px;\"\u003e\n\n    \u003cdiv class=\"field\"\u003e\n\n      \u003clabel\u003eTelefon \/ WhatsApp\u003c\/label\u003e\n      \u003cinput type=\"tel\" id=\"tel\" placeholder=\"+49 176 12345678\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"field\"\u003e\n\n      \u003clabel\u003eZusätzliche Anmerkungen\u003c\/label\u003e\n      \u003cinput type=\"text\" id=\"note\" placeholder=\"Form des Lochs, Finish, etc.\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"upload-zone\" onclick=\"document.getElementById('fileinput').click()\"\u003e\n\n    \u003cinput type=\"file\" id=\"fileinput\" accept=\"image\/*,.pdf\" onchange=\"onFile(this)\"\u003e\n    \u003cdiv class=\"up-icon\"\u003e📄\u003c\/div\u003e\n\n    \u003cdiv class=\"up-label\"\u003eEntwurf oder Foto hochladen (Bild oder PDF)\u003c\/div\u003e\n\n    \u003cdiv class=\"file-name\" id=\"fname\"\u003e\u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"file-warn\" class=\"file-warn\"\u003e\n\n    ⚠ Die Datei ist zu groß für WhatsApp. Senden Sie sie separat, nachdem Sie die Anfrage gesendet haben.\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"send-grid\"\u003e\n\n    \u003cbutton class=\"send-btn wa\" onclick=\"sendWA()\"\u003e\n      \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"white\"\u003e\u003cpath d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 0C5.373 0 0 5.373 0 12c0 2.123.554 4.118 1.528 5.855L0 24l6.335-1.505A11.934 11.934 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.895 0-3.672-.505-5.21-1.387l-.374-.222-3.884.923.962-3.784-.245-.387A9.944 9.944 0 012 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      Via WhatsApp senden\n    \u003c\/button\u003e\n    \u003cbutton class=\"send-btn primary\" onclick=\"sendEmail()\"\u003e\n      ✉ Via E-Mail senden\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003cp class=\"footer-note\"\u003eNach dem Absenden werden wir Sie kontaktieren, um die Details zu bestätigen. Die Zahlung erfolgt über einen Online-Link, den wir Ihnen zusenden.\u003c\/p\u003e\n\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nvar shape = 'rect';\nvar COSTO_MQ = 115, TAGLIO = 4, TRASPORTO = 10, MARKUP = 2.5, IVA = 1.22;\nvar YOUR_EMAIL = 'info@bagnoclic.it';\nvar YOUR_WA = '393498901346';\nvar currentPrice = null;\n\nfunction setShape(s) {\n  shape = s;\n  document.getElementById('btn-rect').className = 'shape-btn' + (s==='rect'?' active':'');\n  document.getElementById('btn-round').className = 'shape-btn' + (s==='round'?' active':'');\n  document.getElementById('fields-rect').style.display = s==='rect'?'':'none';\n  document.getElementById('fields-round').style.display = s==='round'?'':'none';\n  calc();\n}\n\nfunction calc() {\n  var mq = 0;\n  if (shape === 'rect') {\n    var h = parseFloat(document.getElementById('h').value);\n    var l = parseFloat(document.getElementById('l').value);\n    if (h \u003e 0 \u0026\u0026 l \u003e 0) mq = (h\/100)*(l\/100);\n  } else {\n    var d = parseFloat(document.getElementById('diam').value);\n    if (d \u003e 0) mq = Math.PI * Math.pow(d\/200, 2);\n  }\n  var el = document.getElementById('p-tot');\n  var sub = document.querySelector('.price-card .sub');\n  if (mq \u003c= 0) { el.textContent = '—'; currentPrice = null; sub.textContent = 'Inserisci le dimensioni per calcolare il prezzo'; return; }\n  var mat = mq * COSTO_MQ;\n  var netto = (mat + TAGLIO + TRASPORTO) * MARKUP;\n  var ivato = netto * IVA;\n  currentPrice = { ivato: ivato.toFixed(2) };\n  el.textContent = '€ ' + ivato.toFixed(2);\n  sub.textContent = 'Prezzo finale, IVA inclusa';\n}\n\nfunction onFile(input) {\n  if (input.files \u0026\u0026 input.files[0]) {\n    var f = input.files[0];\n    document.getElementById('fname').textContent = '📎 ' + f.name;\n    document.getElementById('file-warn').style.display = f.size \u003e 5*1024*1024 ? 'block' : 'none';\n  }\n}\n\nfunction getSummary() {\n  var misure = shape==='rect'\n    ? 'Rettangolare ' + document.getElementById('h').value + ' x ' + document.getElementById('l').value + ' cm'\n    : 'Tonda Ø' + document.getElementById('diam').value + ' cm';\n  return {\n    misure: misure,\n    prezzo: currentPrice ? '€ ' + currentPrice.ivato + ' IVA incl.' : 'non calcolato',\n    nome: document.getElementById('nome').value || '',\n    email: document.getElementById('email').value || '',\n    tel: document.getElementById('tel').value || '',\n    note: document.getElementById('note').value || ''\n  };\n}\n\nfunction validate() {\n  if (!document.getElementById('nome').value.trim() || !document.getElementById('email').value.trim()) {\n    alert('Inserisci nome e email per procedere.'); return false;\n  }\n  if (!currentPrice) { alert('Inserisci le dimensioni per calcolare il preventivo.'); return false; }\n  return true;\n}\n\nfunction sendWA() {\n  if (!validate()) return;\n  var s = getSummary();\n  var fileInput = document.getElementById('fileinput');\n  var hasFile = fileInput.files \u0026\u0026 fileInput.files[0];\n  var msg = '🔧 *Richiesta placca inox*\\n\\n';\n  msg += '📐 Forma: ' + s.misure + '\\n';\n  msg += '💶 Preventivo: ' + s.prezzo + '\\n';\n  msg += '👤 Nome: ' + s.nome + '\\n';\n  msg += '📧 Email: ' + s.email + '\\n';\n  if (s.tel) msg += '📱 Tel: ' + s.tel + '\\n';\n  if (s.note) msg += '📝 Note: ' + s.note + '\\n';\n  if (hasFile) msg += '\\n📎 (bozza allegata separatamente)';\n  window.open('https:\/\/wa.me\/' + YOUR_WA + '?text=' + encodeURIComponent(msg), '_blank');\n}\n\nfunction sendEmail() {\n  if (!validate()) return;\n  var s = getSummary();\n  var fileInput = document.getElementById('fileinput');\n  var hasFile = fileInput.files \u0026\u0026 fileInput.files[0];\n  var sub = encodeURIComponent('Richiesta placca inox – ' + s.misure);\n  var body = 'Buongiorno,\\n\\nrichiedo un preventivo per una placca in acciaio inox:\\n\\n';\n  body += '• Forma: ' + s.misure + '\\n';\n  body += '• Preventivo: ' + s.prezzo + '\\n\\n';\n  body += 'Dati:\\n• Nome: ' + s.nome + '\\n• Email: ' + s.email + '\\n';\n  if (s.tel) body += '• Tel: ' + s.tel + '\\n';\n  if (s.note) body += '• Note: ' + s.note + '\\n';\n  if (hasFile) body += '\\n(bozza allegata)';\n  body += '\\n\\nIn attesa di conferma per il pagamento.\\n\\nGrazie';\n  window.location.href = 'mailto:' + YOUR_EMAIL + '?subject=' + sub + '\u0026body=' + encodeURIComponent(body);\n}\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"BAGNOCLIC","offers":[{"title":"Default Title","offer_id":45813808791835,"sku":"PLSM","price":50.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0788\/5586\/4603\/files\/1999.jpg?v=1780480830","url":"https:\/\/bagnoclic.it\/de-de\/products\/placca-per-miscelatori-su-misura","provider":"Bagnoclic","version":"1.0","type":"link"}