{"categories":[{"id":"224","name":"Doucheslang","required":true,"multiple":true,"expanded":true,"single_product":false,"products":[{"product_id":"115434","sku":"A00000000640529","name":"Dornbracht WATER TUBE Kneipp-slang, wit, 2000 mm Chroom","image":"https:\/\/media.saniweb.nl\/cdn-cgi\/image\/fit=pad,format=auto,width=240,height=240\/media\/catalog\/product\/0\/0\/001189-2828597900-productafbeelding_02.jpg","url":"https:\/\/www.saniweb.be\/dornbracht-water-tube-kneipp-slang-wit-2000-mm-chroom-2828597900.html","price_final":89.6,"price_html":"<div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"115434\" data-price-box=\"product-id-115434\">    <span class=\"w-full advice-price block shrink-0 text-xs text-brand-gray-dark -mb-2 \">\n        Adviesprijs        <span\n    x-data x-id=\"['old\\u002Dprice\\u002D115434']\"    class=\"price-container line-through&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('old\\u002Dprice\\u002D115434')\"                data-price-amount=\"128\"\n        data-price-type=\"originalPrice\"\n        class=\"price-wrapper \"\n    >128,00<\/span>\n        <\/span>\n    <\/span>\n<div class=\"current-price final flex relative\">\n    <span class=\"price-label sr-only\">Prijs<\/span>\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D115434']\"    class=\"price-container font-extrabold&#x20;text-3xl&#x20;lg&#x3A;text-3.5xl&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D115434')\"                data-price-amount=\"89.6\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    >89,60<\/span>\n        <\/span>\n<\/div>\n<div class=\"hidden discount-price-label-wrapper ml-auto\">\n            <div class=\"discount-price discount-price-basic relative flex items-center ml-3.5 font-bold leading-3 bg-brand-blue px-2.5 text-white text-xs lg:text-sm rounded-r\n             \"\n         >\n            <span class=\"uppercase\">Je bespaart&nbsp;<\/span>\n            <span>30%<\/span>\n        <\/div>\n    <\/div>\n<\/div>","review_html":"","review_summary":null,"review_count":null,"selected":true,"price_old":128,"price_discount":38.4},{"product_id":"115458","sku":"A00000000640531","name":"Dornbracht WATER TUBE Kneipp-slang, zwart, 2000 mm Chroom","image":"https:\/\/media.saniweb.nl\/cdn-cgi\/image\/fit=pad,format=auto,width=240,height=240\/media\/catalog\/product\/0\/0\/001189-2828697900-productafbeelding_1.jpg","url":"https:\/\/www.saniweb.be\/dornbracht-water-tube-kneipp-slang-zwart-2000-mm-chroom-2828697900.html","price_final":85.4,"price_html":"<div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"115458\" data-price-box=\"product-id-115458\">    <span class=\"w-full advice-price block shrink-0 text-xs text-brand-gray-dark -mb-2 \">\n        Adviesprijs        <span\n    x-data x-id=\"['old\\u002Dprice\\u002D115458']\"    class=\"price-container line-through&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('old\\u002Dprice\\u002D115458')\"                data-price-amount=\"122\"\n        data-price-type=\"originalPrice\"\n        class=\"price-wrapper \"\n    >122,00<\/span>\n        <\/span>\n    <\/span>\n<div class=\"current-price final flex relative\">\n    <span class=\"price-label sr-only\">Prijs<\/span>\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D115458']\"    class=\"price-container font-extrabold&#x20;text-3xl&#x20;lg&#x3A;text-3.5xl&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D115458')\"                data-price-amount=\"85.4\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    >85,40<\/span>\n        <\/span>\n<\/div>\n<div class=\"hidden discount-price-label-wrapper ml-auto\">\n            <div class=\"discount-price discount-price-basic relative flex items-center ml-3.5 font-bold leading-3 bg-brand-blue px-2.5 text-white text-xs lg:text-sm rounded-r\n             \"\n         >\n            <span class=\"uppercase\">Je bespaart&nbsp;<\/span>\n            <span>30%<\/span>\n        <\/div>\n    <\/div>\n<\/div>","review_html":"","review_summary":null,"review_count":null,"price_old":122,"price_discount":36.6}],"label":"noodzakelijk"},{"id":"267","name":"Inbouwdeel","required":false,"multiple":true,"expanded":false,"single_product":true,"products":[{"product_id":"115386","sku":"A00000000640495","name":"Dornbracht Symetrics Inbouw-wandbocht","image":"https:\/\/media.saniweb.nl\/cdn-cgi\/image\/fit=pad,format=auto,width=240,height=240\/media\/catalog\/product\/0\/0\/000914-3508597090-productafbeelding.jpg","url":"https:\/\/www.saniweb.be\/dornbracht-symetrics-inbouw-wandbocht-3508597090.html","price_final":79.55,"price_html":"<div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"115386\" data-price-box=\"product-id-115386\">    <span class=\"w-full advice-price block shrink-0 text-xs text-brand-gray-dark -mb-2 \">\n        Adviesprijs        <span\n    x-data x-id=\"['old\\u002Dprice\\u002D115386']\"    class=\"price-container line-through&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('old\\u002Dprice\\u002D115386')\"                data-price-amount=\"147\"\n        data-price-type=\"originalPrice\"\n        class=\"price-wrapper \"\n    >147,00<\/span>\n        <\/span>\n    <\/span>\n<div class=\"current-price final flex relative\">\n    <span class=\"price-label sr-only\">Prijs<\/span>\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D115386']\"    class=\"price-container font-extrabold&#x20;text-3xl&#x20;lg&#x3A;text-3.5xl&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D115386')\"                data-price-amount=\"79.55\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    >79,55<\/span>\n        <\/span>\n<\/div>\n<div class=\"hidden discount-price-label-wrapper ml-auto\">\n            <div class=\"discount-price discount-price-basic relative flex items-center ml-3.5 font-bold leading-3 bg-brand-blue px-2.5 text-white text-xs lg:text-sm rounded-r\n             \"\n         >\n            <span class=\"uppercase\">Je bespaart&nbsp;<\/span>\n            <span>46%<\/span>\n        <\/div>\n    <\/div>\n<\/div>","review_html":"","review_summary":null,"review_count":null,"price_old":147,"price_discount":67.45}]},{"id":"207","name":"Glijstangset","required":false,"multiple":true,"expanded":false,"single_product":true,"products":[{"product_id":"116024","sku":"A00000000644162","name":"Dornbracht Water Modules handdoucheset voor inbouw douchekraan chroom","image":"https:\/\/media.saniweb.nl\/cdn-cgi\/image\/fit=pad,format=auto,width=240,height=240\/media\/catalog\/product\/0\/0\/001189-2783897900-productafbeelding_1.jpg","url":"https:\/\/www.saniweb.be\/dornbracht-water-modules-handdoucheset-voor-inbouw-douchekraan-chroom-2783897900.html","price_final":840,"price_html":"<div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"116024\" data-price-box=\"product-id-116024\">    <span class=\"w-full advice-price block shrink-0 text-xs text-brand-gray-dark -mb-2 \">\n        Adviesprijs        <span\n    x-data x-id=\"['old\\u002Dprice\\u002D116024']\"    class=\"price-container line-through&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('old\\u002Dprice\\u002D116024')\"                data-price-amount=\"1200\"\n        data-price-type=\"originalPrice\"\n        class=\"price-wrapper \"\n    >1.200,00<\/span>\n        <\/span>\n    <\/span>\n<div class=\"current-price final flex relative\">\n    <span class=\"price-label sr-only\">Prijs<\/span>\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D116024']\"    class=\"price-container font-extrabold&#x20;text-3xl&#x20;lg&#x3A;text-3.5xl&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D116024')\"                data-price-amount=\"840\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    >840,00<\/span>\n        <\/span>\n<\/div>\n<div class=\"hidden discount-price-label-wrapper ml-auto\">\n            <div class=\"discount-price discount-price-basic relative flex items-center ml-3.5 font-bold leading-3 bg-brand-blue px-2.5 text-white text-xs lg:text-sm rounded-r\n             \"\n         >\n            <span class=\"uppercase\">Je bespaart&nbsp;<\/span>\n            <span>30%<\/span>\n        <\/div>\n    <\/div>\n<\/div>","review_html":"","review_summary":null,"review_count":null,"price_old":1200,"price_discount":360}],"filter_id":276},{"id":"198","name":"Badset","required":false,"multiple":true,"expanded":false,"single_product":false,"products":[{"product_id":"115502","sku":"A00000000640829","name":"Dornbracht Tara Douchegarnituur met rozetten Chroom","image":"https:\/\/media.saniweb.nl\/cdn-cgi\/image\/fit=pad,format=auto,width=240,height=240\/media\/catalog\/product\/0\/0\/001189-2780289200-productafbeelding.jpg","url":"https:\/\/www.saniweb.be\/dornbracht-tara-douchegarnituur-met-rozetten-chroom-2780289200.html","price_final":464.2,"price_html":"<div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"115502\" data-price-box=\"product-id-115502\">    <span class=\"w-full advice-price block shrink-0 text-xs text-brand-gray-dark -mb-2 \">\n        Adviesprijs        <span\n    x-data x-id=\"['old\\u002Dprice\\u002D115502']\"    class=\"price-container line-through&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('old\\u002Dprice\\u002D115502')\"                data-price-amount=\"742\"\n        data-price-type=\"originalPrice\"\n        class=\"price-wrapper \"\n    >742,00<\/span>\n        <\/span>\n    <\/span>\n<div class=\"current-price final flex relative\">\n    <span class=\"price-label sr-only\">Prijs<\/span>\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D115502']\"    class=\"price-container font-extrabold&#x20;text-3xl&#x20;lg&#x3A;text-3.5xl&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D115502')\"                data-price-amount=\"464.2\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    >464,20<\/span>\n        <\/span>\n<\/div>\n<div class=\"hidden discount-price-label-wrapper ml-auto\">\n            <div class=\"discount-price discount-price-basic relative flex items-center ml-3.5 font-bold leading-3 bg-brand-blue px-2.5 text-white text-xs lg:text-sm rounded-r\n             \"\n         >\n            <span class=\"uppercase\">Je bespaart&nbsp;<\/span>\n            <span>37%<\/span>\n        <\/div>\n    <\/div>\n<\/div>","review_html":"","review_summary":null,"review_count":null,"price_old":742,"price_discount":277.8}],"filter_id":277},{"id":"268","name":"Wandhouder","required":false,"multiple":true,"expanded":false,"single_product":false,"products":[{"product_id":"115111","sku":"A00000000638894","name":"Dornbracht Meta.02 Douchehouder Chroom","image":"https:\/\/media.saniweb.nl\/cdn-cgi\/image\/fit=pad,format=auto,width=240,height=240\/media\/catalog\/productno_selection","url":"https:\/\/www.saniweb.be\/dornbracht-meta-02-douchehouder-chroom-2805062500.html","price_final":135.1,"price_html":"<div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"115111\" data-price-box=\"product-id-115111\">    <span class=\"w-full advice-price block shrink-0 text-xs text-brand-gray-dark -mb-2 \">\n        Adviesprijs        <span\n    x-data x-id=\"['old\\u002Dprice\\u002D115111']\"    class=\"price-container line-through&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('old\\u002Dprice\\u002D115111')\"                data-price-amount=\"193\"\n        data-price-type=\"originalPrice\"\n        class=\"price-wrapper \"\n    >193,00<\/span>\n        <\/span>\n    <\/span>\n<div class=\"current-price final flex relative\">\n    <span class=\"price-label sr-only\">Prijs<\/span>\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D115111']\"    class=\"price-container font-extrabold&#x20;text-3xl&#x20;lg&#x3A;text-3.5xl&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D115111')\"                data-price-amount=\"135.1\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    >135,10<\/span>\n        <\/span>\n<\/div>\n<div class=\"hidden discount-price-label-wrapper ml-auto\">\n            <div class=\"discount-price discount-price-basic relative flex items-center ml-3.5 font-bold leading-3 bg-brand-blue px-2.5 text-white text-xs lg:text-sm rounded-r\n             \"\n         >\n            <span class=\"uppercase\">Je bespaart&nbsp;<\/span>\n            <span>30%<\/span>\n        <\/div>\n    <\/div>\n<\/div>","review_html":"","review_summary":null,"review_count":null,"price_old":193,"price_discount":57.9}],"filter_id":275},{"id":"236","name":"Handdouche","required":false,"multiple":true,"expanded":false,"single_product":false,"products":[{"product_id":"115312","sku":"A00000000639890","name":"Dornbracht Handdouche Chroom","image":"https:\/\/media.saniweb.nl\/cdn-cgi\/image\/fit=pad,format=auto,width=240,height=240\/media\/catalog\/productno_selection","url":"https:\/\/www.saniweb.be\/dornbracht-handdouche-chroom-2800297800.html","price_final":229.99,"price_html":"<div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"115312\" data-price-box=\"product-id-115312\">    <span class=\"w-full advice-price block shrink-0 text-xs text-brand-gray-dark -mb-2 \">\n        Adviesprijs        <span\n    x-data x-id=\"['old\\u002Dprice\\u002D115312']\"    class=\"price-container line-through&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('old\\u002Dprice\\u002D115312')\"                data-price-amount=\"287\"\n        data-price-type=\"originalPrice\"\n        class=\"price-wrapper \"\n    >287,00<\/span>\n        <\/span>\n    <\/span>\n<div class=\"current-price final flex relative\">\n    <span class=\"price-label sr-only\">Prijs<\/span>\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D115312']\"    class=\"price-container font-extrabold&#x20;text-3xl&#x20;lg&#x3A;text-3.5xl&#x20;currency-sign&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D115312')\"                data-price-amount=\"229.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    >229,99<\/span>\n        <\/span>\n<\/div>\n<div class=\"hidden discount-price-label-wrapper ml-auto\">\n            <div class=\"discount-price discount-price-basic relative flex items-center ml-3.5 font-bold leading-3 bg-brand-blue px-2.5 text-white text-xs lg:text-sm rounded-r\n             \"\n         >\n            <span class=\"uppercase\">Je bespaart&nbsp;<\/span>\n            <span>20%<\/span>\n        <\/div>\n    <\/div>\n<\/div>","review_html":"    <a class=\"rating-summary cursor-pointer flex items-center\"\n       href=\"#pdp-reviews\"\n        >\n                    <span class=\"hidden\" itemprop=\"ratingValue\">5<\/span>\n            <span class=\"hidden\" itemprop=\"reviewCount\">1<\/span>\n                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current w-6 h-6\" viewBox=\"3 0 20 20\"\n                     style=\"color: #FFCB01\"\n                     fill=\"currentColor\">\n                    <path\n                        d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371\n                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54\n                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1\n                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/>\n                <\/svg>\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current w-6 h-6\" viewBox=\"3 0 20 20\"\n                     style=\"color: #FFCB01\"\n                     fill=\"currentColor\">\n                    <path\n                        d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371\n                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54\n                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1\n                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/>\n                <\/svg>\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current w-6 h-6\" viewBox=\"3 0 20 20\"\n                     style=\"color: #FFCB01\"\n                     fill=\"currentColor\">\n                    <path\n                        d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371\n                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54\n                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1\n                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/>\n                <\/svg>\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current w-6 h-6\" viewBox=\"3 0 20 20\"\n                     style=\"color: #FFCB01\"\n                     fill=\"currentColor\">\n                    <path\n                        d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371\n                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54\n                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1\n                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/>\n                <\/svg>\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fill-current w-6 h-6\" viewBox=\"3 0 20 20\"\n                     style=\"color: #FFCB01\"\n                     fill=\"currentColor\">\n                    <path\n                        d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371\n                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54\n                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1\n                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/>\n                <\/svg>\n                                                                            \n        <span class=\"text-brand-blue ml-1 hidden sm:block\">\n                            1 reviews                    <\/span>\n        <span class=\"text-brand-blue ml-1 sm:hidden\">\n            (1)        <\/span>\n    <\/a>\n","review_summary":"100.0000","review_count":"1","price_old":287,"price_discount":57.01}],"filter_id":274}],"html":"\n<!-- Start Google Analytics 4 for Google Tag Manager by MagePal -->\n<script type=\"text\/javascript\">\n    (function () {\n        let globalDatalayer = window.dataLayer = window.dataLayer || [];\n\n        function init() {\n            const data = [{\"event\":\"view_item_list\",\"ecommerce\":{\"items\":[{\"item_name\":\"Dornbracht WATER TUBE Kneipp-slang, wit, 2000 mm Chroom\",\"item_id\":\"A00000000640529\",\"price\":89.6,\"item_list_name\":\"Advanced Crosssells\",\"item_list_id\":\"advanced_crosssells\",\"index\":1,\"currency\":\"EUR\",\"quantity\":1,\"p_id\":115434,\"original_price\":128,\"item_category\":\"Doucheslang\"},{\"item_name\":\"Dornbracht Symetrics Inbouw-wandbocht\",\"item_id\":\"A00000000640495\",\"price\":79.55,\"item_list_name\":\"Advanced Crosssells\",\"item_list_id\":\"advanced_crosssells\",\"index\":2,\"currency\":\"EUR\",\"quantity\":1,\"p_id\":115386,\"original_price\":147,\"item_category\":\"Inbouwdeel\"},{\"item_name\":\"Dornbracht Water Modules handdoucheset voor inbouw douchekraan chroom\",\"item_id\":\"A00000000644162\",\"price\":840,\"item_list_name\":\"Advanced Crosssells\",\"item_list_id\":\"advanced_crosssells\",\"index\":3,\"currency\":\"EUR\",\"quantity\":1,\"p_id\":116024,\"original_price\":1200,\"item_category\":\"Glijstangset\"},{\"item_name\":\"Dornbracht Tara Douchegarnituur met rozetten Chroom\",\"item_id\":\"A00000000640829\",\"price\":464.2,\"item_list_name\":\"Advanced Crosssells\",\"item_list_id\":\"advanced_crosssells\",\"index\":4,\"currency\":\"EUR\",\"quantity\":1,\"p_id\":115502,\"original_price\":742,\"item_category\":\"Badset\"},{\"item_name\":\"Dornbracht Meta.02 Douchehouder Chroom\",\"item_id\":\"A00000000638894\",\"price\":135.1,\"item_list_name\":\"Advanced Crosssells\",\"item_list_id\":\"advanced_crosssells\",\"index\":5,\"currency\":\"EUR\",\"quantity\":1,\"p_id\":115111,\"original_price\":193,\"item_category\":\"Wandhouder\"},{\"item_name\":\"Dornbracht Handdouche Chroom\",\"item_id\":\"A00000000639890\",\"price\":229.99,\"item_list_name\":\"Advanced Crosssells\",\"item_list_id\":\"advanced_crosssells\",\"index\":6,\"currency\":\"EUR\",\"quantity\":1,\"p_id\":115312,\"original_price\":287,\"item_category\":\"Handdouche\"}],\"currency\":\"EUR\",\"item_list_name\":\"Advanced Crosssells\",\"item_list_id\":\"advanced_crosssells\"},\"_clear\":true}];\n\n            const processedProductElements = [];\n            const viewItemListEvents = data.filter(item => item?.event === 'view_item_list');\n            const throttle = (callback, threshold = 200) => {\n                let last;\n                let deferTimer;\n                return (...args) => {\n                    const now = new Date().valueOf();\n                    if (last && now < last + threshold) {\n                        clearTimeout(deferTimer);\n                        deferTimer = setTimeout(() => {\n                            last = now;\n                            callback(args);\n                        }, threshold);\n                    } else {\n                        last = now;\n                        callback(args);\n                    }\n                };\n            }\n            const isElementInViewport = (el) => {\n                const rect = el.getBoundingClientRect();\n                const center = {\n                    x: (rect.right + rect.left) \/ 2,\n                    y: (rect.bottom + rect.top) \/ 2,\n                }\n                return (\n                    center.x >= 0 &&\n                    center.y >= 0 &&\n                    center.x <= (window.innerWidth || document.documentElement.clientWidth) &&\n                    center.y <= (window.innerHeight || document.documentElement.clientHeight)\n                );\n            }\n            const pushProductElements = (productElements) => {\n                const events = [];\n                const skus = productElements.map(productElement => productElement.dataset.listProductSku);\n                viewItemListEvents.forEach(viewItemsListEvent => {\n                    const eventItems = viewItemsListEvent?.ecommerce?.items?.filter(item => {\n                        return skus.includes(item.item_id)\n                    });\n                    if (eventItems && eventItems.length > 0) {\n                        const event = JSON.parse(JSON.stringify(viewItemsListEvent));\n                        event.ecommerce.items = eventItems;\n                        events.push(event);\n                    }\n                });\n\n                if (events.length) {\n                    events.forEach(event => {\n                        globalDatalayer.push(event);\n                    });\n                }\n            }\n            const checkNewProductsInViewport = () => {\n                const newProductElementsInViewport = [];\n                document.querySelectorAll(['[data-list-product-sku]']).forEach(productElement => {\n                    if (!processedProductElements.includes(productElement) && isElementInViewport(productElement)) {\n                        newProductElementsInViewport.push(productElement);\n                    }\n                });\n\n                if (newProductElementsInViewport.length) {\n                    processedProductElements.push(...newProductElementsInViewport);\n                    pushProductElements(newProductElementsInViewport);\n                }\n            };\n            if (viewItemListEvents.length > 0) {\n                window.addEventListener('DOMContentLoaded', checkNewProductsInViewport);\n                window.addEventListener('scroll', throttle(checkNewProductsInViewport));\n                window.addEventListener('resize', throttle(checkNewProductsInViewport));\n            }\n\n            if (data) {\n                let storedData = null\n\n                data.forEach((item) => {\n                    \/\/ Set category data on product detail page\n                    if (item?.event === 'view_item') {\n                        if (storedData === null) {\n                            storedData = JSON.parse(window.localStorage.getItem(\"product-click-ga4\"));\n                        }\n\n                        item?.ecommerce?.items?.forEach((product) => {\n                            if (storedData?.index) {\n                                product.index = storedData.index\n                            }\n\n                            if (storedData?.item_list_name) {\n                                product.item_list_name = storedData.item_list_name;\n                                product.item_list_id = storedData.item_list_id;\n                            }\n                        })\n                    }\n\n                    if (item?.event !== 'view_item_list') {\n                        globalDatalayer.push(item);\n                    }\n                })\n            }\n        }\n\n        init();\n\n                \/\/ Track product clicks\n        const productsList = [{\"item_list_name\":\"Advanced Crosssells\",\"item_list_id\":\"advanced_crosssells\",\"class_name\":\"[data-upsell-tool-category] a.product-item-link\",\"container_class\":\"[data-list-product-sku]\"}]\n        document.body.addEventListener('click', (event) => {\n            productsList.forEach((list) => {\n                if (list?.class_name) {\n                    const clickTarget = event.target;\n                    const productLink = clickTarget.closest(list?.class_name);\n                    if (productLink) {\n                        productClick(productLink, list)\n                    }\n                }\n            });\n            return;\n        });\n\n        function productClick(element, list) {\n            const container = element.closest(list?.container_class)\n\n            \/\/ Find product url\n            let productUrl = null\n            if (container && container.querySelector('a.product-item-link')) {\n                productUrl = container.querySelector('a.product-item-link').href\n            } else if (container && container.querySelector('a.product-item-photo')) {\n                productUrl = container.querySelector('a.product-item-photo').href\n            } else {\n                productUrl = element.href\n            }\n\n            const priceBox = container.querySelector(\"[data-product-id]\")\n            if (priceBox) {\n                const productId = priceBox.dataset.productId\n\n                const productCollection = globalDatalayer.filter((layer) => layer?.ecommerce?.items).reduce((collection, layer) => collection.concat(...layer.ecommerce.items), [])\n                const product = productCollection.find((product) => product.p_id == productId)\n\n                const productClickData = {\n                    pid: productId,\n                    item_id: product.item_id,\n                    item_list_name: list.item_list_name,\n                    item_list_id: list.item_list_id,\n                    index: product.index\n                }\n                window.localStorage.setItem(\"product-click-ga4\", JSON.stringify(productClickData))\n\n                globalDatalayer.push({\n                    'event': 'select_item',\n                    'ecommerce': {\n                        'items': [product]\n                    },\n                    '_clear': true\n                });\n            }\n        }\n            })();\n<\/script>\n<!-- End Google Analytics 4 for Google Tag Manager by MagePal -->\n"}