{"id":10161,"date":"2021-12-16T14:01:12","date_gmt":"2021-12-16T13:01:12","guid":{"rendered":"https:\/\/testshop.indivontwikkelt.nl\/selbstgebautes\/"},"modified":"2022-02-03T12:35:13","modified_gmt":"2022-02-03T11:35:13","slug":"selbstgebautes","status":"publish","type":"page","link":"https:\/\/testshop.indivontwikkelt.nl\/de\/selbstgebautes\/","title":{"rendered":"Eigenbau"},"content":{"rendered":"<div class=\"wp-bootstrap-blocks-container container mb-2\">\n\t\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12\">\n\t\t\t\n\n<h1 id=\"zelfbouw\">Eigenbau<\/h1>\n\n\n\n<p>Sie k\u00f6nnen die Teile f\u00fcr die Selbstmontage anhand des unten stehenden Schritt-f\u00fcr-Schritt-Plans bestellen. <\/p>\n\n\t<\/div>\n\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<\/div>\n  <div class=\" diy\" data-currentlang=\"de\">\n    <div class=\"container\">\n\n      <div class=\"steps pt-3\">\n        <div class=\"row no-gutters justify-content-between\">\n          <div class=\"col-auto step-col\"><button class=\"step-button btn btn-outline-secondary active\" data-step=\"1\" data-step-id=\"waende\">W\u00e4nde<\/button><\/div><div class=\"col d-none d-md-flex flex-column justify-content-center line-col\"><div class=\"line\"><\/div><\/div><div class=\"col-auto step-col\"><button class=\"step-button btn btn-outline-secondary \" data-step=\"2\" data-step-id=\"dach\">Dach<\/button><\/div><div class=\"col d-none d-md-flex flex-column justify-content-center line-col\"><div class=\"line\"><\/div><\/div><div class=\"col-auto step-col\"><button class=\"step-button btn btn-outline-secondary \" data-step=\"3\" data-step-id=\"tueren-und-fenster\">T\u00fcren und Fenster<\/button><\/div>        <\/div>\n      <\/div>\n\n      <div class=\"content pt-4\">\n                    <div id=\"waende\" class=\"item active show\">\n              <div class=\"accordion\" id=\"accordionwaende\">                    <div class=\"card\">\n                      <div class=\"card-header\" id=\"headwaende1\">\n                        <button class=\"btn \" type=\"button\" data-toggle=\"collapse\" data-target=\"#waende1\" aria-expanded=\"true\" aria-controls=\"waende1\">\n\n                          \n                        <\/button>\n                      <\/div>\n                      <div id=\"waende1\" class=\"collapse show\" aria-labelledby=\"headwaende1\" data-parent=\"#accordionwaende\">\n                        <div class=\"card-body\">\n                          <div class=\"row\">\n                                                      <\/div>\n                                                  <\/div>\n                      <\/div>\n                    <\/div>\n\n                  <\/div>            <\/div>\n                    <div id=\"dach\" class=\"item \">\n                                  <div class=\"row\">\n                      <div class=\"col-12\">\n                        <div class=\"card\">\n                          <div class=\"card-header\" id=\"headdach1\">\n                            <button class=\"btn\" type=\"button\">\n                              Dach                            <\/button>\n                          <\/div>\n                          <div class=\"card-body\">\n                            <div class=\"row\">\n                                                                <div class=\"col-12 col-md-6 col-lg-3 product pb-3\">\n                                    <div class=\"d-flex flex-column\">\n                                      <div class=\"product_image py-2\">\n                                        <img width=\"210\" height=\"210\" src=\"https:\/\/testshop.indivontwikkelt.nl\/content\/Dakpanplaat-1.png\" class=\"img-fluid wp-post-image\" alt=\"Dachziegelblechplatte\" loading=\"lazy\" srcset=\"https:\/\/testshop.indivontwikkelt.nl\/content\/Dakpanplaat-1.png 210w, https:\/\/testshop.indivontwikkelt.nl\/content\/Dakpanplaat-1-100x100.png 100w\" sizes=\"(max-width: 210px) 100vw, 210px\" \/>                                      <\/div>\n                                      <div class=\"product_title\">\n                                        <span>Dachziegelblechplatten<\/span>\n                                      <\/div>\n                                      <div class=\"product_options mt-auto\">\n                                        <strong>Preis:<\/strong>\n                                        <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>26,78<\/bdi><\/span>                                      <\/div>\n                                      <div class=\"product_to_cart pt-2\">\n                                        <a href=\"#\" class=\"btn btn-primary btn-options-multi w-100\" data-productid=\"9455\" data-producttype=\"simple\" data-toggle=\"modal\" data-target=\"#productModalLong\">W\u00e4hlen Sie eine Option<\/a>\n                                      <\/div>\n                                    <\/div>\n                                  <\/div>\n                                                                <div class=\"col-12 col-md-6 col-lg-3 product pb-3\">\n                                    <div class=\"d-flex flex-column\">\n                                      <div class=\"product_image py-2\">\n                                        <img width=\"260\" height=\"260\" src=\"https:\/\/testshop.indivontwikkelt.nl\/content\/Profielschuim_dakplaat-1.png\" class=\"img-fluid wp-post-image\" alt=\"Profilf\u00fcller Dachplatte\" loading=\"lazy\" srcset=\"https:\/\/testshop.indivontwikkelt.nl\/content\/Profielschuim_dakplaat-1.png 260w, https:\/\/testshop.indivontwikkelt.nl\/content\/Profielschuim_dakplaat-1-100x100.png 100w\" sizes=\"(max-width: 260px) 100vw, 260px\" \/>                                      <\/div>\n                                      <div class=\"product_title\">\n                                        <span>Profilf\u00fcller Dachpaneele<\/span>\n                                      <\/div>\n                                      <div class=\"product_options mt-auto\">\n                                        <strong>Preis:<\/strong>\n                                        <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>3,27<\/bdi><\/span>                                      <\/div>\n                                      <div class=\"product_to_cart pt-2\">\n                                        <a href=\"#\" class=\"btn btn-primary btn-options-multi w-100\" data-productid=\"9305\" data-producttype=\"simple\" data-toggle=\"modal\" data-target=\"#productModalLong\">W\u00e4hlen Sie eine Option<\/a>\n                                      <\/div>\n                                    <\/div>\n                                  <\/div>\n                                                                <div class=\"col-12 col-md-6 col-lg-3 product pb-3\">\n                                    <div class=\"d-flex flex-column\">\n                                      <div class=\"product_image py-2\">\n                                        <img width=\"254\" height=\"254\" src=\"https:\/\/testshop.indivontwikkelt.nl\/content\/Sandwichplaat_dak-1.png\" class=\"img-fluid wp-post-image\" alt=\"Isolierte Dachplatte\" loading=\"lazy\" srcset=\"https:\/\/testshop.indivontwikkelt.nl\/content\/Sandwichplaat_dak-1.png 254w, https:\/\/testshop.indivontwikkelt.nl\/content\/Sandwichplaat_dak-1-100x100.png 100w\" sizes=\"(max-width: 254px) 100vw, 254px\" \/>                                      <\/div>\n                                      <div class=\"product_title\">\n                                        <span>Dachpaneele<\/span>\n                                      <\/div>\n                                      <div class=\"product_options mt-auto\">\n                                        <strong>Preis:<\/strong>\n                                        <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>145,75<\/bdi><\/span> &ndash; <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span>362,65<\/bdi><\/span>                                      <\/div>\n                                      <div class=\"product_to_cart pt-2\">\n                                        <a href=\"#\" class=\"btn btn-primary btn-options-multi w-100\" data-productid=\"9461\" data-producttype=\"variable\" data-toggle=\"modal\" data-target=\"#productModalLong\">W\u00e4hlen Sie eine Option<\/a>\n                                      <\/div>\n                                    <\/div>\n                                  <\/div>\n                                                          <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                          <\/div>\n                    <div id=\"tueren-und-fenster\" class=\"item \">\n              <div class=\"accordion\" id=\"accordiontueren-und-fenster\">                    <div class=\"card\">\n                      <div class=\"card-header\" id=\"headtueren-und-fenster1\">\n                        <button class=\"btn \" type=\"button\" data-toggle=\"collapse\" data-target=\"#tueren-und-fenster1\" aria-expanded=\"true\" aria-controls=\"tueren-und-fenster1\">\n\n                          \n                        <\/button>\n                      <\/div>\n                      <div id=\"tueren-und-fenster1\" class=\"collapse show\" aria-labelledby=\"headtueren-und-fenster1\" data-parent=\"#accordiontueren-und-fenster\">\n                        <div class=\"card-body\">\n                          <div class=\"row\">\n                                                      <\/div>\n                                                  <\/div>\n                      <\/div>\n                    <\/div>\n\n                  <\/div>            <\/div>\n              <\/div>\n\n      <div class=\"pt-4 d-flex justify-content-between flex-wrap steps-smallnav\">\n        <button class=\"previous btn btn-outline-secondary\">Zur\u00fcck<\/button>\n        <div><\/div>\n        <button class=\"next btn btn-outline-secondary\">Weiter<\/button>\n      <\/div>\n    <\/div>\n\n    <div id=\"thelist\" class=\"py-5 mt-5\">\n      <div class=\"container\">\n        <div class=\"custom-card\">\n          <div id=\"thelist-content\" class=\"px-4 py-3\"><\/div>\n          <div id=\"setMsg\" class=\"p-3\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"modal fade\" id=\"productModalLong\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"productModalLongTitle\" aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-lg\" role=\"document\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\" id=\"exampleModalLongTitle\">W\u00e4hlen Sie Ihre Produktoption<\/h5>\n          <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n            <span aria-hidden=\"true\">&times;<\/span>\n          <\/button>\n        <\/div>\n        <div class=\"modal-body\">\n          <div id=\"modal-body-contentload\"><\/div>\n        <\/div>\n        <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Schlie\u00dfen<\/button>\n          <!-- <button type=\"button\" class=\"btn btn-primary\">Save changes<\/button> -->\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <script>\n    jQuery(\".btn-options-multi\").click(function() {\n      $geturl = \"https:\/\/testshop.indivontwikkelt.nl\/wp-content\/themes\/romahaus\";\n      $productid = jQuery(this).data(\"productid\");\n      $producttype = jQuery(this).data(\"producttype\");\n      jQuery(\"#modal-body-contentload\").html(\"<div class='text-center w-100'>Laden<br \/><br \/><i class='fas fa-spinner fa-spin fa-3x'><\/i><\/div>\").load($geturl + \"\/getproductchoices.php?\" + jQuery.param({\n        productid: $productid,\n        type: $producttype,\n        currentlang: 'de',\n      }), function() {\n        setupProductModal();\n      });\n    });\n  <\/script>\n\n\n\n\n\n  <div class=\"doityourself-choises\">\n    <div class=\"\"><\/div>\n  <\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-gutenbergnocontainer.php","meta":{"_seopress_robots_primary_cat":""},"acf":[],"_links":{"self":[{"href":"https:\/\/testshop.indivontwikkelt.nl\/de\/wp-json\/wp\/v2\/pages\/10161"}],"collection":[{"href":"https:\/\/testshop.indivontwikkelt.nl\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testshop.indivontwikkelt.nl\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testshop.indivontwikkelt.nl\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testshop.indivontwikkelt.nl\/de\/wp-json\/wp\/v2\/comments?post=10161"}],"version-history":[{"count":9,"href":"https:\/\/testshop.indivontwikkelt.nl\/de\/wp-json\/wp\/v2\/pages\/10161\/revisions"}],"predecessor-version":[{"id":11201,"href":"https:\/\/testshop.indivontwikkelt.nl\/de\/wp-json\/wp\/v2\/pages\/10161\/revisions\/11201"}],"wp:attachment":[{"href":"https:\/\/testshop.indivontwikkelt.nl\/de\/wp-json\/wp\/v2\/media?parent=10161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}