`); let searchResultsWrapper = document.getElementById("search-results-wrapper-39387"); let searchResults = document.getElementById("search-results-39387"); let searchResultsClose = document.getElementById("search-results-close-39387"); searchResultsWrapper.addEventListener("click", function(e) { if(e.target === searchInput) return; if(e.target === searchResultsClose) return; if(searchResultsClose.contains(e.target)) return; if(e.target === searchResults) return; if(searchResults.contains(e.target)) return; closeSearch(); }); function closeSearch() { document.body.classList.remove("search-open-39387"); if(searchInput.value.trim() === "") { window.setTimeout(function() { searchResults.innerHTML = ""; }, 250); } } searchResultsClose.addEventListener("click", closeSearch); function showSearch() { document.body.classList.add("search-open-39387"); let top = searchInput.getBoundingClientRect().bottom; // searchResults.style.top = "calc(" + top + "px + 1rem)"; } function doSearch(term) { if(term.trim() === "") { closeSearch(); return; } const query = term.trim(); const currentUrl = new URL(window.location); currentUrl.searchParams.set('q', query); window.history.replaceState(null, null, currentUrl.toString()); showSearch(); let fd = new FormData(); fd.append("search2", ""); fd.append("term", term); $.ajax({ method: "POST", data: fd, contentType: false, processData: false, success: function(data) { searchResults.innerHTML = ""; let searchTermDiv = document.createElement("div"); searchResults.appendChild(searchTermDiv); searchTermDiv.className = "text-center py-3 bg-light sticky-top"; if(data.numResults == 0) { searchTermDiv.innerText = "No search results"; } else if(data.numResults == 1) { searchTermDiv.innerText = "search result"; } else { searchTermDiv.innerText = data.numResults.toLocaleString() + " " + "search results"; } searchTermDiv.innerText += " " + "for" + " "; let searchTermSpan = document.createElement("span"); searchTermDiv.appendChild(searchTermSpan); searchTermSpan.className = "font-weight-bold"; searchTermSpan.innerText = term; let bigRowDiv = document.createElement("div"); searchResults.appendChild(bigRowDiv); bigRowDiv.className = "row no-gutters justify-content-center"; let resultProducts = []; let resultOther = []; for(let result of data.results) { if(result.pageType === "product") { resultProducts.push(result); } else { resultOther.push(result); } } if(resultOther.length) { let bigCol1Div = document.createElement("div"); bigRowDiv.appendChild(bigCol1Div); bigCol1Div.className = "col-12 col-lg-2 pr-lg-2 pt-lg-1"; for(let result of resultOther) { let resultDiv = document.createElement("div"); bigCol1Div.appendChild(resultDiv); resultDiv.className = "position-relative rounded p-3 mb-2 search-result"; let title = document.createElement("div"); resultDiv.appendChild(title); title.innerText = result.title title.className = "search-result-title"; title.title = result.title; if(result.pageType === "category") { let badge = document.createElement("span"); title.appendChild(badge); badge.className = "text-secondary ml-2 small font-weight-bold"; badge.innerText = "Category"; } else if(result.pageType === "blog") { let badge = document.createElement("span"); title.appendChild(badge); badge.className = "text-secondary ml-2 small font-weight-bold"; badge.innerText = "Blog"; } let anchor = document.createElement("a"); resultDiv.appendChild(anchor); anchor.href = result.url; anchor.className = "stretched-link"; } } if(resultProducts.length) { let bigCol2Div = document.createElement("div"); bigRowDiv.appendChild(bigCol2Div); bigCol2Div.className = "col pl-lg-4"; let rowDiv = document.createElement("div"); bigCol2Div.appendChild(rowDiv); rowDiv.className = "row no-gutters justify-content-center mx-n1 mx-lg-0"; for(let result of resultProducts) { let colDiv = document.createElement("div"); rowDiv.appendChild(colDiv); colDiv.className = "col-6 col-lg-3 col-xl-2 p-1"; let resultDiv = document.createElement("div"); colDiv.appendChild(resultDiv); resultDiv.className = "search-result position-relative h-100 p-3 rounded"; resultDiv.title = result.title; let img = document.createElement("img"); resultDiv.appendChild(img); if(typeof result.imageUrl !== "undefined") { img.src = result.imageUrl; } let anchor = document.createElement("a"); resultDiv.appendChild(anchor); anchor.href = result.url; anchor.className = "stretched-link"; let title = document.createElement("div"); resultDiv.appendChild(title); title.innerText = result.title title.className = "search-result-title text-center mt-2"; title.title = result.title; let bottomRow = document.createElement("div"); resultDiv.append(bottomRow); bottomRow.className = "row no-gutters mt-2"; let priceDiv = document.createElement("div"); bottomRow.appendChild(priceDiv); priceDiv.className = "col my-auto text-center h6 font-weight-bold text-primary text-nowrap"; if(result.price <= 0) { priceDiv.innerHTML = "Quotation"; } else { priceDiv.innerHTML = "€"; priceDiv.innerText += result.price.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2, }); let cartDiv = document.createElement("div"); bottomRow.appendChild(cartDiv); cartDiv.className = "col-auto"; cartDiv.insertAdjacentHTML("beforeend", `
`); } } } setCmsEvent("event", "search", { "developer_id.dMzIyNT": true, search_term: term, search_count: data.numResults }); }, error: function(error) { console.log("Search failed; error:"); console.log(error); } }); } searchInput.addEventListener("input", function() { updateSearchInputClear(); if(callback) window.clearTimeout(callback); let inputCallback = function() { doSearch(searchInput.value); } callback = window.setTimeout(inputCallback, 250); }); });
support_agent
`); let searchResultsWrapper = document.getElementById("search-results-wrapper-22550"); let searchResults = document.getElementById("search-results-22550"); let searchResultsClose = document.getElementById("search-results-close-22550"); searchResultsWrapper.addEventListener("click", function(e) { if(e.target === searchInput) return; if(e.target === searchResultsClose) return; if(searchResultsClose.contains(e.target)) return; if(e.target === searchResults) return; if(searchResults.contains(e.target)) return; closeSearch(); }); function closeSearch() { document.body.classList.remove("search-open-22550"); if(searchInput.value.trim() === "") { window.setTimeout(function() { searchResults.innerHTML = ""; }, 250); } } searchResultsClose.addEventListener("click", closeSearch); function showSearch() { document.body.classList.add("search-open-22550"); let top = searchInput.getBoundingClientRect().bottom; // searchResults.style.top = "calc(" + top + "px + 1rem)"; } function doSearch(term) { if(term.trim() === "") { closeSearch(); return; } const query = term.trim(); const currentUrl = new URL(window.location); currentUrl.searchParams.set('q', query); window.history.replaceState(null, null, currentUrl.toString()); showSearch(); let fd = new FormData(); fd.append("search2", ""); fd.append("term", term); $.ajax({ method: "POST", data: fd, contentType: false, processData: false, success: function(data) { searchResults.innerHTML = ""; let searchTermDiv = document.createElement("div"); searchResults.appendChild(searchTermDiv); searchTermDiv.className = "text-center py-3 bg-light sticky-top"; if(data.numResults == 0) { searchTermDiv.innerText = "No search results"; } else if(data.numResults == 1) { searchTermDiv.innerText = "search result"; } else { searchTermDiv.innerText = data.numResults.toLocaleString() + " " + "search results"; } searchTermDiv.innerText += " " + "for" + " "; let searchTermSpan = document.createElement("span"); searchTermDiv.appendChild(searchTermSpan); searchTermSpan.className = "font-weight-bold"; searchTermSpan.innerText = term; let bigRowDiv = document.createElement("div"); searchResults.appendChild(bigRowDiv); bigRowDiv.className = "row no-gutters justify-content-center"; let resultProducts = []; let resultOther = []; for(let result of data.results) { if(result.pageType === "product") { resultProducts.push(result); } else { resultOther.push(result); } } if(resultOther.length) { let bigCol1Div = document.createElement("div"); bigRowDiv.appendChild(bigCol1Div); bigCol1Div.className = "col-12 col-lg-2 pr-lg-2 pt-lg-1"; for(let result of resultOther) { let resultDiv = document.createElement("div"); bigCol1Div.appendChild(resultDiv); resultDiv.className = "position-relative rounded p-3 mb-2 search-result"; let title = document.createElement("div"); resultDiv.appendChild(title); title.innerText = result.title title.className = "search-result-title"; title.title = result.title; if(result.pageType === "category") { let badge = document.createElement("span"); title.appendChild(badge); badge.className = "text-secondary ml-2 small font-weight-bold"; badge.innerText = "Category"; } else if(result.pageType === "blog") { let badge = document.createElement("span"); title.appendChild(badge); badge.className = "text-secondary ml-2 small font-weight-bold"; badge.innerText = "Blog"; } let anchor = document.createElement("a"); resultDiv.appendChild(anchor); anchor.href = result.url; anchor.className = "stretched-link"; } } if(resultProducts.length) { let bigCol2Div = document.createElement("div"); bigRowDiv.appendChild(bigCol2Div); bigCol2Div.className = "col pl-lg-4"; let rowDiv = document.createElement("div"); bigCol2Div.appendChild(rowDiv); rowDiv.className = "row no-gutters justify-content-center mx-n1 mx-lg-0"; for(let result of resultProducts) { let colDiv = document.createElement("div"); rowDiv.appendChild(colDiv); colDiv.className = "col-6 col-lg-3 col-xl-2 p-1"; let resultDiv = document.createElement("div"); colDiv.appendChild(resultDiv); resultDiv.className = "search-result position-relative h-100 p-3 rounded"; resultDiv.title = result.title; let img = document.createElement("img"); resultDiv.appendChild(img); if(typeof result.imageUrl !== "undefined") { img.src = result.imageUrl; } let anchor = document.createElement("a"); resultDiv.appendChild(anchor); anchor.href = result.url; anchor.className = "stretched-link"; let title = document.createElement("div"); resultDiv.appendChild(title); title.innerText = result.title title.className = "search-result-title text-center mt-2"; title.title = result.title; let bottomRow = document.createElement("div"); resultDiv.append(bottomRow); bottomRow.className = "row no-gutters mt-2"; let priceDiv = document.createElement("div"); bottomRow.appendChild(priceDiv); priceDiv.className = "col my-auto text-center h6 font-weight-bold text-primary text-nowrap"; if(result.price <= 0) { priceDiv.innerHTML = "Quotation"; } else { priceDiv.innerHTML = "€"; priceDiv.innerText += result.price.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2, }); let cartDiv = document.createElement("div"); bottomRow.appendChild(cartDiv); cartDiv.className = "col-auto"; cartDiv.insertAdjacentHTML("beforeend", `
`); } } } setCmsEvent("event", "search", { "developer_id.dMzIyNT": true, search_term: term, search_count: data.numResults }); }, error: function(error) { console.log("Search failed; error:"); console.log(error); } }); } searchInput.addEventListener("input", function() { updateSearchInputClear(); if(callback) window.clearTimeout(callback); let inputCallback = function() { doSearch(searchInput.value); } callback = window.setTimeout(inputCallback, 250); }); });
Official partner
Nederlands Deutsch
Nederlands Deutsch
`); let searchResultsWrapper = document.getElementById("search-results-wrapper-24362"); let searchResults = document.getElementById("search-results-24362"); let searchResultsClose = document.getElementById("search-results-close-24362"); searchResultsWrapper.addEventListener("click", function(e) { if(e.target === searchInput) return; if(e.target === searchResultsClose) return; if(searchResultsClose.contains(e.target)) return; if(e.target === searchResults) return; if(searchResults.contains(e.target)) return; closeSearch(); }); function closeSearch() { document.body.classList.remove("search-open-24362"); if(searchInput.value.trim() === "") { window.setTimeout(function() { searchResults.innerHTML = ""; }, 250); } } searchResultsClose.addEventListener("click", closeSearch); function showSearch() { document.body.classList.add("search-open-24362"); let top = searchInput.getBoundingClientRect().bottom; // searchResults.style.top = "calc(" + top + "px + 1rem)"; } function doSearch(term) { if(term.trim() === "") { closeSearch(); return; } const query = term.trim(); const currentUrl = new URL(window.location); currentUrl.searchParams.set('q', query); window.history.replaceState(null, null, currentUrl.toString()); showSearch(); let fd = new FormData(); fd.append("search2", ""); fd.append("term", term); $.ajax({ method: "POST", data: fd, contentType: false, processData: false, success: function(data) { searchResults.innerHTML = ""; let searchTermDiv = document.createElement("div"); searchResults.appendChild(searchTermDiv); searchTermDiv.className = "text-center py-3 bg-light sticky-top"; if(data.numResults == 0) { searchTermDiv.innerText = "No search results"; } else if(data.numResults == 1) { searchTermDiv.innerText = "search result"; } else { searchTermDiv.innerText = data.numResults.toLocaleString() + " " + "search results"; } searchTermDiv.innerText += " " + "for" + " "; let searchTermSpan = document.createElement("span"); searchTermDiv.appendChild(searchTermSpan); searchTermSpan.className = "font-weight-bold"; searchTermSpan.innerText = term; let bigRowDiv = document.createElement("div"); searchResults.appendChild(bigRowDiv); bigRowDiv.className = "row no-gutters justify-content-center"; let resultProducts = []; let resultOther = []; for(let result of data.results) { if(result.pageType === "product") { resultProducts.push(result); } else { resultOther.push(result); } } if(resultOther.length) { let bigCol1Div = document.createElement("div"); bigRowDiv.appendChild(bigCol1Div); bigCol1Div.className = "col-12 col-lg-2 pr-lg-2 pt-lg-1"; for(let result of resultOther) { let resultDiv = document.createElement("div"); bigCol1Div.appendChild(resultDiv); resultDiv.className = "position-relative rounded p-3 mb-2 search-result"; let title = document.createElement("div"); resultDiv.appendChild(title); title.innerText = result.title title.className = "search-result-title"; title.title = result.title; if(result.pageType === "category") { let badge = document.createElement("span"); title.appendChild(badge); badge.className = "text-secondary ml-2 small font-weight-bold"; badge.innerText = "Category"; } else if(result.pageType === "blog") { let badge = document.createElement("span"); title.appendChild(badge); badge.className = "text-secondary ml-2 small font-weight-bold"; badge.innerText = "Blog"; } let anchor = document.createElement("a"); resultDiv.appendChild(anchor); anchor.href = result.url; anchor.className = "stretched-link"; } } if(resultProducts.length) { let bigCol2Div = document.createElement("div"); bigRowDiv.appendChild(bigCol2Div); bigCol2Div.className = "col pl-lg-4"; let rowDiv = document.createElement("div"); bigCol2Div.appendChild(rowDiv); rowDiv.className = "row no-gutters justify-content-center mx-n1 mx-lg-0"; for(let result of resultProducts) { let colDiv = document.createElement("div"); rowDiv.appendChild(colDiv); colDiv.className = "col-6 col-lg-3 col-xl-2 p-1"; let resultDiv = document.createElement("div"); colDiv.appendChild(resultDiv); resultDiv.className = "search-result position-relative h-100 p-3 rounded"; resultDiv.title = result.title; let img = document.createElement("img"); resultDiv.appendChild(img); if(typeof result.imageUrl !== "undefined") { img.src = result.imageUrl; } let anchor = document.createElement("a"); resultDiv.appendChild(anchor); anchor.href = result.url; anchor.className = "stretched-link"; let title = document.createElement("div"); resultDiv.appendChild(title); title.innerText = result.title title.className = "search-result-title text-center mt-2"; title.title = result.title; let bottomRow = document.createElement("div"); resultDiv.append(bottomRow); bottomRow.className = "row no-gutters mt-2"; let priceDiv = document.createElement("div"); bottomRow.appendChild(priceDiv); priceDiv.className = "col my-auto text-center h6 font-weight-bold text-primary text-nowrap"; if(result.price <= 0) { priceDiv.innerHTML = "Quotation"; } else { priceDiv.innerHTML = "€"; priceDiv.innerText += result.price.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2, }); let cartDiv = document.createElement("div"); bottomRow.appendChild(cartDiv); cartDiv.className = "col-auto"; cartDiv.insertAdjacentHTML("beforeend", `
`); } } } setCmsEvent("event", "search", { "developer_id.dMzIyNT": true, search_term: term, search_count: data.numResults }); }, error: function(error) { console.log("Search failed; error:"); console.log(error); } }); } searchInput.addEventListener("input", function() { updateSearchInputClear(); if(callback) window.clearTimeout(callback); let inputCallback = function() { doSearch(searchInput.value); } callback = window.setTimeout(inputCallback, 250); }); });
person Log in
This website uses cookies
We use cookies to improve user experience and display personalized advertisem*nts. Choose what cookies you allow us to use. You can read more about our Cookie Policy in our Privacy policy. Click here.