{"id":7482,"date":"2026-03-10T20:18:13","date_gmt":"2026-03-10T19:18:13","guid":{"rendered":"https:\/\/druknabiothane.pl\/?page_id=7482"},"modified":"2026-03-20T14:15:03","modified_gmt":"2026-03-20T13:15:03","slug":"eigenes-muster","status":"publish","type":"page","link":"https:\/\/druknabiothane.pl\/de\/eigenes-muster\/","title":{"rendered":"Eigenes Muster"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7482\" class=\"elementor elementor-7482 elementor-22\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bde2c07 e-flex e-con-boxed e-con e-parent\" data-id=\"bde2c07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61a2ac3 elementor-widget elementor-widget-html\" data-id=\"61a2ac3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"biothane-form-wrap\">\r\n    \r\n  <h2>Standard Biothane\u00ae \u2013 Auswahl an Farben und L\u00e4ngen<\/h2>\r\n<p class=\"biothane-price\">Preis: 6,60 \u20ac \u2013 31,90 \u20ac<\/p>\r\n  <img decoding=\"async\" src=\"https:\/\/druknabiothane.pl\/wp-content\/uploads\/2025\/03\/TN525-removebg-preview-300x300.png\" \/>\r\n\r\n  <form id=\"biothane-order-form\" class=\"biothane-order-form\">\r\n    <div class=\"biothane-configurator\">\r\n      <div class=\"biothane-group\">\r\n        <div class=\"biothane-label\">L\u00e4nge: <span id=\"selected-dlugosc\">10 cm<\/span><\/div>\r\n        <div class=\"biothane-options button-group\" data-target=\"dlugosc\">\r\n          <button type=\"button\" class=\"biothane-option is-active\" data-value=\"10 cm\">10 cm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"45 cm\">45 cm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"60 cm\">60 cm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"90 cm\">90 cm<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"biothane-group\">\r\n        <div class=\"biothane-label\">Farbe<\/div>\r\n        <div class=\"biothane-options color-group\" data-target=\"kolor\">\r\n          <button type=\"button\" class=\"biothane-color is-active\" data-value=\"Amethyst\" title=\"Amethyst\" style=\"background-color:#887894;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Avocado green\" title=\"Avocado green\" style=\"background-color:#a1a978;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Beige\" title=\"Beige\" style=\"background-color:#ab9c7e;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Berry pink\" title=\"Berry pink\" style=\"background-color:#97154c;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Black\" title=\"Black\" style=\"background-color:#010101;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Blue\" title=\"Blue\" style=\"background-color:#2b2dcb;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Burnt orange\" title=\"Burnt orange\" style=\"background-color:#db4210;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Caribbean green\" title=\"Caribbean green\" style=\"background-color:#9fd888;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Coral\" title=\"Coral\" style=\"background-color:#e15949;\"><\/button>\r\n          <button type=\"button\" class=\"biothane-color\" data-value=\"Coyote brown\" title=\"Coyote brown\" style=\"background-color:#605650;\"><\/button>\r\n        <\/div>\r\n        <div class=\"biothane-selected-color\">Ausgew\u00e4hlte Farbe: <span id=\"selected-kolor\">Amethyst<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"biothane-group\">\r\n        <div class=\"biothane-label\">Breite: <span id=\"selected-szerokosc\">keine<\/span><\/div>\r\n        <div class=\"biothane-options button-group\" data-target=\"szerokosc\">\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"16mm\">16mm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"19mm\">19mm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"25mm\">25mm<\/button>\r\n          <button type=\"button\" class=\"biothane-option\" data-value=\"38mm\">38mm<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <input type=\"hidden\" name=\"dlugosc\" id=\"field-dlugosc\" value=\"10 cm\">\r\n      <input type=\"hidden\" name=\"kolor\" id=\"field-kolor\" value=\"Amethyst\">\r\n      <input type=\"hidden\" name=\"szerokosc\" id=\"field-szerokosc\" value=\"\">\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_ilosc\"><strong>Menge<\/strong><\/label>\r\n      <input type=\"number\" id=\"biothane_ilosc\" name=\"ilosc\" value=\"1\" min=\"1\" step=\"1\" required>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label><strong>Bestelltyp<\/strong><\/label>\r\n      <div class=\"biothane-radio-group\">\r\n        <label class=\"biothane-radio\">\r\n          <input type=\"radio\" name=\"typ_zamowienia\" value=\"Individuelles Muster + 19,80 \u20ac f\u00fcr Druckvorbereitung\" checked>\r\n<span>Individuelles Muster + 19,80 \u20ac f\u00fcr Druckvorbereitung<\/span>\r\n        <\/label>\r\n        <label class=\"biothane-radio\">\r\n<input type=\"radio\" name=\"typ_zamowienia\" value=\"Design des Musters + 76,90 \u20ac f\u00fcr Design und Druckvorbereitung\">\r\n<span>Design des Musters + 76,90 \u20ac f\u00fcr Design und Druckvorbereitung<\/span>\r\n        <\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_opis_projektu\"><strong>Beschreibung des Musters<\/strong><\/label>\r\n      <textarea id=\"biothane_opis_projektu\" name=\"opis_projektu\" rows=\"5\" placeholder=\"Beschreiben Sie bitte genau, welches Musterdesign Sie erwarten. Sie k\u00f6nnen hier auch Links und Referenzen einf\u00fcgen.\"><\/textarea>\r\n      <small>Bei weiteren Fragen kontaktieren wir Sie per E-Mail oder Telefonnummer.<\/small>\r\n    <\/div>\r\n\r\n    <h3 class=\"biothane-section-title\">Bestelldaten<\/h3>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_email\"><strong>E-Mail-Adresse *<\/strong><\/label>\r\n      <input type=\"email\" id=\"biothane_email\" name=\"email\" required>\r\n      <small>An diese Adresse senden wir weitere Informationen und Zahlungsdetails.<\/small>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_telefon\"><strong>Telefon *<\/strong><\/label>\r\n      <input type=\"text\" id=\"biothane_telefon\" name=\"telefon\" required>\r\n      <small>Wir k\u00f6nnten zus\u00e4tzliche Fragen zu Ihrer Bestellung haben.<\/small>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_adres\"><strong>Adresse *<\/strong><\/label>\r\n      <input type=\"text\" id=\"biothane_adres\" name=\"adres\" required>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-grid\">\r\n      <div class=\"biothane-field\">\r\n        <label for=\"biothane_miasto\"><strong>Stadt *<\/strong><\/label>\r\n        <input type=\"text\" id=\"biothane_miasto\" name=\"miasto\" required>\r\n      <\/div>\r\n\r\n      <div class=\"biothane-field\">\r\n        <label for=\"biothane_wojewodztwo\"><strong>Bundesland<\/strong><\/label>\r\n        <input type=\"text\" id=\"biothane_wojewodztwo\" name=\"wojewodztwo\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-grid\">\r\n      <div class=\"biothane-field\">\r\n        <label for=\"biothane_kod\"><strong>Postleitzahl *<\/strong><\/label>\r\n        <input type=\"text\" id=\"biothane_kod\" name=\"kod_pocztowy\" required>\r\n      <\/div>\r\n\r\n      <div class=\"biothane-field\">\r\n        <label for=\"biothane_kraj\"><strong>Land *<\/strong><\/label>\r\n        <select id=\"biothane_kraj\" name=\"kraj\" required>\r\n          <option value=\"\">W\u00e4hlen<\/option>\r\n          <option value=\"Polen\" selected>Polen<\/option>\r\n          <option value=\"Deutschland\">Deutschland<\/option>\r\n          <option value=\"Tschechien\">Tschechien<\/option>\r\n          <option value=\"Slowakei\">Slowakei<\/option>\r\n          <option value=\"Litauen\">Litauen<\/option>\r\n          <option value=\"Andere\">Andere<\/option>\r\n        <\/select>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <label for=\"biothane_uwagi\"><strong>Bemerkungen<\/strong><\/label>\r\n      <textarea id=\"biothane_uwagi\" name=\"uwagi\" rows=\"4\" placeholder=\"Zus\u00e4tzliche Informationen zur Bestellung...\"><\/textarea>\r\n    <\/div>\r\n\r\n    <div class=\"biothane-field\">\r\n      <button type=\"submit\" class=\"biothane-submit\">Senden<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"biothane-form-message\" class=\"biothane-form-message\"><\/div>\r\n  <\/form>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  function initBiothaneForm() {\r\n    const form = document.getElementById('biothane-order-form');\r\n    if (!form) return;\r\n\r\n    const groups = form.querySelectorAll('.biothane-options');\r\n\r\n    groups.forEach(group => {\r\n      const target = group.dataset.target;\r\n      const items = group.querySelectorAll('button');\r\n      const hiddenInput = document.getElementById('field-' + target);\r\n      const selectedLabel = document.getElementById('selected-' + target);\r\n\r\n      items.forEach(item => {\r\n        item.addEventListener('click', function () {\r\n          items.forEach(btn => btn.classList.remove('is-active'));\r\n          this.classList.add('is-active');\r\n\r\n          const value = this.dataset.value;\r\n\r\n          if (hiddenInput) hiddenInput.value = value;\r\n          if (selectedLabel) selectedLabel.textContent = value;\r\n        });\r\n      });\r\n    });\r\n\r\n    const messageBox = document.getElementById('biothane-form-message');\r\n    const submitButton = form.querySelector('.biothane-submit');\r\n\r\n    form.addEventListener('submit', async function (e) {\r\n      e.preventDefault();\r\n\r\n      messageBox.className = 'biothane-form-message';\r\n      messageBox.style.display = 'none';\r\n      messageBox.textContent = '';\r\n\r\n      const szerokosc = document.getElementById('field-szerokosc').value.trim();\r\n      if (!szerokosc) {\r\n        messageBox.classList.add('is-error');\r\n        messageBox.style.display = 'block';\r\n        messageBox.textContent = 'Bitte w\u00e4hlen Sie eine Breite.';\r\n        return;\r\n      }\r\n\r\n      const formData = new FormData(form);\r\n      formData.set('action', 'send_biothane_order');\r\n\r\n      submitButton.disabled = true;\r\n      submitButton.textContent = 'Wird gesendet...';\r\n\r\n      try {\r\n        const ajaxUrl = window.location.origin + '\/wp-admin\/admin-ajax.php';\r\n\r\n        const response = await fetch(ajaxUrl, {\r\n          method: 'POST',\r\n          body: formData,\r\n          credentials: 'same-origin'\r\n        });\r\n\r\n        const rawText = await response.text();\r\n        console.log('AJAX raw response:', rawText);\r\n\r\n        let result;\r\n        try {\r\n          result = JSON.parse(rawText);\r\n        } catch (jsonError) {\r\n          throw new Error('Server hat kein g\u00fcltiges JSON zur\u00fcckgegeben.');\r\n        }\r\n\r\n        if (result.success) {\r\n          messageBox.classList.add('is-success');\r\n          messageBox.style.display = 'block';\r\n          messageBox.textContent = result.data.message || 'Formular wurde gesendet.';\r\n          form.reset();\r\n        } else {\r\n          throw new Error('Fehler beim Senden.');\r\n        }\r\n      } catch (error) {\r\n        messageBox.classList.add('is-error');\r\n        messageBox.style.display = 'block';\r\n        messageBox.textContent = error.message || 'Senden fehlgeschlagen.';\r\n      } finally {\r\n        submitButton.disabled = false;\r\n        submitButton.textContent = 'Senden';\r\n      }\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initBiothaneForm);\r\n  } else {\r\n    initBiothaneForm();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Standard Biothane\u00ae \u2013 Auswahl an Farben und L\u00e4ngen Preis: 6,60 \u20ac \u2013 31,90 \u20ac L\u00e4nge: 10 cm 10 cm 45 cm 60 cm 90 cm Farbe Ausgew\u00e4hlte Farbe: Amethyst Breite: keine 16mm 19mm 25mm 38mm Menge Bestelltyp Individuelles Muster + 19,80 \u20ac f\u00fcr Druckvorbereitung Design des Musters + 76,90 \u20ac f\u00fcr Design und Druckvorbereitung Beschreibung [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7482","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/druknabiothane.pl\/de\/wp-json\/wp\/v2\/pages\/7482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/druknabiothane.pl\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/druknabiothane.pl\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/druknabiothane.pl\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/druknabiothane.pl\/de\/wp-json\/wp\/v2\/comments?post=7482"}],"version-history":[{"count":9,"href":"https:\/\/druknabiothane.pl\/de\/wp-json\/wp\/v2\/pages\/7482\/revisions"}],"predecessor-version":[{"id":9025,"href":"https:\/\/druknabiothane.pl\/de\/wp-json\/wp\/v2\/pages\/7482\/revisions\/9025"}],"wp:attachment":[{"href":"https:\/\/druknabiothane.pl\/de\/wp-json\/wp\/v2\/media?parent=7482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}