1 <!doctype html><html lang="nl"><head ><meta charset="utf-8"/> 2<meta name="title" content="Radbag persberichten en samenwerkingen | snelle levering"/> 3<meta name="description" content="Ben je onder de indruk van onze producten? Wil je graag goed fotomateriaal ontvangen? Of heb je een geweldig idee voor een (online) samenwerking? Aarzel niet en neem contact met ons op. "/> 4<meta name="keywords" content="contact, PR, Persberichten, laatste nieuws, samenwerkingen, Influencer, blogger"/> 5<meta name="robots" content="INDEX,FOLLOW"/> 6<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> 7<title>Radbag persberichten en samenwerkingen | snelle levering</title> 8<link rel="stylesheet" type="text/css" defer="defer" href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/css/styles.css?tas=version20260915v1" /> 9<link rel="stylesheet" type="text/css" media="all" href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Algolia_AlgoliaSearch/css/grid.css?tas=version20260915v1" /> 10<link rel="stylesheet" type="text/css" media="all" href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Algolia_AlgoliaSearch/css/algolia-reset.css?tas=version20260915v1" /> 11<link rel="stylesheet" type="text/css" media="all" href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Algolia_AlgoliaSearch/css/recommend.css?tas=version20260915v1" /> 12<link rel="icon" type="image/x-icon" href="https://www.radbag.be/media/favicon/stores/12/favicon-32x32_180x180_1.jpg" /> 13<link rel="shortcut icon" type="image/x-icon" href="https://www.radbag.be/media/favicon/stores/12/favicon-32x32_180x180_1.jpg" /> 14<meta name="p:domain_verify" content="46c5e27ec3f036b0b3f17c9115bedf6a"/> 15<meta name="google-site-verification" content="_ttMKJTphQYTt767kDQ0F17VgWDJouolxezh-mKUWcs" /> 16 17<!-- Matomo Tag Manager -->
18<script> 19var _mtm = window._mtm = window._mtm || []; 20_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); 21var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 22g.async=true; g.src='https://upsidedown.radbag.de/scripts/matomo/js/container_3nmwvrTl.js'; s.parentNode.insertBefore(g,s); 23</script>
23 24<!-- End Matomo Tag Manager --> 25
26<script> 27 window.dataLayer = window.dataLayer || []; 28 29 window.gtag = function() { dataLayer.push(arguments); } 30 31 window.gtag('consent', 'default', { 32 ad_storage: 'granted', 33 analytics_storage: 'granted', 34 ad_user_data: 'granted', 35 ad_personalization: 'granted', 36 wait_for_update: 500 37 }); 38</script>
38
38<script> 39 const firedEvents = JSON.parse(sessionStorage.getItem('__cvg_events_dedup') || '{}'); 40 const isDuplicateEvent = (eventData) => { 41 if (eventData.triggered) return true; 42 eventData.triggered = true; 43 if (!eventData.eventID) return false; 44 const key = `${eventData.eventName}::${eventData.eventID}`; 45 if (firedEvents[key]) return true; 46 firedEvents[key] = true; 47 sessionStorage.setItem('__cvg_events_dedup', JSON.stringify(firedEvents)); 48 return false; 49 }; 50 51 const processIdentify = function (sectionData) { 52 const aliases = sectionData?.cvg_aliases; 53 const profileProperties = sectionData?.cvg_profile_properties; 54 if (aliases || profileProperties) { 55 window.cvg({ 56 method: 'set', 57 aliases, 58 profileProperties 59 }) 60 } 61 } 62 63 const processSection = (sectionData) => { 64 processIdentify(sectionData); 65 const cvgEvents = sectionData?.cvg_events || {}; 66 for (const eventId in cvgEvents) { 67 const eventData = cvgEvents[eventId]; 68 if (!isDuplicateEvent(eventData)) window.cvg(eventData); 69 } 70 } 71 72 window.addEventListener('private-content-loaded', function(event) { 73 processSection(event.detail.data.cart); 74 processSection(event.detail.data.customer); 75 });</script>
75<script type="text/x-magento-init"> 76 {"*":{"converge": {}}}</script>
76
76<script> const publicToken = "LAkrTN"; 77 if (window !== window.parent) { 78 // we are in an iframe 79 window.cvg = (e) => { 80 console.info('Skipping tracking a Converge event because the pixel is loaded in an iFrame:', e); 81 } 82 } else if (!publicToken) { 83 window.cvg = (e) => { 84 console.warn('Cannot track event because Converge public token is not set:', e); 85 } 86 } else { 87 !function(){"use strict";!function(e,t,c,n,s,o,r){e.cvg||(s=e.cvg=function(){ 88 s.process?s.process.apply(s,arguments):s.queue.push(arguments)},s.queue=[],(o= 89 t.createElement(c)).async=1,o.src="https://static.runconverge.com/pixels/"+publicToken+".js", 90 (r=t.getElementsByTagName(c)[0]).parentNode.insertBefore(o,r))}(window,document, 91 "script")}(); 92 } 93 94 window.cvg||(cvg=function(){cvg.process?cvg.process.apply(cvg,arguments):cvg.queue.push(arguments)},cvg.queue=[]); 95 window.cvg({ method: 'set', eventProperties: {"$magento_store_name":"Radbag.be","$magento_store_id":"12"} }) 96 window.cvg({ method: "track", eventName: "$page_load" });</script>
96
96<script type="text/javascript" > 97 var eventNames = [ 98 "wheel", 99 "touchstart", 100 "mouseover", 101 "scroll", 102 "keydown" 103 ]; 104 function addMultiEventListener(element, eventNames, listener) { 105 for (var i=0, iLen=eventNames.length; i<iLen; i++) { 106 element.addEventListener(eventNames[i], listener, true); 107 } 108 } 109 function removeMultiEventListener(element, eventNames, listener) { 110 for (var i=0, iLen=eventNames.length; i<iLen; i++) { 111 element.removeEventListener(eventNames[i], listener, true); 112 } 113 } 114 var isMtmLoaded = false; 115 const loadMtmScript = () => { 116 if (!isMtmLoaded){ 117 var _mtm = window._mtm = window._mtm || []; 118 var mtmData; 119 _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); 120 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 121 g.async=true; 122 g.onload = () => { 123 124 let product = []; 125 if (typeof require !== 'undefined') { 126 products = document.querySelectorAll('.products [id^="product-item"]'); 127 } else { 128 products = document.querySelectorAll('.product-slider a.product, .products a.product'); 129 } 130 if (products.length) { 131 products.forEach(function(product) { 132 product.addEventListener('click', function(event, s) { 133 const regex = /_(\d+)$/; 134 let productId = ''; 135 if (product.id) { 136 const matches = product.id.match(regex); 137 if (matches.length) { 138 productId = matches[1]; 139 } 140 } else { 141 if (product.parentElement) { 142 let parentElementNode = product.parentElement.nodeName.toLowerCase(); 143 if (parentElementNode == 'form') { 144 productId = product.parentElement.querySelector('input[name="product"]').value; 145 } 146 } 147 } 148 if (productId) { 149 const productData = window['JAJUMA_MATOMO_PRODUCT_DATA_ID_' + productId] || {}; 150 productData.item_id = productId; 151 mtmData = { 152 'event': 'click_product', 153 'ecommerce': { 154 'items': [productData] 155 } 156 } 157 _mtm.push(mtmData); 158 } 159 }) 160 }) 161 } 162 163 if (typeof require !== 'undefined') { 164 require(['Magento_Customer/js/customer-data'], function(customerData) { 165 let sectionData = customerData.get('cart'); 166 sectionData.subscribe(function (cartValue) { 167 if (cartValue.mtmUpdateCart) { 168 mtmData = { 169 'event': cartValue.mtmUpdateCart.event, 170 'ecommerce': { 171 'items': cartValue.mtmUpdateCart.item, 172 'qty': cartValue.mtmUpdateCart.qty 173 } 174 } 175 _mtm.push(mtmData); 176 } 177 }); 178 }); 179 } else { 180 window.addEventListener("private-content-loaded", event => { 181 const sectionData = event.detail.data; 182 if (sectionData) { 183 const cart = sectionData.cart; 184 if (!cart.triggered) {
185 if (cart.mtmUpdateCart) { 186 mtmData = { 187 'event': cart.mtmUpdateCart.event, 188 'ecommerce': { 189 'items': cart.mtmUpdateCart.item, 190 'qty': cart.mtmUpdateCart.qty 191 } 192 } 193 _mtm.push(mtmData); 194 } 195 sectionData.cart.triggered = true; 196 } 197 } 198 }); 199 } 200 201 202 } 203 g.src='https://upsidedown.radbag.at/scripts/matomo/js/container_3nmwvrTl.js'; s.parentNode.insertBefore(g,s); 204 removeMultiEventListener(window, eventNames, loadMtmScript); 205 } else { 206 removeMultiEventListener(window, eventNames, loadMtmScript); 207 } 208 } 209 addMultiEventListener(window, eventNames, loadMtmScript); 210 </script>
210
210<script> 211 /* dataLayer */ 212 window.dataLayer = window.dataLayer || []; 213 214 /* Algolia User Token */ 215 var algoliaUserToken = getCookie('aa-search'); 216 if(algoliaUserToken == null) { 217 algoliaUserToken = getCookie('_ALGOLIA'); 218 } 219 220 getCookie('_ALGOLIA') == '' ? document.cookie = "_ALGOLIA=12341234" : ''; 221 222 let random = Math.floor(Date.now() * Math.random()); 223 dataLayer.push({"eventID": random}); 224 225 var pageType = ''; 226 dataLayer.push({ 227 "referrer": document.referrer, 228 "url_path": window.location.pathname, 229 "url": window.location.href, 230 "url_hostname": window.location.host, 231 "clicked_element_text": window.location.host, 232 "ecomm_pagetype": '', 233 "pageType": '', 234 "customerGroup": 'NOT LOGGED IN', 235 "customerGroupId": 0, 236 "algoliaUserToken": algoliaUserToken 237 }); 238 239 document.addEventListener('click', function(e) { 240 e = e || window.event; 241 var target = e.target || e.srcElement, 242 text = target.textContent || target.innerText; 243 window.dataLayer.clicked_element_text = text; 244 }, false); 245 246 function getCookie(name) { 247 var cookieArr = document.cookie.split(";"); 248 for(var i = 0; i < cookieArr.length; i++) { 249 var cookiePair = cookieArr[i].split("="); 250 if(name == cookiePair[0].trim()) { 251 return decodeURIComponent(cookiePair[1]); 252 } 253 } 254 return null; 255 }</script>
255 <!-- GTM -->
255<script> 256 var move = 0; 257 function moveCursor(){ 258 if(move == 0){
vendor: 353 bytes, lines 258-263
258 259 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 260 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 261 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 262 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 263 })(window,document,'script','dataLayer','
263GTM-P36W2NR
vendor: 9 bytes, lines 263-264
263'); 264
264move = 1; 265 } 266 } 267 addEventListener('mousemove', moveCursor, false); 268 addEventListener('touchstart', moveCursor, false); 269 addEventListener('scroll', moveCursor, false);</script>
269
269<script> 270 var BASE_URL = 'https://www.radbag.be/'; 271 var THEME_PATH = 'https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL'; 272 var COOKIE_CONFIG = { 273 "expires": null, 274 "path": "\u002F", 275 "domain": ".www.radbag.be", 276 "secure": true, 277 "lifetime": "86400", 278 "cookie_restriction_enabled": false }; 279 var CURRENT_STORE_CODE = 'radbagbe'; 280 var CURRENT_WEBSITE_ID = '6'; 281 282 window.hyva = window.hyva || {} 283 284 window.cookie_consent_groups = window.cookie_consent_groups || {} 285 window.cookie_consent_groups['necessary'] = true; 286 287 window.cookie_consent_config = window.cookie_consent_config || {}; 288 window.cookie_consent_config['necessary'] = [].concat( 289 window.cookie_consent_config['necessary'] || [], 290 [ 291 'user_allowed_save_cookie', 292 'form_key', 293 'mage-messages', 294 'private_content_version', 295 'mage-cache-sessid', 296 'last_visited_store', 297 'section_data_ids' 298 ] 299 );</script>
299
299<script> 300 'use strict'; 301 (function( hyva, undefined ) { 302 303 function lifetimeToExpires(options, defaults) { 304 305 const lifetime = options.lifetime || defaults.lifetime; 306 307 if (lifetime) { 308 const date = new Date; 309 date.setTime(date.getTime() + lifetime * 1000); 310 return date; 311 } 312 313 return null; 314 } 315 316 function generateRandomString() { 317 318 const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 319 length = 16; 320 321 let formKey = '', 322 charactersLength = allowedCharacters.length; 323 324 for (let i = 0; i < length; i++) { 325 formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] 326 } 327 328 return formKey; 329 } 330 331 const sessionCookieMarker = {noLifetime: true} 332 333 const cookieTempStorage = {}; 334 335 const internalCookie = { 336 get(name) { 337 const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 338 return v ? v[2] : null; 339 }, 340 set(name, value, days, skipSetDomain) { 341 let expires, 342 path, 343 domain, 344 secure, 345 samesite; 346 347 const defaultCookieConfig = { 348 expires: null, 349 path: '/', 350 domain: null, 351 secure: false, 352 lifetime: null, 353 samesite: 'lax' 354 }; 355 356 const cookieConfig = window.COOKIE_CONFIG || {}; 357 358 expires = days && days !== sessionCookieMarker 359 ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) 360 : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; 361 362 path = cookieConfig.path || defaultCookieConfig.path; 363 domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); 364 secure = cookieConfig.secure || defaultCookieConfig.secure; 365 samesite = cookieConfig.samesite || defaultCookieConfig.samesite; 366 367 document.cookie = name + "=" + encodeURIComponent(value) + 368 (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + 369 (path ? '; path=' + path : '') + 370 (domain ? '; domain=' + domain : '') + 371 (secure ? '; secure' : '') + 372 (samesite ? '; samesite=' + samesite : 'lax'); 373 }, 374 isWebsiteAllowedToSaveCookie() { 375 const allowedCookies = this.get('user_allowed_save_cookie'); 376 if (allowedCookies) { 377 const allowedWebsites = JSON.parse(unescape(allowedCookies)); 378 379 return allowedWebsites[CURRENT_WEBSITE_ID] === 1; 380 } 381 return false; 382 }, 383 getGroupByCookieName(name) { 384 const cookieConsentConfig = window.cookie_consent_config || {}; 385 let group = null; 386 for (let prop in cookieConsentConfig) { 387 if (!cookieConsentConfig.hasOwnProperty(prop)) continue; 388 if (cookieConsentConfig[prop].includes(name)) { 389 group = prop; 390 break; 391 } 392 } 393 return group; 394 }, 395 isCookieAllowed(name) { 396 const cookieGroup = this.getGroupByCookieName(name); 397 return cookieGroup 398 ? window.cookie_consent_groups[cookieGroup] 399 : this.isWebsiteAllowedToSaveCookie(); 400 }, 401 saveTempStorageCookies() { 402 for (const [name, data] of Object.entries(cookieTempStorage)) { 403 if (this.isCookieAllowed(name)) { 404 this.set(name, data['value'], data['days'], data['skipSetDomain']); 405 delete cookieTempStorage[name]; 406 } 407 } 408 } 409 }; 410 411 hyva.getCookie = (name) => { 412 const cookieConfig = window.COOKIE_CONFIG || {}; 413 414 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 415 return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; 416 } 417 418 return internalCookie.get(name); 419 } 420 421 hyva.setCookie = (name, value, days, skipSetDomain) => { 422 const cookieConfig = window.COOKIE_CONFIG || {}; 423 424 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 425 cookieTempStorage[name] = {value, days, skipSetDomain}; 426 return; 427 } 428 return internalCookie.set(name, value, days, skipSetDomain); 429 } 430 431 432 hyva.setSessionCookie = (name, value, skipSetDomain) => { 433 return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) 434 } 435 436 hyva.getBrowserStorage = () => { 437 const browserStorage = window.localStorage || window.sessionStorage; 438 if (!browserStorage) { 439 console.warn('Browser Storage is unavailable'); 440 return false;
441 } 442 try { 443 browserStorage.setItem('storage_test', '1'); 444 browserStorage.removeItem('storage_test'); 445 } catch (error) { 446 console.warn('Browser Storage is not accessible', error); 447 return false; 448 } 449 return browserStorage; 450 } 451 452 hyva.postForm = (postParams) => { 453 const form = document.createElement("form"); 454 455 let data = postParams.data; 456 457 if (! postParams.skipUenc && ! data.uenc) { 458 data.uenc = btoa(window.location.href); 459 } 460 form.method = "POST"; 461 form.action = postParams.action; 462 463 Object.keys(postParams.data).map(key => { 464 const field = document.createElement("input"); 465 field.type = 'hidden' 466 field.value = postParams.data[key]; 467 field.name = key; 468 form.appendChild(field); 469 }); 470 471 const form_key = document.createElement("input"); 472 form_key.type = 'hidden'; 473 form_key.value = hyva.getFormKey(); 474 form_key.name="form_key"; 475 form.appendChild(form_key); 476 477 document.body.appendChild(form); 478 479 form.submit(); 480 } 481 482 hyva.getFormKey = function () { 483 let formKey = hyva.getCookie('form_key'); 484 485 if (!formKey) { 486 formKey = generateRandomString(); 487 hyva.setCookie('form_key', formKey); 488 } 489 490 return formKey; 491 } 492 493 hyva.formatPrice = (value, showSign, options = {}) => { 494 const formatter = new Intl.NumberFormat( 495 'nl\u002DNL', 496 Object.assign({ 497 style: 'currency', 498 currency: 'EUR', 499 signDisplay: showSign ? 'always' : 'auto' 500 }, options) 501 ); 502 return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? 503 formatter.formatToParts(value).map(({type, value}) => { 504 switch (type) { 505 case 'currency': 506 return '\u20AC' || value; 507 case 'minusSign': 508 return '- '; 509 case 'plusSign': 510 return '+ '; 511 default : 512 return value; 513 } 514 }).reduce((string, part) => string + part) : 515 formatter.format(value); 516 } 517 518 const formatStr = function (str, nStart) { 519 const args = Array.from(arguments).slice(2); 520 521 return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { 522 const idx = parseInt(n) - nStart; 523 524 if (args[idx] === null || args[idx] === void 0) { 525 return m; 526 } 527 return p.length % 2 528 ? p.slice(0, -1).replace('%%', '%') + args[idx] 529 : p.replace('%%', '%') + n; 530 }) 531 } 532 533 hyva.str = function (string) { 534 const args = Array.from(arguments); 535 args.splice(1, 0, 1); 536 537 return formatStr.apply(undefined, args); 538 } 539 540 hyva.strf = function () { 541 const args = Array.from(arguments); 542 args.splice(1, 0, 0); 543 544 return formatStr.apply(undefined, args); 545 } 546 547 /** 548 * Take a html string as `content` parameter and 549 * extract an element from the DOM to replace in 550 * the current page under the same selector, 551 * defined by `targetSelector` 552 */ 553 hyva.replaceDomElement = (targetSelector, content) => { 554 555 const parser = new DOMParser(); 556 const doc = parser.parseFromString(content, 'text/html'); 557 const contentNode = doc.querySelector(targetSelector); 558 559 560 if (!contentNode) { 561 return; 562 } 563 564 hyva.activateScripts(contentNode) 565 566
567 document.querySelector(targetSelector).replaceWith(contentNode); 568 569 570 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 571 hyva.initMessages(); 572 } 573 574 hyva.activateScripts = (contentNode) => { 575 576 577 578 const tmpScripts = contentNode.getElementsByTagName('script'); 579 580 if (tmpScripts.length > 0) { 581 582 583 const scripts = []; 584 for (let i = 0; i < tmpScripts.length; i++) { 585 scripts.push(tmpScripts[i]); 586 } 587 588 589 for (let i = 0; i < scripts.length; i++) { 590 let script = document.createElement('script'); 591 script.innerHTML = scripts[i].innerHTML; 592 593 document.head.appendChild(script); 594 595 596 scripts[i].parentNode.removeChild(scripts[i]); 597 } 598 } 599 return contentNode; 600 } 601 602 const replace = {['+']: '-', ['/']: '_', ['=']: ','}; 603 hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); 604 605 let currentTrap; 606 607 const focusableElements = (rootElement) => { 608 const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; 609 return Array.from(rootElement.querySelectorAll(selector)) 610 .filter(el => { 611 return el.style.display !== 'none' 612 && !el.disabled 613 && el.tabIndex !== -1 614 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) 615 }) 616 } 617 618 const focusTrap = (e) => { 619 const isTabPressed = e.key === 'Tab' || e.keyCode === 9; 620 if (!isTabPressed) return; 621 622 const focusable = focusableElements(currentTrap) 623 const firstFocusableElement = focusable[0] 624 const lastFocusableElement = focusable[focusable.length - 1] 625 626 e.shiftKey 627 ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) 628 : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) 629 }; 630 631 hyva.releaseFocus = (rootElement) => { 632 if (currentTrap && (!rootElement || rootElement === currentTrap)) { 633 currentTrap.removeEventListener('keydown', focusTrap) 634 currentTrap = null 635 } 636 } 637 hyva.trapFocus = (rootElement) => { 638 if (!rootElement) return; 639 hyva.releaseFocus() 640 currentTrap = rootElement 641 rootElement.addEventListener('keydown', focusTrap) 642 const firstElement = focusableElements(rootElement)[0] 643 firstElement && firstElement.focus() 644 } 645 646 hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) 647 window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) 648 649 }( window.hyva = window.hyva || {} ));</script>
649
649<script> 650 if (!window.IntersectionObserver) { 651 window.IntersectionObserver = function (callback) { 652 this.observe = el => el && callback(this.takeRecords()); 653 this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}]; 654 this.disconnect = () => {}; 655 this.unobserve = () => {}; 656 } 657 }</script>
657
657<script> 658 window.addEventListener('DOMContentLoaded', () => { 659 if (window._amSwiperLoaded) { 660 return; 661 } 662 663 664 const script = document.createElement('script'); 665 script.src = 'https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Amasty_ShopByBrandHyvaCompatibility/js/swiper.min.js'; 666 script.async = true; 667 document.body.appendChild(script); 668 669 window._amSwiperLoaded = true; 670 671 script.onload = () => { 672 673 window.dispatchEvent(new CustomEvent('amSwiperLoaded', {})); 674 } 675 676 677 const styles = document.createElement('link'); 678 styles.rel = 'stylesheet'; 679 styles.href = 'https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Amasty_ShopByBrandHyvaCompatibility/css/swiper.min.css'; 680 681 document.head.appendChild(styles); 682 });</script>
682<link rel="alternate" href="https://www.radbag.be/" hreflang="nl-BE" /><link rel="alternate" href="https://www.radbag.de/" hreflang="de-DE" /><link rel="alternate" href="https://www.cadeauxfolies.fr/" hreflang="fr-FR" /><link rel="alternate" href="https://www.radbag.ch/" hreflang="de-CH" /><link rel="alternate" href="https://www.cadeauxfolies.ch/" hreflang="fr-CH" /><link rel="alternate" href="https://www.troppotogo.it/" hreflang="it-IT" /><link rel="alternate" href="https://www.radbag.nl/content/contact.html" hreflang="nl-NL" /><link rel="alternate" href="https://www.radbag.at/" hreflang="de-AT" /><link rel="alternate" href="https://www.cadeauxfolies.be/" hreflang="fr-BE" /><link rel="alternate" href="https://www.radbag.dk/" hreflang="da-DK" /><link rel="alternate" href="https://firebox.es/" hreflang="es-ES" /><link rel="alternate" href="https://firebox.com/" hreflang="en-GB" /><link rel="alternate" href="https://firebox.com/intl/" hreflang="en-US" /><link rel="alternate" href="https://firebox.eu/" hreflang="en" /><link rel="alternate" href="https://firebox.com/intl/" hreflang="x-default" /></head><body id="html-body" class="cms-content-contact-html storeid-12 cms-page-view page-layout-1column">
682<script nonce='ZWo3d3l5dXE2NHFhdzc1b202anc2eGlmNmdvOHZoemo=' > 683 'use strict'; 684 (function (blackbird) { 685 686 const addEventListenerOnElementToLoad = (elementToLoad, source) => new Promise((resolve, reject) => { 687 elementToLoad.addEventListener('load', () => { 688 elementToLoad.dataset.loaded = true; 689 resolve(elementToLoad); 690 }) 691 692 elementToLoad.addEventListener('error', () => { 693 reject(new Error(`[External resource loader] : The resource "${source}", failed to load.`)); 694 }); 695 }); 696 697 blackbird.loadExternalScript = async (source) => { 698 const scriptWithSameSrc = document.querySelector(`script[src="${source}"][data-loaded]`); 699 700 if (scriptWithSameSrc && scriptWithSameSrc.dataset.loaded === 'true') { 701 return scriptWithSameSrc; 702 } 703 704 const script = scriptWithSameSrc ?? document.createElement('script'); 705 script.type = 'text/javascript'; 706 script.async = true; 707 script.src = source; 708 script.dataset.loaded = false; 709 710 document.head.appendChild(script); 711 await addEventListenerOnElementToLoad(script, source); 712 return script; 713 } 714 715 blackbird.loadExternalStyle = async (source) => { 716 const linkWithSameHref = document.querySelector(`link[href="${source}"][data-loaded]`); 717 718 if (linkWithSameHref && linkWithSameHref.dataset.loaded === 'true') { 719 return linkWithSameHref; 720 } 721 722 const link = linkWithSameHref ?? document.createElement('link'); 723 link.type = 'text/css' 724 link.rel = 'stylesheet'; 725 link.href = source; 726 link.dataset.loaded = false; 727 728 document.head.prepend(link); 729 await addEventListenerOnElementToLoad(link, source); 730 return link; 731 } 732 733 blackbird.loadExternalResource = (source) => { 734 const scriptUrlRegex = /\.(js)$/i; 735 const styleUrlRegex = /\.(css)$/i; 736 737 if (scriptUrlRegex.test(source)) { 738 return blackbird.loadExternalScript(source); 739 } 740 741 if (styleUrlRegex.test(source)) { 742 return blackbird.loadExternalStyle(source); 743 } 744 } 745 746 }(window.blackbird = window.blackbird || {}));</script>
746 <!-- GTM -->
vendor: 67 bytes, line 746
746<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
746GTM-P36W2NR
vendor: 86 bytes, line 746
746" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
746<script type="text/x-magento-init"> 747{ 748 "*": { 749 "Wallee_Payment/js/wallee-device": { 750 "scriptUrl" : "https://app-wallee.com/s/65938/payment/device.js?sessionIdentifier=", 751 "identifierUrl" : "https://www.radbag.be/wallee_payment/checkout/deviceSession/" 752 } 753 } 754}</script>
754<input name="form_key" type="hidden" value="V4jqlnAhcqrdsUXr" /> <noscript><section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal"><div class="container text-center"><p><strong>JavaScript lijkt te zijn uitgeschakeld in uw browser.</strong> <span> Voor de beste gebruikerservaring, zorg ervoor dat javascript ingeschakeld is voor uw browser.</span></p></div></section></noscript>
754<script> 755 document.body.addEventListener('touchstart', () => {}, {passive: true})</script>
755 <div class="page-wrapper"><p> <div id="comm-bar" class="w-full min-h-40px relative z-75 no-iframe"> <div x-data="initCommbar()" x-init="checkCommBar()" class="flex flex-row-reverse py-1 px-0 md:px-12 items-center relative justify-center" style="background-color:#131313"> <a class="" href="https://www.radbag.be/bestsellers" style="color:#ffffff !important">Herfst Sale – Bespaar tot 30%! </a> </div> </div>
755<script> 756 'use strict'; 757 758 const initCommbar = () => { 759 return { 760 isOpen: false, 761 cookieName: 'comm_hidden', 762 checkCommBar() { 763 var cookieNameBanner = this.cookieName; 764 if (getCookie(cookieNameBanner) !== "") { 765 document.getElementById('comm-bar').classList.add('hidden'); 766 } 767 }, 768 setCookieComm() { 769 var cookieNameBanner = this.cookieName; 770 if (getCookie(cookieNameBanner) == "") { 771 createCookie(cookieNameBanner, 1, 1); 772 document.getElementById('comm-bar').classList.add('hidden'); 773 } 774 } 775 } 776 }</script>
776</p><header class="page-header"> <a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white contentarea" href="#contentarea"><span> Ga naar de inhoud</span></a>
776<script type="text/javascript"> 777 function getKlavia () { 778 const observer = new MutationObserver(function(mutationsList) { 779 for (const mutation of mutationsList) { 780 if (mutation.type === 'childList') { 781 mutation.addedNodes.forEach((node) => { 782 if (node.nodeType === 1 && node.matches('.needsclick.kl-private-reset-css-Xuajs1')) { 783 node.classList.add('kl-next'); 784 785 const form = document.querySelector('form.klaviyo-form'); 786 if (form) { 787 const inputCount = form.querySelectorAll('input').length; 788 if (inputCount === 1) { 789 node.classList.add('kl-stop'); 790 } 791 } 792 } 793 }); 794 } 795 } 796 }); 797 798 const klaviyoForm = document.querySelector('form.klaviyo-form'); 799 if (klaviyoForm) { 800 observer.observe(klaviyoForm, { 801 childList: true, 802 subtree: true 803 }); 804 } 805 } 806 807 function klaviyoLoad() { 808 document.removeEventListener('scroll', klaviyoLoad, false); 809 setTimeout(() => { 810 811 var klaviyo_form = document.querySelector('.klaviyo-form-'); 812 if (klaviyo_form) { 813 klaviyo_form.classList.remove('klaviyo-form-'); 814 klaviyo_form.classList.add('klaviyo-form-' + 'QLghbw'); 815 } 816 let klaviyoScript = document.createElement('script'); 817 klaviyoScript.setAttribute('async', 'true'); 818 klaviyoScript.src = "https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=QLghbw"; 819 document.body.append(klaviyoScript); 820 821 setTimeout(()=> { 822 getKlavia(); 823 console.log('klaviyo 2'); 824 }, 1500); 825 console.log('klaviyo 1'); 826 }, 1500); 827 } 828 829 document.addEventListener('scroll', klaviyoLoad, false);</script>
829
829<script defer> 830 function initHeader () { 831 var fragment = document.createDocumentFragment(); 832 833 return { 834 searchOpen: false, 835 cart: {}, 836 visibleSearch: false, 837 getData(data) { 838 839 if(!this.visibleSearch) { 840 this.visibleSearch = true; 841 842 } 843 844 845 setTimeout(() => { 846 document.getElementById('autocomplete-0-input').onkeydown = function(){ 847 document.getElementById('recommended-wrapper').style.opacity = "0"; 848 document.getElementById('recommended-wrapper').style.height = "0"; 849 } 850 var specifiedElement = document.getElementById('autocomplete-0-input'); 851 document.addEventListener('click', function(event) { 852 console.log('Click event detected:', event.target); 853 var isClickInside = specifiedElement.contains(event.target); 854 if (isClickInside && specifiedElement.value == '') { 855 document.getElementById('recommended-wrapper').style.opacity = "1"; 856 document.getElementById('recommended-wrapper').style.height = "400px"; 857 } 858 else { 859 document.getElementById('recommended-wrapper').style.opacity = "0"; 860 document.getElementById('recommended-wrapper').style.height = "0"; 861 } 862 }); 863 864 this.adjustHeaderPosition(); 865 },500); 866 if (data.cart) { this.cart = data.cart } 867 }, 868 menu: initHeaderNavigation(), 869 isMobile: false, 870 mobileAlgolia: 0, 871 desktopAlgolia: 0, 872 algoliaContainer: '', 873 checkIsMobileResolution() { 874 if(window.matchMedia('(max-width: 767px)').matches) { 875 this.isMobile = true; 876 this.mobileAlgolia = this.mobileAlgolia+1; 877 this.desktopAlgolia = 0; 878 } else { 879 this.isMobile = false; 880 this.mobileAlgolia = 0; 881 this.desktopAlgolia = this.desktopAlgolia+1; 882 } 883 }, 884 initBodyScrollClass() { 885 const className = 'is-scrolled'; 886 const update = () => { 887 if (window.scrollY > 0) { 888 document.body.classList.add(className); 889 } else { 890 document.body.classList.remove(className); 891 } 892 893 this.adjustHeaderPosition(); 894 }; 895 update(); 896 window.addEventListener('scroll', update, { passive: true }); 897 898 899 const observer = new MutationObserver(() => { 900 if (document.body.classList.contains('menu-open')) { 901 setTimeout(() => { 902 this.adjustHeaderPosition(); 903 }, 100); 904 } 905 }); 906 observer.observe(document.body, { attributes: true, attributeFilter: ['class'] }); 907 }, 908 adjustHeaderPosition() { 909 const commBar = document.getElementById('comm-bar'); 910 const headerWrapper = document.querySelector('nav#header .header-wrapper'); 911 const pageHeader = document.querySelector('header.page-header'); 912 const searchBlock = document.getElementById('search-block-menu'); 913 914 if (commBar && headerWrapper && pageHeader) { 915 const commBarHeight = commBar.offsetHeight; 916 const commBarVisible = commBar.offsetParent !== null; 917 918 if (commBarVisible && commBarHeight > 0) { 919 headerWrapper.style.top = commBarHeight + 'px'; 920 921 } else { 922 headerWrapper.style.top = '0px'; 923 924 } 925 } 926 927 928 let styleElement = document.getElementById('comm-bar-dynamic-styles'); 929 if (!styleElement) { 930 styleElement = document.createElement('style'); 931 styleElement.id = 'comm-bar-dynamic-styles'; 932 document.head.appendChild(styleElement); 933 } 934 935 if (searchBlock) { 936 const searchBlockRect = searchBlock.getBoundingClientRect(); 937 const headerWrapper = document.querySelector('nav#header .header-wrapper'); 938 const headerRect = headerWrapper ? headerWrapper.getBoundingClientRect() : null; 939 940 941 let panelTop; 942 if (headerRect) { 943 panelTop = searchBlockRect.bottom - headerRect.top; 944 } else { 945 panelTop = searchBlockRect.bottom; 946 } 947 948 styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: ${panelTop}px !important; }`; 949 } else { 950 951 const commBar = document.getElementById('comm-bar'); 952 const commBarHeight = commBar ? commBar.offsetHeight : 0; 953 styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: ${124 - commBarHeight}px !important; }`; 954 } 955 }, 956 adjustHeaderPosition() { 957 const commBar = document.getElementById('comm-bar'); 958 const headerWrapper = document.querySelector('nav#header .header-wrapper'); 959 const pageHeader = document.querySelector('header.page-header'); 960 961 if (commBar && headerWrapper && pageHeader) { 962 const commBarHeight = commBar.offsetHeight; 963 const commBarVisible = commBar.offsetParent !== null; 964 965 if (commBarVisible && commBarHeight > 0) { 966 967 968 969 970 let styleElement = document.getElementById('comm-bar-dynamic-styles'); 971 if (!styleElement) { 972 styleElement = document.createElement('style'); 973 styleElement.id = 'comm-bar-dynamic-styles'; 974 document.head.appendChild(styleElement); 975 } 976 styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: ${124 - commBarHeight}px !important; }`; 977 } else { 978 979 980 981 const styleElement = document.getElementById('comm-bar-dynamic-styles'); 982 if (styleElement) { 983 styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: 124px !important; }`; 984 } 985 } 986 } 987 }, 988 algoliaChangePosition() { 989 if(this.algoliaContainer == '') { 990 this.algoliaContainer = document.querySelector('#algoliaAutocomplete'); 991 } 992 if(this.mobileAlgolia == 1) { 993 this.isChanged = false;
994 if(this.algoliaContainer) { 995 document.getElementById('algolia-autocomplete-container-mobile').appendChild(this.algoliaContainer); 996 } 997 } else if(this.desktopAlgolia == 1) { 998 if(this.algoliaContainer) { 999 document.querySelector('.algolia-search-block').appendChild(this.algoliaContainer); 1000 } 1001 } 1002 }, 1003 } 1004 } 1005 var link2 = document.createElement('link'); 1006 var link5 = document.createElement('link'); 1007 link2.setAttribute('rel', 'stylesheet'); 1008 link5.setAttribute('rel', 'stylesheet'); 1009 link2.setAttribute('type', 'text/css'); 1010 link5.setAttribute('type', 'text/css'); 1011 link2.setAttribute('href', 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap'); 1012 link5.setAttribute('href', 'https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@500;700&display=swap'); 1013 1014 document.head.appendChild(link2); 1015 document.head.appendChild(link5);</script>
1015<nav id="header" class="" x-data="initHeader()" x-init="checkIsMobileResolution(); initBodyScrollClass(); $nextTick(() => adjustHeaderPosition())" @resize.window.debounce="checkIsMobileResolution()" @keydown.window.escape="searchOpen = false;" @private-content-loaded.window="getData(event.detail.data)" ><div class="bg-white relative header-wrapper"><div class="h-82px 2xl:h-24 lg:h-88px lg:border-b border-borderImg"><div class="h-82px 2xl:h-24 lg:h-88px max-w-1920px mx-auto flex justify-between px-4 md:px-72px xl:px-120px items-center "><!-- <div class="lg:flex items-center hidden mr-6 cursor-pointer"><div class="lg:flex lhidden" onclick="openmobilemenu()"><svg width="24" height="24"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#newmenu" /></svg></div></div> --><!--Logo--><div class="flex-1 flex items-center header-logo"> <div class="header-logo"><a class="" href="https://www.radbag.be/" title="Radbag.nl" aria-label="store logo"><img class="w-auto max-h-10 h-auto 2lg:m-auto" src="https://www.radbag.be/media/logo/stores/12/radbag_logo_2023_PNG.png" title="Radbag.nl" alt="Radbag.nl" width="189" height="64" /></a></div></div><div class="flex flex-1 gap-4 z-99"><!--Search--> <div class="flex-1 max-w-2xl relative search-header-block hidden lg:block"> <!-- Load Typesense JS client (served locally after npm or manual download) -->
1015<script src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Mhdirekt_TypeSenseSearch/js/typesense.min.js"></script>
1015<div x-data="typesenseAutocomplete()" x-init="init()" @click.outside="close()" class="typesense-autocomplete relative w-full" role="search" aria-label="Product search" ><!-- Search Input — overwrites / augments the existing Hyvä search input --><div class="relative flex items-center"><button type="button" @click="selectActive()" class="absolute left-3 text-gray-400 z-99" aria-label="Zoek" ><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_4471_16029)"><path d="M10.8121 14.2406C11.0617 14.2406 11.3123 14.2338 11.5628 14.2406C12.1465 14.2588 12.6054 13.9785 12.9846 13.5849C13.2445 13.3027 13.47 12.9908 13.6566 12.6556C13.862 12.3033 14.0137 11.9202 14.1932 11.5526C14.3012 11.3212 14.3563 11.0687 14.3545 10.8134C14.3596 10.3967 14.3542 9.98072 14.3382 9.56536C14.3151 8.99896 14.2345 8.44216 13.9849 7.92088C13.9118 7.76669 13.8533 7.60599 13.8102 7.44088C13.6764 7.0004 13.4586 6.58997 13.1689 6.23224C12.7561 5.68092 12.2395 5.21557 11.6483 4.86232C11.1606 4.57432 10.6566 4.30744 10.1555 4.04152C10.0422 3.977 9.91513 3.94077 9.78491 3.93592C9.28187 3.93592 8.77595 3.93592 8.27578 3.99256C7.6426 4.05829 7.04221 4.30679 6.54779 4.70776C6.11387 5.05624 5.71931 5.45176 5.29979 5.81176C4.93732 6.12171 4.67088 6.5287 4.53179 6.98488C4.40699 7.36888 4.30523 7.77112 4.21499 8.17048C4.18534 8.33074 4.18112 8.49467 4.20251 8.65624C4.25531 9.19864 4.31867 9.74104 4.38011 10.2882C4.38909 10.4618 4.41286 10.6343 4.45115 10.8038C4.51834 11.0369 4.60273 11.2647 4.70363 11.4854C4.80467 11.7346 4.93348 11.9716 5.08763 12.1919C5.30726 12.4676 5.55146 12.7227 5.81722 12.9542C6.42394 13.4879 7.13723 13.8671 7.82171 14.2886C7.97822 14.3816 8.16154 14.4191 8.34203 14.3951C9.16475 14.326 9.98363 14.1974 10.814 14.2415M14.2278 13.7721C14.3065 13.825 14.3821 13.8824 14.4543 13.9439C14.8729 14.3394 15.2886 14.7388 15.7023 15.1353C15.7542 15.1842 15.8137 15.2255 15.8684 15.2735C16.1209 15.4962 16.3734 15.718 16.6249 15.9455C16.9868 16.2681 17.3468 16.5926 17.7087 16.9151C18.0927 17.2569 18.4835 17.5948 18.8684 17.9366C19.0182 18.07 19.1679 18.2054 19.3062 18.3503C19.5206 18.5585 19.7204 18.7811 19.9043 19.0166C20.2682 19.5112 20.6582 19.9861 21.0726 20.4393C21.183 20.5622 21.3174 20.6745 21.2991 20.8646C21.2912 20.9006 21.2772 20.935 21.2579 20.9663C21.2425 20.9961 21.2108 21.023 21.207 21.0527C21.1926 21.1833 21.0735 21.2447 21.0227 21.3551C21.0227 21.3657 20.9679 21.3666 20.9468 21.3551C20.906 21.3308 20.8674 21.3029 20.8316 21.2716C20.7923 21.3676 20.75 21.3609 20.6675 21.3206C20.5712 21.2793 20.4668 21.2603 20.3622 21.2649C20.2961 21.2667 20.2304 21.255 20.169 21.2306C20.1076 21.2062 20.0518 21.1695 20.0051 21.1228C19.4953 20.6428 18.9769 20.1705 18.4748 19.6828C18.1302 19.3468 17.7932 19.0012 17.4783 18.6383C17.1635 18.2754 16.7823 18.0076 16.4223 17.7052C15.7244 17.1148 14.9977 16.5532 14.3756 15.8812C14.0444 15.5231 13.743 15.1372 13.4281 14.7628L13.4051 14.7369C12.8818 14.9216 12.3421 15.056 11.7932 15.1382C11.3599 15.1855 10.9245 15.2101 10.4886 15.2121C10.0086 15.2332 9.53435 15.2476 9.05627 15.2649C8.57819 15.2822 8.09626 15.1689 7.61626 15.0806C6.74266 14.9212 5.97755 14.5132 5.26715 14.0073C4.43099 13.4121 3.79355 12.6489 3.45371 11.661C3.29723 11.206 3.11195 10.7596 2.97371 10.2978C2.83547 9.83608 2.70971 9.39832 2.68571 8.92024C2.6821 8.60671 2.74016 8.29553 2.85659 8.0044C2.91995 7.8268 2.97371 7.6444 3.04859 7.47064C3.14459 7.24024 3.25691 7.01656 3.36539 6.79096C3.43931 6.63736 3.51323 6.48376 3.59771 6.33592C4.25667 5.17235 5.20848 4.20134 6.35866 3.51928C6.75515 3.2812 7.14587 3.03352 7.58459 2.87416C8.20989 2.65735 8.87678 2.5877 9.53339 2.67064C9.95125 2.71335 10.3659 2.78326 10.7747 2.87992C11.4593 3.03339 12.0914 3.3645 12.6073 3.83992C13.1171 4.31512 13.6412 4.77784 14.0473 5.35C14.3156 5.7028 14.5349 6.09032 14.6991 6.502C14.7739 6.68425 14.8595 6.86185 14.9555 7.03384C15.1907 7.48696 15.2905 7.98136 15.4143 8.47384C15.5996 9.20152 15.6236 9.94264 15.6188 10.6866C15.6175 10.7517 15.6071 10.8164 15.5881 10.8786C15.3961 11.519 15.2147 12.1612 14.8652 12.7391C14.6838 13.0377 14.5004 13.3334 14.318 13.631L14.2566 13.727L14.222 13.7702" fill="#878787"/><path d="M7.45602 6.72014C7.40418 6.62414 7.3533 6.66734 7.30818 6.72014C7.25251 6.78242 7.2021 6.84921 7.15746 6.91982C7.02309 7.12762 6.83679 7.29672 6.61698 7.41038C6.58242 7.43054 6.53826 7.47854 6.51138 7.39886C6.51138 7.3931 6.4989 7.38542 6.49506 7.38734C6.33474 7.43342 6.18594 7.34414 6.0285 7.34798C5.95457 7.34007 5.88197 7.32264 5.8125 7.29614C5.88219 6.94843 6.04512 6.62621 6.28386 6.36398C6.71304 5.8629 7.27668 5.49514 7.90818 5.30414C8.08561 5.24951 8.26977 5.21979 8.45538 5.21582C8.78754 5.21582 9.1197 5.26286 9.45186 5.25998C9.76672 5.26627 10.0774 5.33343 10.3667 5.45774C10.5662 5.53796 10.7589 5.63428 10.9427 5.74574C11.3815 6.00974 11.8067 6.28814 12.1571 6.67502C12.2858 6.81806 12.2877 6.93326 12.1715 7.08014C12.1413 7.12661 12.1214 7.17897 12.113 7.23374C12.0976 7.29902 12.0775 7.3163 12.017 7.27886C11.9843 7.25966 11.9344 7.2731 11.8931 7.26638C11.8519 7.25966 11.7914 7.24046 11.74
101505 7.23374C11.6339 7.2302 11.5277 7.21897 11.4227 7.20014C11.3307 7.17154 11.244 7.12774 11.1664 7.07054C11.0551 6.99374 10.9648 6.8843 10.8477 6.81998C10.4695 6.61166 10.0797 6.4235 9.70146 6.21614C9.42292 6.05567 9.09362 6.0076 8.78082 6.08174C8.63682 6.11438 8.49282 6.1451 8.34786 6.17774C8.02652 6.24324 7.73532 6.41176 7.51842 6.65774C7.49785 6.67855 7.47605 6.6981 7.45314 6.7163" fill="#878787"/></g><defs><clipPath id="clip0_4471_16029"><rect width="24" height="24" fill="white"/></clipPath></defs></svg></button> <input id="autocomplete-0-input" type="text" x-model="query" x-ref="input" @input.debounce.200ms="search()" @keydown.arrow-down.prevent="focusResult(activeIndex + 1)" @keydown.arrow-up.prevent="focusResult(activeIndex - 1)" @keydown.enter.prevent="selectActive()" @keydown.escape="close()" @focus="query.length >= 2 && open()" placeholder="Zoek" autocomplete="off" class="typesense-search-input form-input w-full" aria-autocomplete="list" :aria-expanded="isOpen" aria-controls="ts-autocomplete-results" name="q" /></div><!-- Autocomplete Dropdown --><div id="ts-autocomplete-results" x-show="isOpen" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute left-0 right-0 z-50 bg-white shadow-xl rounded-b-lg mt-1 max-h-[520px] overflow-y-auto" role="listbox" ><!-- Loading State --><div x-show="loading" class="flex items-center justify-center p-6 text-gray-400"><svg class="animate-spin w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8z"></path></svg><span>Searching...</span></div><!-- No Results --><div x-show="!loading && query.length >= 2 && products.length === 0 && categories.length === 0" class="p-6 text-center text-gray-500" >No products found for "<span x-text="query" class="font-medium"></span>"</div><!-- Products --><template x-if="!loading && (products.length > 0 || tags.length > 0 || categories.length > 0)"><div class="flex flex-col pt-2"><!-- Produkte — rechte Spalte --><div class="flex-1 min-w-0"><div class="text-base font-semibold px-4 text-black">Gezocht? Gevonden! 😎</div><template x-for="(product, index) in products" :key="product.id"><div class="flex flex-1 items-center justify-between gap-2 pr-4"><div class="flex-col flex-1"><a :href="product.url" :id="'ts-result-' + index" role="option" :aria-selected="activeIndex === index" @mouseenter="activeIndex = index" @click="onProductClick(product, index)" class="flex items-center gap-3 px-4 py-2 hover:bg-gray-50 cursor-pointer transition-colors" :class="activeIndex === index ? 'bg-gray-50' : ''" ><!-- Product Image --><div class="block w-16 h-16 rounded-lg overflow-hidden"><img :src="product.image_url || ''" :alt="product.name" class="w-full h-full object-cover" loading="lazy" x-show="product.image_url" /><div x-show="!product.image_url" class="w-full h-full flex items-center justify-center text-gray-300"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg></div></div><!-- Product Info --><div class="flex-1 min-w-0"><div class="search-item text-blackfont font-semibold text-xs" x-html="highlight(product.name)"></div><!-- Price --><div class="flex-shrink-0"><template x-if="product.special_price && product.special_price < product.price"><div><div class="text-sm font-bold text-redColor" x-text="hyva.formatPrice(product.special_price)"></div><div class="text-xs text-oldPrice line-through" x-text="hyva.formatPrice(product.price)"></div></div></template><template x-if="!product.special_price || product.special_price >= product.price"><div class="text-sm font-bold text-gray-900" x-text="hyva.formatPrice(product.final_price || product.price)"></div></template></div></div></a></div><a :href="product.url" role="option" @click="onProductClick(product, index)" class="w-6 h-6" :class="activeIndex === index ? 'bg-gray-50' : ''" ><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="23" height="23" rx="11.5" fill="white" stroke="#E4E4E4"></rect><path d="M7.75 17H16.25" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.5 7.75L8.5 14.75" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.365 7.75H15.5V12.885" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></template><!-- "Alle Ergebnisse" Footer --><div class="mx-4 mt-4 mb-4">
1015<a :href="allResultsUrl()" @click="trackViewAllClick()" class="text-activeInputText underline font-medium text-xs mt-4" >Alle Produkte für "<span x-text="query"></span>"</a></div></div><!-- /Produkte Spalte --><!-- Kategorien — mittlere Spalte --><template x-if="categories.length > 0"><div class="p-4"><div class="text-base font-semibold text-black">Categorieën</div><div class="flex flex-wrap gap-2 flex-row mt-4"><template x-for="category in categories" :key="category.id"><a :href="category.url" class="h-7 rounded-full px-2 py-1 border border-gray-200 flex items-center" ><span class="text-xs font-medium" x-html="highlight(category.name)"></span></a></template></div></div></template><!-- Schlagwörter (product_tags) — linke Spalte --><!-- <template x-if="tags.length > 0"><div class="p-4"><div class="text-base font-semibold text-black">Schlagwörter</div><div class="flex flex-wrap gap-2 flex-row mt-4"><template x-for="tag in tags" :key="tag.value"><a :href="allResultsUrl() + '&product_tags=' + encodeURIComponent(tag.value)" class="h-7 rounded-full px-2 py-1 border border-gray-200 flex items-center" ><span class="text-xs font-medium" x-html="highlight(tag.value)"></span></a></template></div></div></template> --></div><!-- /flex --></template></div></div><style> .search-item mark { background-color: #D0D5F6; }</style>
1015<script> 1016(function () { 1017 const TS_CONFIG = {"host":"ugx630fkc12hdv98p-1.a2.typesense.net","port":443,"protocol":"https","searchApiKey":"wVrnhGHs7T8KjWS5vBzpanm82SsRZfc5","collectionName":"live_products_12","categoryCollectionName":"live_categories_12","productsLimit":6,"categoriesLimit":3,"tagsLimit":4,"minQueryLength":2,"debounceMs":200,"convergeEnabled":true,"currency":"EUR","currencySymbol":null,"searchResultsUrl":"https:\/\/www.radbag.be\/catalogsearch\/result\/index\/"}; 1018 1019 function typesenseAutocomplete() { 1020 let typesenseClient = null; 1021 1022 return { 1023 query: '', 1024 products: [], 1025 categories: [], 1026 tags: [], 1027 loading: false, 1028 isOpen: false, 1029 activeIndex: -1, 1030 1031 init() { 1032 typesenseClient = new Typesense.Client({ 1033 apiKey: TS_CONFIG.searchApiKey, 1034 nodes: [{ 1035 host: TS_CONFIG.host, 1036 port: TS_CONFIG.port, 1037 protocol: TS_CONFIG.protocol, 1038 }], 1039 connectionTimeoutSeconds: 5, 1040 }); 1041 1042 1043 const existingInput = document.querySelector('input[name="q"]:not(.typesense-autocomplete input)'); 1044 if (existingInput) { 1045 existingInput.setAttribute('x-model', 'query'); 1046 } 1047 }, 1048 1049 async search() { 1050 if (this.query.length < TS_CONFIG.minQueryLength) { 1051 this.products = []; 1052 this.categories = []; 1053 this.tags = []; 1054 this.isOpen = false; 1055 return; 1056 } 1057 1058 this.loading = true; 1059 this.isOpen = true; 1060 1061 try { 1062 1063 var result = await typesenseClient.multiSearch.perform({ 1064 searches: [ 1065 { 1066 collection: TS_CONFIG.collectionName, 1067 q: this.query, 1068 query_by: 'name,product_tags,short_desc,sku', 1069 query_by_weights: '4,3,2,3', 1070 per_page: TS_CONFIG.productsLimit, 1071 page: 1, 1072 facet_by: 'product_tags', 1073 max_facet_values: TS_CONFIG.tagsLimit, 1074 highlight_full_fields: 'name,product_tags', 1075 highlight_affix_num_tokens: 4, 1076 prioritize_exact_match: true, 1077 filter_by: 'in_stock:true', 1078 }, 1079 { 1080 collection: TS_CONFIG.categoryCollectionName, 1081 q: this.query, 1082 query_by: 'name,description,url_key', 1083 query_by_weights: '4,2,1', 1084 per_page: TS_CONFIG.categoriesLimit, 1085 page: 1, 1086 highlight_full_fields: 'name', 1087 prioritize_exact_match: true, 1088 filter_by: 'is_active:true', 1089 } 1090 ] 1091 }); 1092 1093 this.products = result.results[0].hits.map(h => h.document); 1094 1095 1096 var tagFacet = result.results[0].facet_counts?.find(f => f.field_name === 'product_tags'); 1097 this.tags = tagFacet?.counts?.slice(0, TS_CONFIG.tagsLimit) || []; 1098 1099 1100 this.categories = (result.results[1]?.hits || []).map(h => h.document); 1101 } catch (err) { 1102 console.error('[Typesense] Search error:', err); 1103 this.products = []; 1104 this.categories = []; 1105 this.tags = []; 1106 } finally { 1107 this.loading = false;
1108 } 1109 }, 1110 1111 highlight(text) { 1112 if (!this.query || !text) return this.escapeHtml(text || ''); 1113 const parts = text.split(new RegExp(`(${this.query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi')); 1114 return parts.map(p => 1115 p.toLowerCase() === this.query.toLowerCase() 1116 ? `<mark class="bg-yellow-100 text-gray-900 rounded px-0.5">${this.escapeHtml(p)}</mark>` 1117 : this.escapeHtml(p) 1118 ).join(''); 1119 }, 1120 1121 escapeHtml(str) { 1122 return String(str).replace(/[&<>"']/g, s => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[s])); 1123 }, 1124 1125 formatPrice(amount) { 1126 if (amount === undefined || amount === null) return ''; 1127 const formatted = Number(amount).toLocaleString('de-DE', { 1128 minimumFractionDigits: 2, 1129 maximumFractionDigits: 2, 1130 }); 1131 return formatted + ' ' + (TS_CONFIG.currencySymbol || '€'); 1132 }, 1133 1134 focusResult(index) { 1135 const count = this.products.length; 1136 if (count === 0) return; 1137 this.activeIndex = Math.max(0, Math.min(index, count - 1)); 1138 document.getElementById('ts-result-' + this.activeIndex)?.scrollIntoView({ block: 'nearest' }); 1139 }, 1140 1141 selectActive() { 1142 if (this.activeIndex >= 0 && this.products[this.activeIndex]) { 1143 const product = this.products[this.activeIndex]; 1144 this.onProductClick(product, this.activeIndex); 1145 window.location.href = product.url; 1146 } else { 1147 window.location.href = this.allResultsUrl(); 1148 } 1149 }, 1150 1151 open() { 1152 this.isOpen = true; 1153 }, 1154 1155 close() { 1156 this.isOpen = false; 1157 this.activeIndex = -1; 1158 }, 1159 1160 clear() { 1161 this.query = ''; 1162 this.products = []; 1163 this.categories = []; 1164 this.tags = []; 1165 this.isOpen = false; 1166 this.$refs.input?.focus(); 1167 }, 1168 1169 allResultsUrl() { 1170 return TS_CONFIG.searchResultsUrl + '?q=' + encodeURIComponent(this.query); 1171 }, 1172 1173 onProductClick(product, position) { 1174 1175 this.track('Viewed Product', { 1176 product_id: String(product.entity_id), 1177 variant_id: String(product.entity_id), 1178 sku: product.sku ?? undefined, 1179 name: product.name, 1180 price: product.final_price ?? product.price, 1181 currency: TS_CONFIG.currency, 1182 url: product.url, 1183 image_url: product.image_url ?? undefined, 1184 vendor: product.brand ?? undefined, 1185 }); 1186 }, 1187 1188 trackViewAllClick() { 1189 1190 this.track('Searched', { 1191 query: this.query, 1192 }); 1193 }, 1194 1195 track(eventName, properties) { 1196 if (!TS_CONFIG.convergeEnabled) return; 1197 if (typeof window.cvg !== 'function') { 1198 console.warn('[Typesense] Converge pixel (cvg) not loaded.'); 1199 return; 1200 } 1201 window.cvg({ method: 'track', eventName, properties }); 1202 }, 1203 }; 1204 } 1205 1206 window.typesenseAutocomplete = typesenseAutocomplete; 1207})();</script>
1207 <div id="recommended-wrapper" class="recommended-wrapper"><div class="most_searches ml-2 md:ml-5"><p style="width: fit-content;color: #6B7280;border-bottom: 1px solid #6B7280;" class="border-b font-bold text-xs">Meest gezocht</p><div class="flex gap-2 mt-4 mb-2 overflow-y-hidden overflow-x-auto whitespace-nowrap disable-scrollbar"></div></div><div class="favorite_products mt-4"><p style="width: fit-content;color: #6B7280;border-bottom: 1px solid #6B7280;" class="ml-2 md:ml-5 border-b font-bold text-xs">Lievelingsproducten</p><div class="favorite_products_wrapper"> <a href="https://www.radbag.be/aperol-spritz-glas-met-naam-gegraveerd-store-12"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/n/l/nl_aperol-spritz-style_1200x1200px_weinglas_muttertag.jpg" alt="Aperol Spritz Glas met Naam Gegraveerd"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personaliseerbaar</span></div> <h3>Aperol Spritz Glas met Naam Gegraveerd</h3> <div class="rating-summary flex justify-start gap-1" > <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path 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 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 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 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"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path 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 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 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 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"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path 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 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 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 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"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path 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 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 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 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"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="90%" stop-color="#FFC303"/><stop offset="90%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/>
1207</g></svg> </div> <div class="lifetime"><span class="text-blackfont font-semibold">Meer dan 18.500</span> keer gekocht</div><div class="text-sm"> 24,99 € </div></div></a> <a href="https://www.radbag.be/sokken-meerdere-gezichten-op-romantische-achtergrond-store-12"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/s/o/socken_faceupload_on_backgrounds_25_781x48_en_all_neu_v1.jpg" alt="Gepersonaliseerde Sokken met Foto Gezicht Romantisch"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personaliseerbaar</span></div> <h3>Gepersonaliseerde Sokken met Foto Gezicht Romantisch</h3> <div class="rating-summary flex justify-start gap-1" > <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path 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 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 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 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"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path 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 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 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 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"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path 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 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 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 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"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path 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 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 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 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"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="50%" stop-color="#FFC303"/><stop offset="50%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg> </div> <div class="lifetime"><span class="text-blackfont font-semibold">Meer dan 10.300</span> keer gekocht</div><div class="text-sm"> 24,99 € </div></div></a> <a href="https://www.radbag.be/gepersonaliseerde-trui-met-zwart-witfoto-s-en-tekst-store-12"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/s/w/sweater_mit_foto_und_text_1200x1200px_nl_v2.jpg" alt="Gepersonaliseerde trui met zwart-witfoto’s en tekst"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personaliseerbaar</span></div> <h3>Gepersonaliseerde trui met zwart-witfoto’s en tekst</h3> <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/>
1207</g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">Meer dan 400</span> keer gekocht</div><div class="text-sm"> 49,99 € </div></div></a> <a href="https://www.radbag.be/gepersonaliseerd-t-shirt-met-kleine-illustratie-store-12"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/i/l/illustration_freelancer_1200x1200_all_v1_6.jpg" alt="Gepersonaliseerd t-shirt met kleine illustratie"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personaliseerbaar</span></div> <h3>Gepersonaliseerd t-shirt met kleine illustratie</h3> <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/>
1207</g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">Meer dan 600</span> keer gekocht</div><div class="text-sm"> 46,98 € </div></div></a> <a href="https://www.radbag.be/gepersonaliseerde-vaas-met-tekst-en-symbool-store-12"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/m/u/muttertag_text_und_symbol_1200x1200px_nl-be_v1.jpg" alt="Gepersonaliseerde vaas met tekst en symbool"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personaliseerbaar</span></div> <h3>Gepersonaliseerde vaas met tekst en symbool</h3> <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/>
1207</g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path 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 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 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 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"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">Meer dan 1.300</span> keer gekocht</div><div class="text-sm"> 39,99 € </div></div></a> </div></div></div><style> .recommended-wrapper {opacity: 0;height:0;transition: 0.5s;background: white;width: 100%;max-width: 380px;top: 95px;position: absolute;z-index: 1000;border-top: 1px solid #E4E4E4;overflow-y: scroll;font-family: Lexend Deca;padding-top: 15px;overflow-x: hidden;box-shadow: 0 3px 4px -1px #ccc; scrollbar-color: #b2b2b2 white;scrollbar-width: thin;} .recommended-wrapper .favorite_products_wrapper {display: flex;flex-direction: column;margin-left: 20px;margin-right: 20px;margin-top: 5px;margin-bottom: 20px;} .recommended-wrapper .favorite_products_wrapper a {display: flex;flex-direction: row;position: relative;margin-top: 10px;margin-bottom: 10px;} .favorite_products_text{margin-left:10px; height: auto;} .favorite_products_text h3{font-size: 14px;margin: 0px;width: 220px;line-height: 16px;font-weight: 450;} .favorite-image{width: 100px;height: 100px;border-radius: 12px;} .lifetime{font-size: 11px;width:78px;line-height: 12px;position: absolute;right: 0;bottom: 0;} @media only screen and (max-width: 768px) { .recommended-wrapper{left
1207: 0;top: 55px;} .favorite-image img,.favorite-image{width: 80px;height: 80px;} .favorite_products_text{height:auto} }</style></div> <div class="flex items-center lg:hidden"><div class="flex lg:hidden" onclick="openmobilemenu()"><svg width="24" height="24"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#newmenu" /></svg></div><!-- Account Icon --><span class="w-30px h-30px md:w-6 md:h-6 order-1 lg:order-2 block md:hidden ml-3"><a class="w-full" href="https://www.radbag.be/customer/account/"><img width="40" height="40" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/userIcon.png" alt="account" /></a></span></div></div><div class="flex items-center justify-end order-3 mr-0 flex-1 gap-2"><!-- Account Icon --><span class="relative 2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px hidden md:block" @mouseover="$dispatch('toggle-account-menu',{});" @mouseleave="$dispatch('toggle-account-menu-close',{});"><a class="w-full" href="https://www.radbag.be/customer/account/"><img width="40" height="40" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/userIcon.png" alt="account" /></a> <!--account menu--> <section id="account-menu" x-data="initAccountMenu()" @toggle-account-menu.window="fetchcustomerdata()" @toggle-account-menu-close.window="open=false" @keydown.window.escape="open=false" class="hidden md:block" ><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.outside="open=false" class="absolute z-99999 right-0 w-264px md:pt-8 lg:pt-53px top-0 hidden" :class="{'hidden': !open}" ><div class="relative shadow-useas rounded-lg" x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" ><div class="flex flex-col bg-white p-2 rounded-lg"><div id="login-menu" class="hidden"><div class="bg-activePageLight rounded-lg p-2 flex justify-between items-center gap-2"><div><span id="customer_name" class="block font-semibold text-sm text-blackfont"></span> <span id="customer_email" class="block mt-0.5 text-labeltext text-xs"></span></div><a href="https://www.radbag.be/customer/account/"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.75 11H10.25" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.5 1.75L2.5 8.75" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.365 1.75L9.5 1.75V6.885" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div><div class="h-9 items-center justify-between px-2 hidden"><a class="text-blackfont text-sm" href="https://www.radbag.be/sales/order/history/">Mijn Bestellingen</a> <span class="bg-menured w-4 h-4 flex justify-center items-center text-white text-10px font-medium rounded-full"></span></div><div class="h-9 flex items-center justify-between px-2"><a href="https://www.radbag.be/customer/account/logout/" class="text-menured text-sm">Uitloggen</a></div></div><div id="outlogin-menu" class="hidden"><div class="text-sm"><span class="block font-bold text-blackfont">Login of als gast bestellen</span> <span class="font-semibold text-labeltext hidden">Sign up and get <span class="font-bold text-blackfont">10% off</span> coupons</span></div><div class="flex flex-col gap-2 mt-2"><a href="https://www.radbag.be/customer/account/create/" class="shadow-signupbutton h-10 flex justify-center items-center w-full rounded-lg text-white text-xs font-semibold bg-activePage">Maak nu een account aan</a> <a href="https://www.radbag.be/customer/account/login/" class="h-10 flex justify-center items-center w-full rounded-lg text-blackfont text-xs font-semibold bg-grayStars">Aanmelden</a></div></div></div></div></div></section>
1207<script> 1208 function initAccountMenu() { 1209 return { 1210 open: false, 1211 customerInfo: false, 1212 fetchcustomerdata() { 1213 this.open = true; 1214 if(!this.customerInfo) { 1215 fetch( 1216 window.BASE_URL+"mhdirekt_mhdutility/customer_account/customerData", 1217 { 1218 headers: { 1219 'X-Requested-With': 'XMLHttpRequest' 1220 } 1221 } 1222 ) 1223 .then(response => response.json()) 1224 .then(result => { 1225 if(result.logged){ 1226 document.querySelector("#login-menu").classList.remove('hidden'); 1227 document.querySelector("#login-menu").classList.add('block'); 1228 this.customerInfo=true; 1229 if(result.name) { 1230 document.querySelector("#customer_name").innerText = result.name; 1231 document.querySelector("#customer_email").innerText = result.email; 1232 } 1233 } else { 1234 document.querySelector("#outlogin-menu").classList.remove('hidden'); 1235 document.querySelector("#outlogin-menu").classList.add('block'); 1236 } 1237 1238 }); 1239 } 1240 }, 1241 } 1242 }</script>
1242</span> <!-- Wishlist Icon --><a class="2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px relative" href="https://www.radbag.be/mywishlist/"><img width="40" height="40" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/heartIcon.png" alt="wishlist" /><span id="wishlist-header-count" class="absolute w-3 h-3 lg:w-3.5 lg:h-3.5 border border-white bg-wishlist 2xl:right-5px 2xl:bottom-1 lg:right-3px lg:bottom-3px right-px bottom-px rounded-full text-white flex justify-center items-center text-8px lg:text-10px">0</span></a> <!--Cart Icon--><!-- <span @click.prevent.stop="$dispatch('toggle-cart',{});" id="menu-cart-show-mini" class="hidden"></span> --><span class="relative 2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px" @mouseover="$dispatch('toggle-cart-new',{});" @mouseleave="$dispatch('toggle-cart-new-close',{});"><a id="menu-cart-icon" class="2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px" href="https://www.radbag.be/checkout/cart/index/" ><span x-text="cart.summary_count" class="absolute w-3 h-3 lg:w-3.5 lg:h-3.5 border border-white bg-wishlist 2xl:right-5px 2xl:bottom-1 lg:right-3px lg:bottom-3px right-px bottom-px rounded-full text-white hidden justify-center items-center text-8px lg:text-10px z-10" :class="{ 'hidden': !cart.summary_count, 'flex': cart.summary_count }" ></span> <img width="40" height="40" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/cartIcon.png" alt="cart" /></a>
1242 <!--Cart Drawer-->
1242<script> 1243 function initCartDrawerNew() { 1244 return { 1245 open: false, 1246 isLoading: false, 1247 cart: {}, 1248 maxItemsToDisplay: 10, 1249 itemsCount: 0, 1250 totalCartAmount: 0, 1251 getData(data) { 1252 if (data.cart) { 1253 this.cart = data.cart; 1254 this.itemsCount = data.cart.items && data.cart.items.length || 0; 1255 this.totalCartAmount = this.cart.summary_count; 1256 this.setCartItems(); 1257 } 1258 this.isLoading = false; 1259 }, 1260 cartItems: [], 1261 getItemCountTitle() { 1262 return hyva.strf('(%0 of %1)', this.maxItemsToDisplay, this.itemsCount) 1263 }, 1264 setCartItems() { 1265 this.cartItems =Array.isArray(this.cart?.items) ? this.cart.items.sort((a, b) => a.item_id - b.item_id) : []; 1266 1267 if (this.maxItemsToDisplay > 0) { 1268 this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10)); 1269 } 1270 }, 1271 getPriceItems(item) { 1272 return window.hyva.formatPrice(item.product_price_value * item.qty); 1273 }, 1274 deleteItemFromCart(itemId) { 1275 this.isLoading = true; 1276 1277 const formKey = hyva.getFormKey(); 1278 const postUrl = BASE_URL + 'checkout/sidebar/removeItem/'; 1279 1280 fetch(postUrl, { 1281 "headers": { 1282 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 1283 }, 1284 "body": "form_key=" + formKey + "&item_id=" + itemId, 1285 "method": "POST", 1286 "mode": "cors", 1287 "credentials": "include" 1288 }).then(response => { 1289 if (response.redirected) { 1290 window.location.href = response.url; 1291 } else if (response.ok) { 1292 return response.json(); 1293 } else { 1294 window.dispatchMessages && window.dispatchMessages([{ 1295 type: 'warning', 1296 text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.' 1297 }]); 1298 this.isLoading = false; 1299 } 1300 }).then(result => { 1301 window.dispatchMessages && window.dispatchMessages([{ 1302 type: result.success ? 'success' : 'error', 1303 text: result.success 1304 ? 'Je\u0020hebt\u0020het\u0020artikel\u0020verwijderd' 1305 : result.error_message 1306 }], result.success ? 5000 : 0) 1307 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 1308 }); 1309 } 1310 } 1311 }</script>
1311<section id="cart-drawer-new" x-data="initCartDrawerNew()" @private-content-loaded.window="getData($event.detail.data)" @toggle-cart-new.window="open=true" @toggle-cart-new-close.window="open=false" @keydown.window.escape="open=false" class="hidden md:block" ><template x-if="cart && cart.summary_count"><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.outside="open=false" class="absolute z-99999 right-0 w-440px shadow-useas rounded-lg md:top-8 lg:top-53px"><div class="relative" x-show="open" x-transition:enter="ease-in-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" ><div class="flex flex-col bg-white p-4 rounded-lg"> <header class="flex justify-between items-center pb-2.5 border-b border-borderImg"><h2 id="cart-drawer-title" class="text-black text-lg font-semibold">Winkelwagentje</h2><div class="text-labeltext text-xs">Totaal producten: <span class="items-total" x-text="totalCartAmount"></span></div></header><div class="relative overflow-y-auto bg-white flex flex-col gap-3 pt-4"><template x-for="item in cartItems"><div class="flex"><div class="w-full flex justify-between items-center gap-2"><div class="flex items-center gap-2"><a :href="item.product_url" class="w-16 rounded-lg overflow-hidden"><img :src="item.product_image.src" :width="item.product_image.width" :height="item.product_image.height" loading="lazy" /></a> <div class="flex flex-col flex-1 gap-0.5"><span class="text-blackfont text-sm font-semibold" x-html="item.product_name"></span> <span class="text-labeltext text-xs">Aantal: <span x-html="item.qty"></span></span></div></div><div class="text-blackfont text-base font-bold flex gap-2 items-center"><span class="flex-1" x-html="getPriceItems(item)"></span> <span class="h-2 w-px bg-grayStars"></span> <button class="w-6 h-6 rounded-5px flex justify-center items-center minicart-delete-btn" @click="deleteItemFromCart(item.item_id)" ><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 3.98665C11.78 3.76665 9.54667 3.65332 7.32 3.65332C6 3.65332 4.68 3.71999 3.36 3.85332L2 3.98665" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.66699 3.31301L5.81366 2.43967C5.92033 1.80634 6.00033 1.33301 7.12699 1.33301H8.87366C10.0003 1.33301 10.087 1.83301 10.187 2.44634L10.3337 3.31301" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5669 6.09375L12.1336 12.8071C12.0603 13.8537 12.0003 14.6671 10.1403 14.6671H5.86026C4.00026 14.6671 3.94026 13.8537 3.86693 12.8071L3.43359 6.09375" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.88672 11H9.10672" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.33301 8.33301H9.66634" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></button></div></div></div></template></div><div class="relative mt-4 pt-4 border-t border-borderImg"><a href="https://www.radbag.be/checkout/cart/" class="underline text-activeInputText text-sm font-medium">Winkelwagentje tonen (<span class="items-total" x-text="totalCartAmount"></span>)</a></div></div></div> <div class="flex flex-row justify-center items-center w-full h-full fixed select-none z-1" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --><svg width="57" height="57" viewBox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#fff" class="stroke-current text-primary"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle cx="5" cy="50" r="5">
1311<animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/><animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="27" cy="5" r="5"><animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/><animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="49" cy="50" r="5"><animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/><animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/></circle></g></g></svg><div class="ml-10 text-primary text-xl">Bezig met laden...</div></div></div></template></section></span></div></div></div><!--Main Navigation--><div class="max-w-1920px mx-auto relative"> <div class="h-auto flex items-center justify-center lg:px-5 xl:px-20 mx-4"><!-- mobile --><div @click="menu.open=false;document.querySelector('body').classList.remove('menu-open');menu.algoliaChangePosition()" class="z-99999 bg-opacityLayer w-full min-h-screen fixed top-0" :class="{'block' : menu.open, 'hidden' : !menu.open}"></div><div x-ref="nav-mobile" @load.window="menu.setActiveMenu($refs['nav-mobile'])" class="z-99999 w-full lg:left-0 min-h-screen fixed top-0 close-menu-mobile lg:w-1/4" :class="{'open-menu-mobile' : menu.open}" @toggle-mobile-menu.window="menu.open = !menu.open;document.querySelector('body').classList.add('menu-open');menu.algoliaChangePosition()" @keydown.window.escape="menu.open=false;document.querySelector('body').classList.remove('menu-open');menu.algoliaChangePosition()" ><div class="mobile-nav-menu bg-container-lighter overflow-x-hidden overflow-y-auto min-h-screen w-full shadow-mobileMenu h-screen scrollbar-custom-design"><div class="flex items-baseline justify-between menu-icon relative" :class="{ 'block': menu.open, 'flex': !menu.open}"><div class="flex w-full" :class="{ 'h-60px': menu.open,'absolute top-7 left-4': !menu.open}"><a @click="$dispatch('toggle-mobile-menu'); menu.open == true ? document.querySelector('body').classList.add('menu-open') : document.querySelector('body').classList.remove('menu-open');menu.algoliaChangePosition()" class="flex items-center justify-center cursor-pointer relative z-10 mobile-menu-icon" :class="{ 'ml-0': menu.open }"><span class="hidden w-45px h-45px fill-current ml-5px" :class="{ 'hidden' : !menu.open, 'block': menu.open }"><svg class="w-45px h-45px"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#newcross" /></svg></span></a> <span class="hidden items-center ml-1" :class="{ 'hidden' : !menu.open, 'flex': menu.open }"> <div class="header-logo"><a class="" href="https://www.radbag.be/" title="Radbag.nl" aria-label="store logo"><img class="w-auto max-h-10 h-auto 2lg:m-auto" src="https://www.radbag.be/media/logo/stores/12/radbag_logo_2023_PNG.png" title="Radbag.nl" alt="Radbag.nl" width="200" height="150" /></a></div></span></div><div id="search-block-menu" class="hidden pl-5 pr-6 pt-2.5 search-content" :class="{ 'hidden' : !menu.open, 'block h-60px': menu.open }"><div class="" id="algolia-autocomplete-container-mobile-menu"></div></div></div><nav class="hidden w-full duration-150 ease-in-out transform transition-display mt-2.5 text-sm leading-21px pb-10 font-poppins px-5" :class="{ 'hidden' : !menu.open }" > 1312 <div class="level-0"> 1313 <span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }"> 1314 <a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://www.radbag.be/bestsellers" title="Bestsellers"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/18/icons/_/4/_4_.png" alt="" />Bestsellers</a> 1315 </span> 1316 1317 </div> 1318 1319 <div class="level-0"> 1320 <span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }"> 1321 <a style="color:#cd121a" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://www.radbag.be/huwelijkscadeau" title="Huwelijk"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/26/icons/h/e/herz_emoji_hochzeit.png" alt="" />Huwelijk</a> 1322 </span> 1323 1324 </div> 1325 1326 <div class="level-0"> 1327 <span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }"> 1328 <a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" @click="menu.menuLevel = 1;menu.mobilePanelActiveId = menu.mobilePanelActiveId === 'category-node-4671' ? 0 : 'category-node-4671'"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/18/icons/a/u/augen_drei.png" alt="" />Geschenken vinden</a> 1329 </span> 1330 1331 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.mobilePanelActiveId !== 'category-node-4671', 'translate-x-0 block ' : menu.mobilePanelActiveId === 'category-node-4671' }"> 1332 <div class="pb-100px px-5"> 1333 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white" @click="menu.mobilePanelActiveId = 0"> 1334 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1335 <span class="text-center font-semibold text-base leading-4">Geschenken vinden</span> 1336 <span class="w-4 h-4 block"></span> 1337 </a> 1338 <div class="grid grid-cols-2 gap-2"> 1339 <a href="https://www.radbag.be/cadeau-idee" title="Geschenken vinden" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1340 <span class="text-center font-medium">Toon alles</span> 1341 </a> 1342 1343 <a @click="menu.menuLevel = menu.menuLevel === 'category-node-4672' ? 0 : 'category-node-4672'" title="Mannen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1344 <span class="text-center font-medium"> 1345 Mannen 1346 </span> 1347 </a> 1348 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4672', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4672', }"> 1349 <div class="pb-100px px-5"> 1350 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0"> 1351 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1352 <span class="text-center font-semibold text-base leading-4">Mannen</span> 1353 <span class="w-4 h-4 block"></span> 1354 </a> 1355 <div class="grid grid-cols-2 gap-2"> 1356 <a href="https://www.radbag.be/cadeau-voor-hem" title="Mannen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1357 <span class="">Toon alles</span> 1358 </a> 1359 1360 <a href="https://www.radbag.be/cadeau-voor-papa" title="Papa" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1361 <span class=""> 1362 Papa 1363 </span> 1364 </a> 1365 1366 <a href="https://www.radbag.be/cadeau-voor-vriend" title="Vriend" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1367 <span class=""> 1368 Vriend 1369 </span> 1370 </a> 1371 1372 <a href="https://www.radbag.be/cadeau-voor-broer" title="Broer" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1373 <span class=""> 1374 Broer 1375 </span> 1376 </a> 1377 1378 </div> 1379 </div> 1380 </div> 1381 1382 <a @click="menu.menuLevel = menu.menuLevel === 'category-node-4676' ? 0 : 'category-node-4676'" title="Vrouwen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1383 <span class="text-center font-medium"> 1384 Vrouwen 1385 </span> 1386 </a> 1387 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4676', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4676', }"> 1388 <div class="pb-100px px-5"> 1389 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0"> 1390 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1391 <span class="text-center font-semibold text-base leading-4">Vrouwen</span> 1392 <span class="w-4 h-4 block"></span> 1393 </a> 1394 <div class="grid grid-cols-2 gap-2"> 1395 <a href="https://www.radbag.be/cadeau-voor-haar" title="Vrouwen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1396 <span class="">Toon alles</span> 1397 </a> 1398 1399 <a href="https://www.radbag.be/cadeau-voor-mama" title="Mama" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1400 <span class=""> 1401 Mama 1402 </span> 1403 </a> 1404 1405 <a href="https://www.radbag.be/cadeau-voor-vriendin" title="Vriendin" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1406 <span class=""> 1407 Vriendin 1408 </span> 1409 </a> 1410 1411 <a href="https://www.radbag.be/cadeau-voor-zus" title="Zus" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1412 <span class=""> 1413 Zus 1414 </span> 1415 </a> 1416 1417 <a href="https://www.radbag.be/geschenke-fur-oma" title="Oma" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1418 <span class=""> 1419 Oma 1420 </span> 1421 </a> 1422 1423 </div> 1424 </div> 1425 </div> 1426 1427 <a @click="menu.menuLevel = menu.menuLevel === 'category-node-4683' ? 0 : 'category-node-4683'" title="Cadeau-ideeën" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1428 <span class="text-center font-medium"> 1429 Cadeau-ideeën 1430 </span> 1431 </a> 1432 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4683', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4683', }"> 1433 <div class="pb-100px px-5"> 1434 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0"> 1435 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1436 <span class="text-center font-semibold text-base leading-4">Cadeau-ideeën</span> 1437 <span class="w-4 h-4 block"></span> 1438 </a> 1439 <div class="grid grid-cols-2 gap-2"> 1440 <a href="https://www.radbag.be/cadeau-idee" title="Cadeau-ideeën" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1441 <span class="">Toon alles</span> 1442 </a> 1443 1444 <a href="https://www.radbag.be/led-lamp-gepersonaliseerd" title="Lampen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1445 <span class=""> 1446 Lampen 1447 </span> 1448 </a> 1449 1450 <a href="https://www.radbag.be/persoonlijke-posters" title="Posters" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1451 <span class=""> 1452 Posters 1453 </span> 1454 </a> 1455 1456 <a href="https://www.radbag.be/exclusieve-sleutelborden" title="Sleutelborden" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1457 <span class=""> 1458 Sleutelborden 1459 </span> 1460 </a> 1461 1462 <a href="https://www.radbag.be/exclusieve-houten-cadeaus" title="Houten foto's" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1463 <span class=""> 1464 Houten foto's 1465 </span> 1466 </a> 1467 1468 <a href="https://www.radbag.be/gepersonaliseerde-kussens" title="Kussens" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1469 <span class=""> 1470 Kussens 1471 </span> 1472 </a> 1473 1474 <a href="https://www.radbag.be/gepersonaliseerde-deurmatten" title="Deurmatten" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1475 <span class=""> 1476 Deurmatten 1477 </span> 1478 </a> 1479 1480 <a href="https://www.radbag.be/gepersonaliseerde-dekens" title="Dekens" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1481 <span class=""> 1482 Dekens 1483 </span> 1484 </a> 1485 1486 <a href="https://www.radbag.be/gepersonaliseerde-mokken-en-glazen" title="Mokken & Glazen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1487 <span class=""> 1488 Mokken & Glazen 1489 </span> 1490 </a> 1491 1492 <a href="https://www.radbag.be/badjas-voor-dames" title="Badjas" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1493 <span class=""> 1494 Badjas 1495 </span> 1496 </a> 1497 1498 <a href="https://www.radbag.be/sokken" title="Sokken" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1499 <span class=""> 1500 Sokken 1501 </span> 1502 </a> 1503 1504 <a href="https://www.radbag.be/gepersonaliseerde-boxershorts" title="Boxershorts" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1505 <span class=""> 1506 Boxershorts 1507 </span> 1508 </a> 1509 1510 <a href="https://www.radbag.be/schorten" title="Schorten" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1511 <span class=""> 1512 Schorten 1513 </span> 1514 </a> 1515 1516 <a href="https://www.radbag.be/t-shirts" title="T-Shirts" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1517 <span class=""> 1518 T-Shirts 1519 </span> 1520 </a> 1521 1522 <a href="https://www.radbag.be/sweater" title="Trui" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1523 <span class=""> 1524 Trui 1525 </span> 1526 </a> 1527 1528 <a href="https://www.radbag.be/gepersonaliseerde-petten" title="Petten" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1529 <span class=""> 1530 Petten 1531 </span> 1532 </a> 1533 1534 <a href="https://www.radbag.be/hoodie-deken" title="Hoodie Deken" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1535 <span class=""> 1536 Hoodie Deken 1537 </span> 1538 </a> 1539 1540 <a href="https://www.radbag.be/cosmetica-tasjes" title="Cosmetica tasje
1540s" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1541 <span class=""> 1542 Cosmetica tasjes 1543 </span> 1544 </a> 1545 1546 <a href="https://www.radbag.be/boodschappentassen" title="Boodschappentassen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1547 <span class=""> 1548 Boodschappentassen 1549 </span> 1550 </a> 1551 1552 <a href="https://www.radbag.be/tote-bags" title="Tote bags" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1553 <span class=""> 1554 Tote bags 1555 </span> 1556 </a> 1557 1558 <a href="https://www.radbag.be/gepersonaliseerde-rugzakken" title="Rugzak" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1559 <span class=""> 1560 Rugzak 1561 </span> 1562 </a> 1563 1564 </div> 1565 </div> 1566 </div> 1567 1568 </div> 1569 </div> 1570 </div> 1571 </div> 1572 1573 <div class="level-0"> 1574 <span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }"> 1575 <a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" @click="menu.menuLevel = 1;menu.mobilePanelActiveId = menu.mobilePanelActiveId === 'category-node-4684' ? 0 : 'category-node-4684'"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/18/icons/a/n/anlass.png" alt="" />Welke gelegenheid?</a> 1576 </span> 1577 1578 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.mobilePanelActiveId !== 'category-node-4684', 'translate-x-0 block ' : menu.mobilePanelActiveId === 'category-node-4684' }"> 1579 <div class="pb-100px px-5"> 1580 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white" @click="menu.mobilePanelActiveId = 0"> 1581 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1582 <span class="text-center font-semibold text-base leading-4">
1582Welke gelegenheid?</span> 1583 <span class="w-4 h-4 block"></span> 1584 </a> 1585 <div class="grid grid-cols-2 gap-2"> 1586 <a href="https://www.radbag.be/cadeau-idee" title="Welke gelegenheid?" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1587 <span class="text-center font-medium">Toon alles</span> 1588 </a> 1589 1590 <a @click="menu.menuLevel = menu.menuLevel === 'category-node-4685' ? 0 : 'category-node-4685'" title="Verjaardag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1591 <span class="text-center font-medium"> 1592 Verjaardag 1593 </span> 1594 </a> 1595 <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4685', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4685', }"> 1596 <div class="pb-100px px-5"> 1597 <a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0"> 1598 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg> 1599 <span class="text-center font-semibold text-base leading-4">Verjaardag</span> 1600 <span class="w-4 h-4 block"></span> 1601 </a> 1602 <div class="grid grid-cols-2 gap-2"> 1603 <a href="https://www.radbag.be/verjaardagscadeau" title="Verjaardag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1604 <span class="">Toon alles</span> 1605 </a> 1606 1607 <a href="https://www.radbag.be/verjaardagscadeau-voor-18" title="voor 18" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1608 <span class=""> 1609 voor 18 1610 </span> 1611 </a> 1612 1613 <a href="https://www.radbag.be/verjaardagscadeau-voor-20" title="voor 20" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1614 <span class=""> 1615 voor 20 1616 </span> 1617 </a> 1618 1619 <a href="https://www.radbag.be/verjaardagscadeau-voor-30" title="voor 30" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1620 <span class=""> 1621 voor 30 1622 </span> 1623 </a> 1624 1625 <a href="https://www.radbag.be/verjaardagscadeau-voor-40" title="voor 40" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1626 <span class=""> 1627 voor 40 1628 </span> 1629 </a> 1630 1631 <a href="https://www.radbag.be/verjaardagscadeau-voor-50" title="voor 50" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1632 <span class=""> 1633 voor 50 1634 </span> 1635 </a> 1636 1637 <a href="https://www.radbag.be/verjaardagscadeau-voor-60" title="voor 60" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1638 <span class=""> 1639 voor 60 1640 </span> 1641 </a> 1642 1643 <a href="https://www.radbag.be/verjaardagscadeau-voor-hem" title="voor hem" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1644 <span class=""> 1645 voor hem 1646 </span> 1647 </a> 1648 1649 <a href="https://www.radbag.be/verjaardagscadeau-voor-haar" title="voor haar" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1650 <span class=""> 1651 voor haar 1652 </span> 1653 </a> 1654 1655 </div> 1656 </div> 1657 </div> 1658 1659 <a href="https://www.radbag.be/huwelijkscadeau" title="Huwelijk" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1660 <span class="text-center font-medium"> 1661 Huwelijk 1662 </span> 1663 </a> 1664 <a href="https://www.radbag.be/kerstcadeau" title="Kerstmis" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1665 <span class="text-center font-medium"> 1666 Kerstmis 1667 </span> 1668 </a> 1669 <a href="https://www.radbag.be/baby-cadeaus" title="Baby" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1670 <span class="text-center font-medium"> 1671 Baby 1672 </span> 1673 </a> 1674 <a href="https://www.radbag.be/housewarming-cadeau" title="Housewarming" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1675 <span class="text-center font-medium"> 1676 Housewarming 1677 </span> 1678 </a> 1679 <a href="https://www.radbag.be/valentijnscadeau" title="Valentijnsdag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1680 <span class="text-center font-medium"> 1681 Valentijnsdag 1682 </span> 1683 </a> 1684 <a href="https://www.radbag.be/afscheidscadeau" title="Afscheid" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1685 <span class="text-center font-medium"> 1686 Afscheid 1687 </span> 1688 </a> 1689 <a href="https://www.radbag.be/vrijgezellenfeest" title="Vrijgezellenfeest" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1690 <span class="text-center font-medium"> 1691 Vrijgezellenfeest 1692 </span> 1693 </a> 1694 <a href="https://www.radbag.be/moederdag-cadeau" title="Moederdag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1695 <span class="text-center font-medium"> 1696 Moederdag 1697 </span> 1698 </a> 1699 <a href="https://www.radbag.be/vaderdagcadeau" title="Vaderdag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1700 <span class="text-center font-medium"> 1701 Vaderdag 1702 </span> 1703 </a> 1704 <a href="https://www.radbag.be/paascadeau" title="Pasen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden"> 1705 <span class="text-center font-medium"> 1706 Pasen 1707 </span> 1708 </a> 1709 <a href="https://www.radbag.be/sinterklaas-cadeau" title="Sinterklaas" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1710 <span class="text-center font-medium"> 1711 Sinterklaas 1712 </span> 1713 </a> 1714 </div> 1715 </div> 1716 </div> 1717 </div> 1718 1719 <div class="level-0"> 1720 <span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }"> 1721 <a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://www.radbag.be/Cadeausets" title="Cadeausets"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/26/icons/e/m/emojis.png" alt="" />Cadeausets</a> 1722 </span> 1723 1724 </div> 1725 1726 <div class="level-0"> 1727 <span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }"> 1728 <a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://www.radbag.be/last-minute-cadeau" title="Last minute cadeaus"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/18/icons/g/e/geschenk.png" alt="" />Last minute cadeaus</a> 1729 </span> 1730 1731 </div> 1732 <div class="flex flex-col font-medium gap-4 text-base mt-12"><a href="https://www.radbag.be/customer/account/">Mijn account</a> <a href="https://www.radbag.be/faq/">FAQ</a> <a href="https://www.radbag.be/supportpage/">Hulp</a></div></nav></div></div><!-- desktop --><!-- <div x-ref="nav-desktop" @load.window="menu.setActiveMenu($refs['nav-desktop'])" class="z-68 hidden lg:block lg:relative lg:min-h-0 lg:pt-0 w-full font-poppins"><span class="hidden"></span> <nav class="nav-desktop w-full duration-150 ease-in-out transform flex justify-start relative min-h-0 transition-display mx-auto 2xl:px-18px"></nav></div> --><div x-ref="nav-desktop" @load.window="menu.setActiveMenu($refs['nav-desktop'])" class="z-68 hidden lg:block lg:relative lg:min-h-0 lg:pt-0 w-full font-poppins"><span class="hidden"></span> <nav class="nav-desktop w-full duration-150 ease-in-out transform flex relative min-h-0 transition-display mx-auto justify-start"> 1733 <div class=" level-0 " @mouseenter="menu.hoverPanelActiveId = 'category-node-4779'" @mouseleave="menu.hoverPanelActiveId = 0"> 1734 <span class="bg-opacity-95"> 1735 <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/bestsellers" title="Bestsellers"> 1736 <span class="px-3">Bestsellers</span> 1737 </a> 1738 </span> 1739 </div> 1740 1741 <div class=" level-0 " @mouseenter="menu.hoverPanelActiveId = 'category-node-5345'" @mouseleave="menu.hoverPanelActiveId = 0"> 1742 <span class="bg-opacity-95"> 1743 <a style="color:#cd121a" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/huwelijkscadeau" title="Huwelijk"> 1744 <span class="px-3">Huwelijk</span> 1745 </a> 1746 </span> 1747 </div> 1748 1749 <div class=" level-0 " @mouseenter="menu.hoverPanelActiveId = 'category-node-4671'" @mouseleave="menu.hoverPanelActiveId = 0"> 1750 <span class="bg-opacity-95"> 1751 <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/cadeau-idee" title="Geschenken vinden">
1752 <span class="px-3">Geschenken vinden</span> 1753 </a> 1754 </span> 1755 <div class="w-full left-6 justify-start absolute z-10 hidden py-4 shadow-lg bg-container-lighter -mt-px menu-full top-menu-effect h-382px flex-row " :class="{ '' : menu.hoverPanelActiveId !== 'category-node-4671', 'openmenu' : menu.hoverPanelActiveId === 'category-node-4671'}"> 1756 <div class="max-w-1920px mx-auto w-full"> 1757 <div class="lg:px-30px xl:px-114px flex gap-x-14 overflow-hidden flex-wrap"> 1758 1759 <div class=""> 1760 <a href="https://www.radbag.be/cadeau-voor-hem" title="Mannen" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1761 <span class="text-primary font-semibold text-sm"> 1762 Mannen 1763 </span> 1764 </a> 1765 <div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;"> 1766 <a href="https://www.radbag.be/cadeau-voor-papa" title="Papa" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1767 <span class="text-primary text-sm flex h-9 items-centre"> 1768 Papa 1769 </span> 1770 </a> 1771 1772 <a href="https://www.radbag.be/cadeau-voor-vriend" title="Vriend" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1773 <span class="text-primary text-sm flex h-9 items-centre"> 1774 Vriend 1775 </span> 1776 </a> 1777 1778 <a href="https://www.radbag.be/cadeau-voor-broer" title="Broer" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1779 <span class="text-primary text-sm flex h-9 items-centre"> 1780 Broer 1781 </span> 1782 </a> 1783 1784 </div> 1785 1786 </div> 1787 1788 <div class=""> 1789 <a href="https://www.radbag.be/cadeau-voor-haar" title="Vrouwen" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1790 <span class="text-primary font-semibold text-sm"> 1791 Vrouwen 1792 </span> 1793 </a> 1794 <div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;"> 1795 <a href="https://www.radbag.be/cadeau-voor-mama" title="Mama" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1796 <span class="text-primary text-sm flex h-9 items-centre"> 1797 Mama 1798 </span> 1799 </a> 1800 1801 <a href="https://www.radbag.be/cadeau-voor-vriendin" title="Vriendin" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1802 <span class="text-primary text-sm flex h-9 items-centre"> 1803 Vriendin 1804 </span> 1805 </a> 1806 1807 <a href="https://www.radbag.be/cadeau-voor-zus" title="Zus" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1808 <span class="text-primary text-sm flex h-9 items-centre"> 1809 Zus 1810 </span> 1811 </a> 1812 1813 <a href="https://www.radbag.be/geschenke-fur-oma" title="Oma" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1814 <span class="text-primary text-sm flex h-9 items-centre"> 1815 Oma 1816 </span> 1817 </a> 1818 1819 </div> 1820 1821 </div> 1822 1823 <div class=""> 1824 <a href="https://www.radbag.be/cadeau-idee" title="Cadeau-ideeën" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1825 <span class="text-primary font-semibold text-sm"> 1826 Cadeau-ideeën 1827 </span> 1828 </a> 1829 <div class="relative z-10" style="column-count: 3;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;"> 1830 <a href="https://www.radbag.be/led-lamp-gepersonaliseerd" title="Lampen" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1831 <span class="text-primary text-sm flex h-9 items-centre"> 1832 Lampen 1833 </span> 1834 </a> 1835 1836 <a href="https://www.radbag.be/persoonlijke-posters" title="Posters" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1837 <span class="text-primary text-sm flex h-9 items-centre"> 1838 Posters 1839 </span> 1840 </a> 1841 1842 <a href="https://www.radbag.be/exclusieve-sleutelborden" title="Sleutelborden" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1843 <span class="text-primary text-sm flex h-9 items-centre"> 1844 Sleutelborden 1845 </span> 1846 </a> 1847 1848 <a href="https://www.radbag.be/exclusieve-houten-cadeaus" title="Houten foto's" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1849 <span class="text-primary text-sm flex h-9 items-centre"> 1850 Houten foto's 1851 </span> 1852 </a> 1853 1854 <a href="https://www.radbag.be/gepersonaliseerde-kussens" title="Kussens" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1855 <span class="text-primary text-sm flex h-9 items-centre"> 1856 Kussens 1857 </span> 1858 </a> 1859 1860 <a href="https://www.radbag.be/gepersonaliseerde-deurmatten" title="Deurmatten" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1861 <span class="text-primary text-sm flex h-9 items-centre"> 1862 Deurmatten 1863 </span> 1864 </a> 1865 1866 <a href="https://www.radbag.be/gepersonaliseerde-dekens" title="Dekens" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1867 <span class="text-primary text-sm flex h-9 items-centre"> 1868 Dekens 1869 </span> 1870 </a> 1871 1872 <a href="https://www.radbag.be/gepersonaliseerde-mokken-en-glazen" title="Mokken & Glazen" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1873 <span class="text-primary text-sm flex h-9 items-centre"> 1874 Mokken & Glazen 1875 </span> 1876 </a> 1877 1878 <a href="https://www.radbag.be/badjas-voor-dames" title="Badjas" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1879 <span class="text-primary text-sm flex h-9 items-centre"> 1880 Badjas 1881 </span> 1882 </a> 1883 1884 <a href="https://www.radbag.be/sokken" title="Sokken" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1885 <span class="text-primary text-sm flex h-9 items-centre"> 1886 Sokken 1887 </span> 1888 </a> 1889 1890 <a href="https://www.radbag.be/gepersonaliseerde-boxershorts" title="Boxershorts" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1891 <span class="text-primary text-sm flex h-9 items-centre"> 1892 Boxershorts 1893 </span> 1894 </a> 1895 1896 <a href="https://www.radbag.be/schorten" title="Schorten" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1897 <span class="text-primary text-sm flex h-9 items-centre"> 1898 Schorten 1899 </span> 1900 </a> 1901 1902 <a href="https://www.radbag.be/t-shirts" title="T-Shirts" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1903 <span class="text-primary text-sm flex h-9 items-centre"> 1904 T-Shirts 1905 </span> 1906 </a> 1907 1908 <a href="https://www.radbag.be/sweater" title="Trui" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1909 <span class="text-primary text-sm flex h-9 items-centre"> 1910 Trui 1911 </span> 1912 </a> 1913 1914 <a href="https://www.radbag.be/gepersonaliseerde-petten" title="Petten" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1915 <span class="text-primary text-sm flex h-9 items-centre"> 1916 Petten 1917 </span> 1918 </a> 1919 1920 <a href="https://www.radbag.be/hoodie-deken" title="Hoodie Deken" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1921 <span class="text-primary text-sm flex h-9 items-centre"> 1922 Hoodie Deken 1923 </span> 1924 </a> 1925 1926 <a href="https://www.radbag.be/cosmetica-tasjes" title="Cosmetica tasje
1926s" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1927 <span class="text-primary text-sm flex h-9 items-centre"> 1928 Cosmetica tasjes 1929 </span> 1930 </a> 1931 1932 <a href="https://www.radbag.be/boodschappentassen" title="Boodschappentassen" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1933 <span class="text-primary text-sm flex h-9 items-centre"> 1934 Boodschappentassen 1935 </span> 1936 </a> 1937 1938 <a href="https://www.radbag.be/tote-bags" title="Tote bags" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1939 <span class="text-primary text-sm flex h-9 items-centre"> 1940 Tote bags 1941 </span> 1942 </a> 1943 1944 <a href="https://www.radbag.be/gepersonaliseerde-rugzakken" title="Rugzak" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1945 <span class="text-primary text-sm flex h-9 items-centre"> 1946 Rugzak 1947 </span> 1948 </a> 1949 1950 </div> 1951 1952 </div> 1953 <div class="menu-container-nochild flex flex-col flex-wrap max-h-80"></div> 1954 </div> 1955 </div> 1956 </div> 1957 1958 </div> 1959 1960 <div class=" level-0 " @mouseenter="menu.hoverPanelActiveId = 'category-node-4684'" @mouseleave="menu.hoverPanelActiveId = 0"> 1961 <span class="bg-opacity-95"> 1962 <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/cadeau-idee" title="Welke gelegenheid?"> 1963 <span class="px-3">
1963Welke gelegenheid?</span> 1964 </a> 1965 </span> 1966 <div class="w-full left-6 justify-start absolute z-10 hidden py-4 shadow-lg bg-container-lighter -mt-px menu-full top-menu-effect h-382px flex-row " :class="{ '' : menu.hoverPanelActiveId !== 'category-node-4684', 'openmenu' : menu.hoverPanelActiveId === 'category-node-4684'}"> 1967 <div class="max-w-1920px mx-auto w-full"> 1968 <div class="lg:px-30px xl:px-114px flex gap-x-14 overflow-hidden flex-wrap"> 1969 1970 <div class=""> 1971 <a href="https://www.radbag.be/verjaardagscadeau" title="Verjaardag" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 1972 <span class="text-primary font-semibold text-sm"> 1973 Verjaardag 1974 </span> 1975 </a> 1976 <div class="relative z-10" style="column-count: 2;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;"> 1977 <a href="https://www.radbag.be/verjaardagscadeau-voor-18" title="voor 18" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1978 <span class="text-primary text-sm flex h-9 items-centre"> 1979 voor 18 1980 </span> 1981 </a> 1982 1983 <a href="https://www.radbag.be/verjaardagscadeau-voor-20" title="voor 20" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1984 <span class="text-primary text-sm flex h-9 items-centre"> 1985 voor 20 1986 </span> 1987 </a> 1988 1989 <a href="https://www.radbag.be/verjaardagscadeau-voor-30" title="voor 30" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1990 <span class="text-primary text-sm flex h-9 items-centre"> 1991 voor 30 1992 </span> 1993 </a> 1994 1995 <a href="https://www.radbag.be/verjaardagscadeau-voor-40" title="voor 40" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 1996 <span class="text-primary text-sm flex h-9 items-centre"> 1997 voor 40 1998 </span> 1999 </a> 2000 2001 <a href="https://www.radbag.be/verjaardagscadeau-voor-50" title="voor 50" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 2002 <span class="text-primary text-sm flex h-9 items-centre"> 2003 voor 50 2004 </span> 2005 </a> 2006 2007 <a href="https://www.radbag.be/verjaardagscadeau-voor-60" title="voor 60" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 2008 <span class="text-primary text-sm flex h-9 items-centre"> 2009 voor 60 2010 </span> 2011 </a> 2012 2013 <a href="https://www.radbag.be/verjaardagscadeau-voor-hem" title="voor hem" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 2014 <span class="text-primary text-sm flex h-9 items-centre"> 2015 voor hem 2016 </span> 2017 </a> 2018 2019 <a href="https://www.radbag.be/verjaardagscadeau-voor-haar" title="voor haar" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;"> 2020 <span class="text-primary text-sm flex h-9 items-centre"> 2021 voor haar 2022 </span> 2023 </a> 2024 2025 </div> 2026 2027 </div> 2028 <div class="menu-container-nochild flex flex-col flex-wrap max-h-80"> 2029 <div class="menu-item-nochild pr-10 font-semibold"> 2030 <a href="https://www.radbag.be/huwelijkscadeau" title="Huwelijk" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 2031 <span class="text-primary text-sm"> 2032 Huwelijk 2033 </span> 2034 </a></div> 2035 <div class="menu-item-nochild pr-10 font-semibold"> 2036 <a href="https://www.radbag.be/kerstcadeau" title="Kerstmis" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 2037 <span class="text-primary text-sm"> 2038 Kerstmis 2039 </span> 2040 </a></div> 2041 <div class="menu-item-nochild pr-10 font-semibold"> 2042 <a href="https://www.radbag.be/baby-cadeaus" title="Baby" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 2043 <span class="text-primary text-sm"> 2044 Baby 2045 </span> 2046 </a></div> 2047 <div class="menu-item-nochild pr-10 font-semibold"> 2048 <a href="https://www.radbag.be/housewarming-cadeau" title="Housewarming" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 2049 <span class="text-primary text-sm"> 2050 Housewarming 2051 </span> 2052 </a></div> 2053 <div class="menu-item-nochild pr-10 font-semibold"> 2054 <a href="https://www.radbag.be/valentijnscadeau" title="Valentijnsdag" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 2055 <span class="text-primary text-sm"> 2056 Valentijnsdag 2057 </span> 2058 </a></div> 2059 <div class="menu-item-nochild pr-10 font-semibold"> 2060 <a href="https://www.radbag.be/afscheidscadeau" title="Afscheid" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 2061 <span class="text-primary text-sm"> 2062 Afscheid 2063 </span> 2064 </a></div> 2065 <div class="menu-item-nochild pr-10 font-semibold"> 2066 <a href="https://www.radbag.be/vrijgezellenfeest" title="Vrijgezellenfeest" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 2067 <span class="text-primary text-sm"> 2068 Vrijgezellenfeest 2069 </span> 2070 </a></div> 2071 <div class="menu-item-nochild pr-10 font-semibold"> 2072 <a href="https://www.radbag.be/moederdag-cadeau" title="Moederdag" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 2073 <span class="text-primary text-sm"> 2074 Moederdag 2075 </span> 2076 </a></div> 2077 <div class="menu-item-nochild pr-10 font-semibold"> 2078 <a href="https://www.radbag.be/vaderdagcadeau" title="Vaderdag" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 2079 <span class="text-primary text-sm"> 2080 Vaderdag 2081 </span> 2082 </a></div> 2083 <div class="menu-item-nochild pr-10 font-semibold"> 2084 <a href="https://www.radbag.be/paascadeau" title="Pasen" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 2085 <span class="text-primary text-sm"> 2086 Pasen 2087 </span> 2088 </a></div> 2089 <div class="menu-item-nochild pr-10 font-semibold"> 2090 <a href="https://www.radbag.be/sinterklaas-cadeau" title="Sinterklaas" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline"> 2091 <span class="text-primary text-sm"> 2092 Sinterklaas 2093 </span> 2094 </a></div></div> 2095 </div> 2096 </div> 2097 </div> 2098 2099 </div> 2100 2101 <div class=" level-0 " @mouseenter="menu.hoverPanelActiveId = 'category-node-5414'" @mouseleave="menu.hoverPanelActiveId = 0"> 2102 <span class="bg-opacity-95"> 2103 <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/Cadeausets" title="Cadeausets">
2104 <span class="px-3">Cadeausets</span> 2105 </a> 2106 </span> 2107 </div> 2108 2109 <div class=" level-0 " @mouseenter="menu.hoverPanelActiveId = 'category-node-4760'" @mouseleave="menu.hoverPanelActiveId = 0"> 2110 <span class="bg-opacity-95"> 2111 <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/last-minute-cadeau" title="Last minute cadeaus"> 2112 <span class="px-3">Last minute cadeaus</span> 2113 </a> 2114 </span> 2115 </div> 2116 </nav></div></div><style> .search-back-icon{display:none} .search-content .search-back-icon{display:block}</style>
2116<script> 2117 'use strict'; 2118 const initHeaderNavigation = () => { 2119 var fragmentmenu = document.createDocumentFragment(); 2120 return { 2121 mobilePanelActiveId: null, 2122 hoverPanelActiveId: null, 2123 menuLevel: null, 2124 isActive: '', 2125 open: false, 2126 algoliaContainer: '', 2127 menuAlgolia: 0, 2128 headerAlgolia: 0, 2129 setActiveMenu(menuNode) { 2130 Array.from(menuNode.querySelectorAll('a')).filter(link => { 2131 const linkmenu = link.href.split('/'); 2132 const linkwindow = window.location.href.split('?')[0].split('/'); 2133 return linkmenu[3] != '' ? linkmenu[3] === linkwindow[3] : ''; 2134 }).map(item => { 2135 const span = item.querySelector("span"); 2136 const element = item.closest(".level-0").querySelector('.top-menu-item'); 2137 if(element) { 2138 element.classList.add('menu-item-active') 2139 } 2140 if(span) { 2141 span.classList.add("underline"); 2142 } 2143 item.classList.add('menu-item-active'); 2144 }); 2145 }, 2146 algoliaChangePosition() { 2147 if(this.algoliaContainer == '') { 2148 this.algoliaContainer = fragmentmenu.appendChild(document.querySelector('#algoliaAutocomplete')) 2149 } 2150 if(this.open == true) { 2151 document.getElementById('algolia-autocomplete-container-mobile-menu').appendChild(this.algoliaContainer); 2152 if(document.querySelector("#algolia-autocomplete-container-mobile-menu input") != null) { 2153 document.querySelector("#algolia-autocomplete-container-mobile-menu").onclick = function() { 2154 document.querySelector('#search-block-menu').classList.add('search-content') 2155 }; 2156 } 2157 } else if(this.open == false) { 2158 document.querySelector('.algolia-search-block').appendChild(this.algoliaContainer); 2159 document.querySelector('#search-block-menu').classList.remove('search-content') 2160 } 2161 }, 2162 goBack() { 2163 document.querySelector('#search-block-menu').classList.remove('search-content'); 2164 if(document.querySelector('.aa-Panel.autocomplete-block') != null){ 2165 document.querySelector('.aa-Panel.autocomplete-block').remove(); 2166 } 2167 } 2168 } 2169 }</script>
2169</div></div> <!--Search--><div class="algolia-search-block"><div class="flex-1 relative search-header-block block lg:hidden mx-2" id="algoliaAutocomplete" > <!-- Load Typesense JS client (served locally after npm or manual download) -->
2169<script src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Mhdirekt_TypeSenseSearch/js/typesense.min.js"></script>
2169<div x-data="typesenseAutocomplete()" x-init="init()" @click.outside="close()" class="typesense-autocomplete relative w-full" role="search" aria-label="Product search" ><!-- Search Input — overwrites / augments the existing Hyvä search input --><div class="relative flex items-center"><button type="button" @click="selectActive()" class="absolute left-3 text-gray-400 z-99" aria-label="Zoek" ><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_4471_16029)"><path d="M10.8121 14.2406C11.0617 14.2406 11.3123 14.2338 11.5628 14.2406C12.1465 14.2588 12.6054 13.9785 12.9846 13.5849C13.2445 13.3027 13.47 12.9908 13.6566 12.6556C13.862 12.3033 14.0137 11.9202 14.1932 11.5526C14.3012 11.3212 14.3563 11.0687 14.3545 10.8134C14.3596 10.3967 14.3542 9.98072 14.3382 9.56536C14.3151 8.99896 14.2345 8.44216 13.9849 7.92088C13.9118 7.76669 13.8533 7.60599 13.8102 7.44088C13.6764 7.0004 13.4586 6.58997 13.1689 6.23224C12.7561 5.68092 12.2395 5.21557 11.6483 4.86232C11.1606 4.57432 10.6566 4.30744 10.1555 4.04152C10.0422 3.977 9.91513 3.94077 9.78491 3.93592C9.28187 3.93592 8.77595 3.93592 8.27578 3.99256C7.6426 4.05829 7.04221 4.30679 6.54779 4.70776C6.11387 5.05624 5.71931 5.45176 5.29979 5.81176C4.93732 6.12171 4.67088 6.5287 4.53179 6.98488C4.40699 7.36888 4.30523 7.77112 4.21499 8.17048C4.18534 8.33074 4.18112 8.49467 4.20251 8.65624C4.25531 9.19864 4.31867 9.74104 4.38011 10.2882C4.38909 10.4618 4.41286 10.6343 4.45115 10.8038C4.51834 11.0369 4.60273 11.2647 4.70363 11.4854C4.80467 11.7346 4.93348 11.9716 5.08763 12.1919C5.30726 12.4676 5.55146 12.7227 5.81722 12.9542C6.42394 13.4879 7.13723 13.8671 7.82171 14.2886C7.97822 14.3816 8.16154 14.4191 8.34203 14.3951C9.16475 14.326 9.98363 14.1974 10.814 14.2415M14.2278 13.7721C14.3065 13.825 14.3821 13.8824 14.4543 13.9439C14.8729 14.3394 15.2886 14.7388 15.7023 15.1353C15.7542 15.1842 15.8137 15.2255 15.8684 15.2735C16.1209 15.4962 16.3734 15.718 16.6249 15.9455C16.9868 16.2681 17.3468 16.5926 17.7087 16.9151C18.0927 17.2569 18.4835 17.5948 18.8684 17.9366C19.0182 18.07 19.1679 18.2054 19.3062 18.3503C19.5206 18.5585 19.7204 18.7811 19.9043 19.0166C20.2682 19.5112 20.6582 19.9861 21.0726 20.4393C21.183 20.5622 21.3174 20.6745 21.2991 20.8646C21.2912 20.9006 21.2772 20.935 21.2579 20.9663C21.2425 20.9961 21.2108 21.023 21.207 21.0527C21.1926 21.1833 21.0735 21.2447 21.0227 21.3551C21.0227 21.3657 20.9679 21.3666 20.9468 21.3551C20.906 21.3308 20.8674 21.3029 20.8316 21.2716C20.7923 21.3676 20.75 21.3609 20.6675 21.3206C20.5712 21.2793 20.4668 21.2603 20.3622 21.2649C20.2961 21.2667 20.2304 21.255 20.169 21.2306C20.1076 21.2062 20.0518 21.1695 20.0051 21.1228C19.4953 20.6428 18.9769 20.1705 18.4748 19.6828C18.1302 19.3468 17.7932 19.0012 17.4783 18.6383C17.1635 18.2754 16.7823 18.0076 16.4223 17.7052C15.7244 17.1148 14.9977 16.5532 14.3756 15.8812C14.0444 15.5231 13.743 15.1372 13.4281 14.7628L13.4051 14.7369C12.8818 14.9216 12.3421 15.056 11.7932 15.1382C11.3599 15.1855 10.9245 15.2101 10.4886 15.2121C10.0086 15.2332 9.53435 15.2476 9.05627 15.2649C8.57819 15.2822 8.09626 15.1689 7.61626 15.0806C6.74266 14.9212 5.97755 14.5132 5.26715 14.0073C4.43099 13.4121 3.79355 12.6489 3.45371 11.661C3.29723 11.206 3.11195 10.7596 2.97371 10.2978C2.83547 9.83608 2.70971 9.39832 2.68571 8.92024C2.6821 8.60671 2.74016 8.29553 2.85659 8.0044C2.91995 7.8268 2.97371 7.6444 3.04859 7.47064C3.14459 7.24024 3.25691 7.01656 3.36539 6.79096C3.43931 6.63736 3.51323 6.48376 3.59771 6.33592C4.25667 5.17235 5.20848 4.20134 6.35866 3.51928C6.75515 3.2812 7.14587 3.03352 7.58459 2.87416C8.20989 2.65735 8.87678 2.5877 9.53339 2.67064C9.95125 2.71335 10.3659 2.78326 10.7747 2.87992C11.4593 3.03339 12.0914 3.3645 12.6073 3.83992C13.1171 4.31512 13.6412 4.77784 14.0473 5.35C14.3156 5.7028 14.5349 6.09032 14.6991 6.502C14.7739 6.68425 14.8595 6.86185 14.9555 7.03384C15.1907 7.48696 15.2905 7.98136 15.4143 8.47384C15.5996 9.20152 15.6236 9.94264 15.6188 10.6866C15.6175 10.7517 15.6071 10.8164 15.5881 10.8786C15.3961 11.519 15.2147 12.1612 14.8652 12.7391C14.6838 13.0377 14.5004 13.3334 14.318 13.631L14.2566 13.727L14.222 13.7702" fill="#878787"/><path d="M7.45602 6.72014C7.40418 6.62414 7.3533 6.66734 7.30818 6.72014C7.25251 6.78242 7.2021 6.84921 7.15746 6.91982C7.02309 7.12762 6.83679 7.29672 6.61698 7.41038C6.58242 7.43054 6.53826 7.47854 6.51138 7.39886C6.51138 7.3931 6.4989 7.38542 6.49506 7.38734C6.33474 7.43342 6.18594 7.34414 6.0285 7.34798C5.95457 7.34007 5.88197 7.32264 5.8125 7.29614C5.88219 6.94843 6.04512 6.62621 6.28386 6.36398C6.71304 5.8629 7.27668 5.49514 7.90818 5.30414C8.08561 5.24951 8.26977 5.21979 8.45538 5.21582C8.78754 5.21582 9.1197 5.26286 9.45186 5.25998C9.76672 5.26627 10.0774 5.33343 10.3667 5.45774C10.5662 5.53796 10.7589 5.63428 10.9427 5.74574C11.3815 6.00974 11.8067 6.28814 12.1571 6.67502C12.2858 6.81806 12.2877 6.93326 12.1715 7.08014C12.1413 7.12661 12.1214 7.17897 12.113 7.23374C12.0976 7.29902 12.0775 7.3163 12.017 7.27886C11.9843 7.25966 11.9344 7.2731 11.8931 7.26638C11.8519 7.25966 11.7914 7.24046 11.74
216905 7.23374C11.6339 7.2302 11.5277 7.21897 11.4227 7.20014C11.3307 7.17154 11.244 7.12774 11.1664 7.07054C11.0551 6.99374 10.9648 6.8843 10.8477 6.81998C10.4695 6.61166 10.0797 6.4235 9.70146 6.21614C9.42292 6.05567 9.09362 6.0076 8.78082 6.08174C8.63682 6.11438 8.49282 6.1451 8.34786 6.17774C8.02652 6.24324 7.73532 6.41176 7.51842 6.65774C7.49785 6.67855 7.47605 6.6981 7.45314 6.7163" fill="#878787"/></g><defs><clipPath id="clip0_4471_16029"><rect width="24" height="24" fill="white"/></clipPath></defs></svg></button> <input id="autocomplete-0-input" type="text" x-model="query" x-ref="input" @input.debounce.200ms="search()" @keydown.arrow-down.prevent="focusResult(activeIndex + 1)" @keydown.arrow-up.prevent="focusResult(activeIndex - 1)" @keydown.enter.prevent="selectActive()" @keydown.escape="close()" @focus="query.length >= 2 && open()" placeholder="Zoek" autocomplete="off" class="typesense-search-input form-input w-full" aria-autocomplete="list" :aria-expanded="isOpen" aria-controls="ts-autocomplete-results" name="q" /></div><!-- Autocomplete Dropdown --><div id="ts-autocomplete-results" x-show="isOpen" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute left-0 right-0 z-50 bg-white shadow-xl rounded-b-lg mt-1 max-h-[520px] overflow-y-auto" role="listbox" ><!-- Loading State --><div x-show="loading" class="flex items-center justify-center p-6 text-gray-400"><svg class="animate-spin w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8z"></path></svg><span>Searching...</span></div><!-- No Results --><div x-show="!loading && query.length >= 2 && products.length === 0 && categories.length === 0" class="p-6 text-center text-gray-500" >No products found for "<span x-text="query" class="font-medium"></span>"</div><!-- Products --><template x-if="!loading && (products.length > 0 || tags.length > 0 || categories.length > 0)"><div class="flex flex-col pt-2"><!-- Produkte — rechte Spalte --><div class="flex-1 min-w-0"><div class="text-base font-semibold px-4 text-black">Gezocht? Gevonden! 😎</div><template x-for="(product, index) in products" :key="product.id"><div class="flex flex-1 items-center justify-between gap-2 pr-4"><div class="flex-col flex-1"><a :href="product.url" :id="'ts-result-' + index" role="option" :aria-selected="activeIndex === index" @mouseenter="activeIndex = index" @click="onProductClick(product, index)" class="flex items-center gap-3 px-4 py-2 hover:bg-gray-50 cursor-pointer transition-colors" :class="activeIndex === index ? 'bg-gray-50' : ''" ><!-- Product Image --><div class="block w-16 h-16 rounded-lg overflow-hidden"><img :src="product.image_url || ''" :alt="product.name" class="w-full h-full object-cover" loading="lazy" x-show="product.image_url" /><div x-show="!product.image_url" class="w-full h-full flex items-center justify-center text-gray-300"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg></div></div><!-- Product Info --><div class="flex-1 min-w-0"><div class="search-item text-blackfont font-semibold text-xs" x-html="highlight(product.name)"></div><!-- Price --><div class="flex-shrink-0"><template x-if="product.special_price && product.special_price < product.price"><div><div class="text-sm font-bold text-redColor" x-text="hyva.formatPrice(product.special_price)"></div><div class="text-xs text-oldPrice line-through" x-text="hyva.formatPrice(product.price)"></div></div></template><template x-if="!product.special_price || product.special_price >= product.price"><div class="text-sm font-bold text-gray-900" x-text="hyva.formatPrice(product.final_price || product.price)"></div></template></div></div></a></div><a :href="product.url" role="option" @click="onProductClick(product, index)" class="w-6 h-6" :class="activeIndex === index ? 'bg-gray-50' : ''" ><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="23" height="23" rx="11.5" fill="white" stroke="#E4E4E4"></rect><path d="M7.75 17H16.25" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.5 7.75L8.5 14.75" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.365 7.75H15.5V12.885" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></template><!-- "Alle Ergebnisse" Footer --><div class="mx-4 mt-4 mb-4">
2169<a :href="allResultsUrl()" @click="trackViewAllClick()" class="text-activeInputText underline font-medium text-xs mt-4" >Alle Produkte für "<span x-text="query"></span>"</a></div></div><!-- /Produkte Spalte --><!-- Kategorien — mittlere Spalte --><template x-if="categories.length > 0"><div class="p-4"><div class="text-base font-semibold text-black">Categorieën</div><div class="flex flex-wrap gap-2 flex-row mt-4"><template x-for="category in categories" :key="category.id"><a :href="category.url" class="h-7 rounded-full px-2 py-1 border border-gray-200 flex items-center" ><span class="text-xs font-medium" x-html="highlight(category.name)"></span></a></template></div></div></template><!-- Schlagwörter (product_tags) — linke Spalte --><!-- <template x-if="tags.length > 0"><div class="p-4"><div class="text-base font-semibold text-black">Schlagwörter</div><div class="flex flex-wrap gap-2 flex-row mt-4"><template x-for="tag in tags" :key="tag.value"><a :href="allResultsUrl() + '&product_tags=' + encodeURIComponent(tag.value)" class="h-7 rounded-full px-2 py-1 border border-gray-200 flex items-center" ><span class="text-xs font-medium" x-html="highlight(tag.value)"></span></a></template></div></div></template> --></div><!-- /flex --></template></div></div><style> .search-item mark { background-color: #D0D5F6; }</style>
2169<script> 2170(function () { 2171 const TS_CONFIG = {"host":"ugx630fkc12hdv98p-1.a2.typesense.net","port":443,"protocol":"https","searchApiKey":"wVrnhGHs7T8KjWS5vBzpanm82SsRZfc5","collectionName":"live_products_12","categoryCollectionName":"live_categories_12","productsLimit":6,"categoriesLimit":3,"tagsLimit":4,"minQueryLength":2,"debounceMs":200,"convergeEnabled":true,"currency":"EUR","currencySymbol":null,"searchResultsUrl":"https:\/\/www.radbag.be\/catalogsearch\/result\/index\/"}; 2172 2173 function typesenseAutocomplete() { 2174 let typesenseClient = null; 2175 2176 return { 2177 query: '', 2178 products: [], 2179 categories: [], 2180 tags: [], 2181 loading: false, 2182 isOpen: false, 2183 activeIndex: -1, 2184 2185 init() { 2186 typesenseClient = new Typesense.Client({ 2187 apiKey: TS_CONFIG.searchApiKey, 2188 nodes: [{ 2189 host: TS_CONFIG.host, 2190 port: TS_CONFIG.port, 2191 protocol: TS_CONFIG.protocol, 2192 }], 2193 connectionTimeoutSeconds: 5, 2194 }); 2195 2196 2197 const existingInput = document.querySelector('input[name="q"]:not(.typesense-autocomplete input)'); 2198 if (existingInput) { 2199 existingInput.setAttribute('x-model', 'query'); 2200 } 2201 }, 2202 2203 async search() { 2204 if (this.query.length < TS_CONFIG.minQueryLength) { 2205 this.products = []; 2206 this.categories = []; 2207 this.tags = []; 2208 this.isOpen = false; 2209 return; 2210 } 2211 2212 this.loading = true; 2213 this.isOpen = true; 2214 2215 try { 2216 2217 var result = await typesenseClient.multiSearch.perform({ 2218 searches: [ 2219 { 2220 collection: TS_CONFIG.collectionName, 2221 q: this.query, 2222 query_by: 'name,product_tags,short_desc,sku', 2223 query_by_weights: '4,3,2,3', 2224 per_page: TS_CONFIG.productsLimit, 2225 page: 1, 2226 facet_by: 'product_tags', 2227 max_facet_values: TS_CONFIG.tagsLimit, 2228 highlight_full_fields: 'name,product_tags', 2229 highlight_affix_num_tokens: 4, 2230 prioritize_exact_match: true, 2231 filter_by: 'in_stock:true', 2232 }, 2233 { 2234 collection: TS_CONFIG.categoryCollectionName, 2235 q: this.query, 2236 query_by: 'name,description,url_key', 2237 query_by_weights: '4,2,1', 2238 per_page: TS_CONFIG.categoriesLimit, 2239 page: 1, 2240 highlight_full_fields: 'name', 2241 prioritize_exact_match: true, 2242 filter_by: 'is_active:true', 2243 } 2244 ] 2245 }); 2246 2247 this.products = result.results[0].hits.map(h => h.document); 2248 2249 2250 var tagFacet = result.results[0].facet_counts?.find(f => f.field_name === 'product_tags'); 2251 this.tags = tagFacet?.counts?.slice(0, TS_CONFIG.tagsLimit) || []; 2252 2253 2254 this.categories = (result.results[1]?.hits || []).map(h => h.document); 2255 } catch (err) { 2256 console.error('[Typesense] Search error:', err); 2257 this.products = []; 2258 this.categories = []; 2259 this.tags = []; 2260 } finally { 2261 this.loading = false;
2262 } 2263 }, 2264 2265 highlight(text) { 2266 if (!this.query || !text) return this.escapeHtml(text || ''); 2267 const parts = text.split(new RegExp(`(${this.query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi')); 2268 return parts.map(p => 2269 p.toLowerCase() === this.query.toLowerCase() 2270 ? `<mark class="bg-yellow-100 text-gray-900 rounded px-0.5">${this.escapeHtml(p)}</mark>` 2271 : this.escapeHtml(p) 2272 ).join(''); 2273 }, 2274 2275 escapeHtml(str) { 2276 return String(str).replace(/[&<>"']/g, s => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[s])); 2277 }, 2278 2279 formatPrice(amount) { 2280 if (amount === undefined || amount === null) return ''; 2281 const formatted = Number(amount).toLocaleString('de-DE', { 2282 minimumFractionDigits: 2, 2283 maximumFractionDigits: 2, 2284 }); 2285 return formatted + ' ' + (TS_CONFIG.currencySymbol || '€'); 2286 }, 2287 2288 focusResult(index) { 2289 const count = this.products.length; 2290 if (count === 0) return; 2291 this.activeIndex = Math.max(0, Math.min(index, count - 1)); 2292 document.getElementById('ts-result-' + this.activeIndex)?.scrollIntoView({ block: 'nearest' }); 2293 }, 2294 2295 selectActive() { 2296 if (this.activeIndex >= 0 && this.products[this.activeIndex]) { 2297 const product = this.products[this.activeIndex]; 2298 this.onProductClick(product, this.activeIndex); 2299 window.location.href = product.url; 2300 } else { 2301 window.location.href = this.allResultsUrl(); 2302 } 2303 }, 2304 2305 open() { 2306 this.isOpen = true; 2307 }, 2308 2309 close() { 2310 this.isOpen = false; 2311 this.activeIndex = -1; 2312 }, 2313 2314 clear() { 2315 this.query = ''; 2316 this.products = []; 2317 this.categories = []; 2318 this.tags = []; 2319 this.isOpen = false; 2320 this.$refs.input?.focus(); 2321 }, 2322 2323 allResultsUrl() { 2324 return TS_CONFIG.searchResultsUrl + '?q=' + encodeURIComponent(this.query); 2325 }, 2326 2327 onProductClick(product, position) { 2328 2329 this.track('Viewed Product', { 2330 product_id: String(product.entity_id), 2331 variant_id: String(product.entity_id), 2332 sku: product.sku ?? undefined, 2333 name: product.name, 2334 price: product.final_price ?? product.price, 2335 currency: TS_CONFIG.currency, 2336 url: product.url, 2337 image_url: product.image_url ?? undefined, 2338 vendor: product.brand ?? undefined, 2339 }); 2340 }, 2341 2342 trackViewAllClick() { 2343 2344 this.track('Searched', { 2345 query: this.query, 2346 }); 2347 }, 2348 2349 track(eventName, properties) { 2350 if (!TS_CONFIG.convergeEnabled) return; 2351 if (typeof window.cvg !== 'function') { 2352 console.warn('[Typesense] Converge pixel (cvg) not loaded.'); 2353 return; 2354 } 2355 window.cvg({ method: 'track', eventName, properties }); 2356 }, 2357 }; 2358 } 2359 2360 window.typesenseAutocomplete = typesenseAutocomplete; 2361})();</script>
2361</div></div> <!--advantages mobile--> <div class="advantages-mobile md:hidden lg:mt-1.5 bg-navbar lg:h-12 sm:h-10 h-9 mt-14"><div><p> <div class="advantages-block-wrapper advantages-block "><div class="max-w-1920px mx-auto relative"><div class="lg:px-5 xl:px-20"><div class="mx-auto flex text-xs 2xl:text-sm leading-4 justify-center md:gap-x-11 gap-x-2.5 flex-wrap swiper-container swiper-design swiper-container-advantages"><div class="swiper-wrapper flex w-full"> <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center now w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#freeshipHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=verzendkosten/">Gratis verzending vanaf € 60 </a> </span></div></div> <div class="mySlides w-full no-show-perso"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#gratisbackHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=retoure/">100 dagen gratis retourneren</a> </span></div></div> <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"> <span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#klarnatransparent" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=betalingsmogelijkheden/">Betaal met Klarna</a> </span></div></div> </div></div></div></div></div><style> @media only screen and (min-width: 769px) { .mySlides {display:block !important;} } @media only screen and (max-width: 768px) { .mySlides {display:none;} }</style></p></div></div>
2361 <!--Cart Drawer--> <!--Authentication Pop-Up-->
2361<script> 2362 function initAuthentication() { 2363 return { 2364 open: false, 2365 forceAuthentication: false, 2366 checkoutUrl: 'https://www.radbag.be/checkout/index/', 2367 errors: 0, 2368 hasCaptchaToken: 0, 2369 displayErrorMessage: false, 2370 errorMessages: [], 2371 setErrorMessages: function setErrorMessages(messages) { 2372 this.errorMessages = [messages]; 2373 this.displayErrorMessage = this.errorMessages.length; 2374 }, 2375 submitForm: function () { 2376 2377 const $form = document.querySelector('#login-form'); 2378 2379 if (this.errors === 0) { 2380 this.dispatchLoginRequest($form); 2381 } 2382 }, 2383 onPrivateContentLoaded: function (data) { 2384 const isLoggedIn = data.customer && data.customer.firstname; 2385 if (data.cart && !isLoggedIn) { 2386 this.forceAuthentication = !data.cart.isGuestCheckoutAllowed; 2387 } 2388 }, 2389 redirectIfAuthenticated: function (event) { 2390 if (event.detail && event.detail.url) { 2391 this.checkoutUrl = event.detail.url; 2392 } 2393 if (!this.forceAuthentication) { 2394 window.location.href = this.checkoutUrl; 2395 } 2396 }, 2397 dispatchLoginRequest: function(form) { 2398 this.isLoading = true; 2399 const username = this.$refs['customer-email'].value; 2400 const password = this.$refs['customer-password'].value; 2401 const formKey = hyva.getFormKey(); 2402 const bodyFields = { 2403 'username': username, 2404 'password': password, 2405 'formKey': formKey 2406 }; 2407 const fieldName = 'g\u002Drecaptcha\u002Dresponse'; 2408 const recaptchaField = fieldName && form[fieldName]; 2409 if (recaptchaField) { 2410 bodyFields[fieldName] = recaptchaField.value; 2411 } 2412 fetch('https://www.radbag.be/customer/ajax/login/', { 2413 method: 'POST', 2414 headers: { 2415 'Content-Type': 'application/json', 2416 'X-Requested-With': 'XMLHttpRequest' 2417 }, 2418 body: JSON.stringify(bodyFields) 2419 } 2420 ).then(response => { 2421 return response.json() 2422 } 2423 ).then(data=> { 2424 this.isLoading = false; 2425 if (data.errors) { 2426 dispatchMessages([{ 2427 type: 'error', 2428 text: data.message 2429 }], 5000); 2430 this.errors = 1; 2431 this.hasCaptchaToken = 0; 2432 } else { 2433 window.location.href = this.checkoutUrl; 2434 } 2435 }); 2436 } 2437 } 2438 }</script>
2438<section id="authentication-popup" x-data="initAuthentication()" @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)" @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)" @keydown.window.escape="open = false" ><div class="backdrop" aria-hidden="true" x-cloak x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="open = false" ></div><div role="dialog" aria-modal="true" @click.outside="open = false" class="inset-y-0 right-0 z-30 flex max-w-full fixed" x-cloak x-show="open" ><div class="relative w-screen max-w-md pt-16 bg-container-lighter" x-show="open" x-cloak="" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" ><div x-show="open" x-cloak="" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2"><button type="button" @click="open = false;" aria-label="Close panel" class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 2439 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2440<title>Close panel</title></svg> 2441</button></div><template x-if="open"><div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto"><div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm"><p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900"><strong class="font-medium">Checkout using your account</strong></p><form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form" > <div class="fieldset login"><div class="field email required"><label class="label" for="form-login-username" form="login-form" ><span>E-mailadres</span></label> <div class="control"><input name="username" id="form-login-username" x-ref="customer-email" @change="errors = 0" type="email" required autocomplete="off" class="form-input input-text" ></div></div><div class="field password required"><label for="form-login-password" class="label" form="login-form"><span>Wachtwoord</span></label> <div class="control"><input name="password" id="form-login-password" type="password" class="form-input input-text" required x-ref="customer-password" autocomplete="off" @change="errors = 0" ></div></div><input name="context" type="hidden" value="checkout" /><div class="actions-toolbar flex justify-between pt-6 pb-2 items-center"><button type="submit" class="inline-flex btn btn-primary disabled:opacity-75" >Doorgaan</button> <a href="https://www.radbag.be/customer/account/forgotpassword/" >Wachtwoord vergeten?</a></div></div></form></div><div class="mx-4"></div><div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm"><p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900"><strong class="font-medium">Checkout as a new customer</strong></p><div class="block-content"><p class="mb-1">Het aanmaken van een account heeft vele voordelen:</p><ul class="list-disc pl-5"><li> Bekijk bestelling en verzendstatus</li> <li> Bekijk bestelgeschiedenis</li> <li> Reken sneller af</li></ul><div class="actions-toolbar flex justify-between mt-6 mb-2 items-center"><a href="https://www.radbag.be/customer/account/create/" class="inline-flex btn btn-primary">Maak nu een account aan</a></div></div></div></div></template></div></div></section></nav><!--advantages desktop--><div class="hidden md:flex items-center justify-center lg:h-12 sm:h-10 h-9 bg-navbar advantages-container"><div><p> <div class="advantages-block-wrapper advantages-block "><div class="max-w-1920px mx-auto relative"><div class="lg:px-5 xl:px-20"><div class="mx-auto flex text-xs 2xl:text-sm leading-4 justify-center md:gap-x-11 gap-x-2.5 flex-wrap swiper-container swiper-design swiper-container-advantages"><div class="swiper-wrapper flex w-full"> <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center now w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#freeshipHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=verzendkosten/">Gratis verzending vanaf € 60 </a> </span></div></div> <div class="mySlides w-full no-show-perso"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#gratisbackHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=retoure/">100 dagen gratis retourneren</a> </span></div></div> <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"> <span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#klarnatransparent" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=betalingsmogelijkheden/">Betaal met Klarna</a> </span></div></div> </div></div></div></div></div><style> @media only screen and (min-width: 769px) { .mySlides {display:block !important;} } @media only screen and (max-width: 768px) { .mySlides {display:none;} }</style></p></div></div>
2441<script> 2442 var slideIndex = 1; 2443 showDivs(slideIndex); 2444 2445 function plusDivs(n) { 2446 showDivs(slideIndex += n); 2447 } 2448 2449 function showDivs(n) { 2450 var i; 2451 var x = document.querySelectorAll(".advantages-mobile .mySlides"); 2452 if (n > x.length) {slideIndex = 1} 2453 if (n < 1) {slideIndex = x.length} 2454 for (i = 0; i < x.length; i++) { 2455 x[i].style.display = "none"; 2456 } 2457 if(x[slideIndex-1]){ 2458 x[slideIndex-1].style.display = "block"; 2459 } 2460 } 2461 2462 setInterval(() => { 2463 plusDivs(1); 2464 },3500); 2465 function openmobilemenu() { 2466 setTimeout(() => { 2467 if(document.querySelector('.aa-ClearButton')){ 2468 document.querySelector('.aa-ClearButton').click(); 2469 } 2470 document.querySelector('.mobile-menu-icon').click(); 2471 },300) 2472 }</script>
2472<style> .algolia-search-input-loading,.algolia-search-block input,.algolia-search-block{width: 100%;position: relative;} .algolia-search-input-loading,.algolia-search-block input{border-color: #B4B4B4;color:#515151;} .recommended-wrapper{max-width: inherit;top: 49px;width: 458px;border: none;--tw-shadow: 0px 8px 32px 0px #1F1F1F1A;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);} .autocomplete-block {width: inherit !important;} .aa-InputWrapperPrefix{z-index: 1;} .header-logo {order:0; justify-content: flex-start;} .typesense-autocomplete input, #algoliaAutocomplete .aa-Input, .algolia-search-input-loading { border-color: #B4B4B4; color: #515151; height: 48px; width: 100%; font-weight: 500; font-size: .875rem; line-height: 1.25rem; padding-left: 46px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; border-radius: 9999px; transition: transform 250ms ease, color 250ms ease; } #search-block-menu .typesense-autocomplete svg { display: block !important; } #algoliaAutocomplete .aa-Input:focus { outline: none; box-shadow: none; } #algoliaAutocomplete .aa-Form { display:flex; align-items: center; } #algoliaAutocomplete .aa-InputWrapper { flex:1 } .aa-InputWrapperPrefix .aa-Label { margin-bottom:0; } .autocomplete-block{ top: 68px !important; } .aa-Source { display: flex; flex-direction: column; } .aa-SourceHeader { font-weight: 600; font-size: 1rem; line-height: 1.5rem; color: #000000; padding: 0 16px; } .aa-List { padding: 16px; border-radius: 0.5rem; display: flex; flex-direction: column; gap: 16px; } .aa-Item { width: 100%; display: flex; align-items: center; gap: 6px; height: 64px; } span.after_special { font-size: 0.875rem; line-height: 1.25rem; color: #1F1F1F; font-weight: 700; } .after_special.promotion { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; } [data-autocomplete-source-id="product_tags"] .aa-List,[data-autocomplete-source-id="categories"] .aa-List { border-radius: 0.5rem; display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; } .aa-Source[data-autocomplete-source-id=product_tags] .aa-Item { height: 32px; width: auto; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(228, 228, 227, var(--tw-border-opacity)); padding: 4px 8px; } .aa-Source[data-autocomplete-source-id=product_tags] .aa-Item a { font-size: .75rem; line-height: 1rem; font-weight: 500; } .aa-InputWrapperSuffix { display: none; } /* nav#header .header-wrapper { position: fixed !important; width: 100%; height: 96px; top: 0; z-index: 1999; } header.page-header { padding-top: 96px; } .menu-open div#comm-bar { z-index: 999 !important; } .is-scrolled nav#header .header-wrapper { top: 0 !important } */ @media only screen and (max-width: 1535px) { .recommended-wrapper{top: 70px;width:428px;} } @media only screen and (max-width: 1023px) { .header-logo {order:1; justify-content: center;} .recommended-wrapper{top: 67px; width: 192px;} } .menu-open .autocomplete-block {top: 116px !important;position: fixed;width: 380px !important;} .menu-open .search-header-block{z-index: 999999 !important;} .menu-open .recommended-wrapper {top: 119px !important;position: fixed;width: 380px !important;left: 20px !important;} .menu-open #search-content{top: -10px;width: 80%;} .menu-open .page-header{position: static;} .menu-open #panelContainer .aa-Panel {top: 124px !important;left: 0 !important;width: 437px !important;} .menu-open .search-autocomplete{background: #eeeeee;} @media only screen and (max-width: 768px) { .typesense-autocomplete input {height: 40px; font-size: 14px;} .recommended-wrapper{top: 115px;width: 100%;} .autocomplete-block {top: 36px !important;} .menu-open .autocomplete-block {top: 116px !important;position: fixed;width: 83% !important;} .menu-open .search-header-block{z-index: 999999 !important;} .menu-open .recommended-wrapper {top: 119px !important;position: fixed;width: 83% !important;left: 20px !important;} .catalog-product-view .search-autocomplete {display: block !important;} .menu-open #search-content{top: -10px;width: 80%;} .menu-open .page-header{position: static;} .menu-open #panelContainer .aa-Panel {top: 124px !important;} nav#header .header-wrapper {height: auto; position: relative !important; top: 0 !important;} header.page-header {padding-top: 0 !important;} .is-scrolled .search-autocomplete{display:none !important;} .menu-open #panelContainer .aa-Panel { width: 100% !important; left: 20px !important; } } .algoliasearch-autocomplete-category{display: none;} .page-wrapper { opacity: 0; } .page-wrapper.page-fade-in { opacity: 1; transition: opacity .3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-wrapper.page-fade-in { transition: none; } }</style>
2472<script> 2473(function () { 2474 var html = document.documentElement; 2475 2476 html.style.overflowX = 'hidden'; 2477 function removeSuppression() { html.style.overflowX = ''; } 2478 2479 document.addEventListener('DOMContentLoaded', function () { 2480 var pw = document.querySelector('.page-wrapper'); 2481 if (pw) { 2482 pw.classList.add('page-fade-in'); 2483 pw.addEventListener('transitionend', removeSuppression, { once: true }); 2484 } 2485 2486 setTimeout(removeSuppression, 600); 2487 }); 2488 2489 2490 setTimeout(function () { 2491 document.querySelector('.page-wrapper')?.classList.add('page-fade-in'); 2492 removeSuppression(); 2493 }, 1200); 2494}());</script>
2494</header><div class="bg-white"> <nav class="breadcrumbs big-container-new mx-auto px-4 lg:px-5 xl:px-120px pt-4 relative no-iframe" aria-label="Breadcrumb"><ul class="items list-reset flex flex-nowrap whitespace-nowrap overflow-hidden font-poppins" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="item flex items-center text-textgray text-10px md:text-11px font-normal home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a href="https://www.radbag.be/" class="no-underline" itemprop="item" title="Home" ><span itemprop="name">Home</span></a> <meta itemprop="position" content="1" /></li> <li class="item flex items-center text-textgray text-10px md:text-11px font-normal cms_page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span aria-hidden="true" class="separator text-textgray px-2 md:px-3" itemprop="item"><svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.71289 8.29922L6.42956 5.58255C6.75039 5.26172 6.75039 4.73672 6.42956 4.41589L3.71289 1.69922" stroke="#707070" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <a href="" class="text-textgray font-normal" itemprop="item" aria-current="page" ><span itemprop="name">Pers</span></a> <meta itemprop="position" content="2" /></li> </ul></nav></div><main id="maincontent" class="page-main"><div id="algolia-autocomplete-container"></div> <div id="contentarea" tabindex="-1"></div><div class="page messages">
2494<script> 2495 function initMessages() { 2496 "use strict"; 2497 return { 2498 messages: window.mageMessages || [], 2499 isEmpty() { 2500 return this.messages.reduce( 2501 function (isEmpty, message) { 2502 return isEmpty && message === undefined 2503 }, true 2504 ) 2505 }, 2506 removeMessage(messageIndex) { 2507 this.messages[messageIndex] = undefined; 2508 }, 2509 addMessages(messages, hideAfter) { 2510 messages.map((message) => { 2511 this.messages = this.messages.concat(message); 2512 if (hideAfter) { 2513 this.setHideTimeOut(this.messages.length -1, hideAfter); 2514 } 2515 }); 2516 }, 2517 setHideTimeOut(messageIndex, hideAfter) { 2518 setTimeout((messageIndex) => { 2519 this.removeMessage(messageIndex); 2520 }, hideAfter, messageIndex); 2521 }, 2522 eventListeners: { 2523 ['@messages-loaded.window']() { 2524 this.addMessages(event.detail.messages, event.detail.hideAfter) 2525 }, 2526 ['@private-content-loaded.window'](event) { 2527 const data = event.detail.data; 2528 if ( 2529 data.messages && 2530 data.messages.messages && 2531 data.messages.messages.length 2532 ) { 2533 this.addMessages(data.messages.messages); 2534 } 2535 }, 2536 ['@clear-messages.window']() { 2537 this.messages = []; 2538 } 2539 } 2540 } 2541 }</script>
2541<section id="messages" x-data="initMessages()" x-bind="eventListeners" ><template x-if="!isEmpty()"><div class="w-full"><div role="alert" class="messages container mx-auto py-3"><template x-for="(message, index) in messages" :key="index"><div><template x-if="message"><div class="message flex items-center justify-between w-full p-2 bg-gray-600 shadow rounded text-white mb-2" :class="message.type" :ui-id="'message-' + message.type" ><span x-html="message.text"></span> <a href="#" class="close cursor-pointer" title="close" @click.prevent="removeMessage(index)"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white" width="18" height="18" role="img"> 2542 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2543<title>x</title></svg> 2544</a></div></template></div></template></div></div></template></section></div> <div class="big-container-new mx-auto md:px-72px lg:px-120px py-5 md:py-11 title-category-page"><h1 class="block text-center md:text-4xl text-3xl font-extrabold mb-5 md:mb-8 px-5 page-title" ><span class="base" data-ui-id="page-title-wrapper" >Pers en samenwerkingsaanvragen</span></h1></div> <div class="columns"><div class="column main"><div> 2545<p> </p> 2546<div id="privacy"> 2547<p style="text-align: center;"><strong><span style="font-size: 20px;"><a href="/cdn-cgi/l/email-protection#81f1e4f3f2c1f3e0e5e3e0e6afefed"><span class="__cf_email__" data-cfemail="eb9b8e9998ab998a8f898a8cc58587">[email protected]</span></a></span></strong></p> 2548<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://upsidedown.radbag.de/media/Untitled_design_67_.png" alt="" width="36" height="36"></p> 2549<p style="text-align: left;"><span style="font-size: 20px; color: #03a786;">Hallooo ;-)</span></p> 2550<table style="width: 100%; border-collapse: collapse; border-style: hidden; height: 314px;" border="1"> 2551<tbody> 2552<tr style="height: 314px;"> 2553<td style="width: 50%; height: 314px;"> 2554<div>Wat leuk dat je onze perspagina bezoekt. Wil je opgenomen worden in onze lijst met <span style="color: #339966;"><strong>perscontacten?</strong></span></div> 2555<div>Wens je <span style="color: #339966;"><strong>productfoto's met hoge resolutie </strong></span>te ontvangen?</div> 2556<div>Of ben je benieuwd naar een <span style="color: #339966;"><strong>leuke samenwerking </strong></span>met Radbag?</div> 2557<p> </p> 2558<div>Dan ben je op de juiste plek aangekomen en heb je deze mogelijkheden:</div> 2559<ol> 2560<li>Stuur ons simpelweg een mailtje op <span style="text-decoration: underline;"><strong><a href="/cdn-cgi/l/email-protection#f383968180b3819297919294dd9d9f"><span class="__cf_email__" data-cfemail="f787928584b7859693959690d9999b">[email protected]</span></a></strong></span></li> 2561<li>P.S. Zoek je toch onze <strong><span style="text-decoration: underline;"><a href="/content/colofon.html" target="_blank" rel="noopener">klantenservice</a></span></strong>? Stuur dan een mail naar <span style="text-decoration: underline;"><strong><a href="/cdn-cgi/l/email-protection#bad1d6dbd4cedfd4c9dfc8ccd3d9dffac8dbded8dbdd94d4d6" target="_blank" rel="noopener" rev="en_rl_none"><span class="__cf_email__" data-cfemail="1f74737e716b7a716c7a6d69767c7a5f6d7e7b7d7e78317173">[email protected]</span></a></strong></span>. Ze willen je heel graag helpen. Zo gaat het ook nog eens veel sneller.</li> 2562</ol> 2563</td> 2564<td style="width: 50%; height: 314px;"> 2565<p style="text-align: center;"> </p> 2566</td> 2567</tr> 2568</tbody> 2569</table> 2570<p> </p> 2571</div> 2572<div><strong>Ambassadeurs, influencers & bloggers</strong></div> 2573</div> 2574<div> 2575<div data-pm-slice="1 1 []" data-en-clipboard="true">We waarderen het natuurlijk heel erg wanneer je enthousiast bent over onze producten en dat graag wilt delen. Hoe enthousiast we ook zijn om de hele wereld kennis te laten maken met onze prachtige collectie, we kunnen helaas niet iedereen voorzien van gratis producten. Wanneer jouw social media kanalen aan enkele voorwaarden voldoen, zijn we mogelijk geïnteresseerd in een samenwerking. Hiervoor is de interactie belangrijk, en ook moet je een minimaal aantal volgers/bezoekers (per maand) hebben. Laat het ons gerust weten w
2575anneer jij denkt te voldoen, zodat we jouw kanalen kunnen beoordelen en beslissen of je in aanmerking komt. Wie weet ben jij dan onze volgende Radbag ambassadeur, veel succes! In de tussentijd blijf vooral de liefde delen. ;-) Maak het ons gemakkelijk en stuur gelijk het volgende:</div> 2576<div data-pm-slice="1 1 []" data-en-clipboard="true"> </div> 2577<ul> 2578<li>meer informatie over jou en je interesses</li> 2579<li>voorstel hoe je de samenwerking voor je ziet</li> 2580<li>bereik van je blog, posts en story.</li> 2581</ul> 2582<p> </p> 2583</div> 2584<div id="privacy"> 2585<div> 2586<div> 2587<div> 2588<h2 class="indent">Persberichten</h2> 2589</div> 2590</div> 2591</div> 2592<p>Hier staan onze laatste persberichten die je als pdf direct kunt downloaden. Klik simpel op de afbeelding en je krijgt gelijk meer productinformatie. </p> 2593</div> 2594<table style="height: 525px; max-width: 1050px; width: 100%;" border="0"> 2595<tbody> 2596<tr style="height: 200px;"> 2597<td style="width: 343.2px; text-align: center;"><a href="http://www.troppotogo.it/blog/wp-content/uploads/2023/12/NL_Geschenke-mit-Illustrazionen.pdf"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/NL_Geschenke_mit_Illustrazionen_1.png" alt="" width="300" height="212"></a></td> 2598<td style="height: 200px; width: 343.2px; text-align: center;"><a href="http://www.troppotogo.it/blog/wp-content/uploads/2023/10/PI_NL_kleinegeschenke_10_2023.pdf"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/PI_NL_kleinegeschenke_10_2023.png" alt="" width="300" height="212"></a></td> 2599<td style="text-align: right; width: 343.2px;"><a style="text-align: start;" title="PI_SelfCare_2023-10_NL" href="https://www.radbag.de/blog/wp-content/uploads/2023/10/PI_SelfCare_2023-10_NL.pdf" target="_blank" rel="noopener"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/PI_SelfCare_2023-10_NL.jpg" alt="PI_SelfCare_2023-10_NL" width="300" height="212"></a></td> 2600</tr> 2601<tr style="height: 200px;"> 2602<td style="width: 343.2px; height: 250px;"><a style="text-align: center;" title="PI_NL_Halloween_2023-10" href="https://www.radbag.de/blog/wp-content/uploads/2023/10/PI_NL_Halloween_2023-10.pdf" target="_blank" rel="noopener"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/PI_NL_Halloween_2023-10.jpg" alt="PI_NL_Halloween_2023-10" width="300" height="212"></a></td> 2603<td style="height: 200px; width: 343.2px; text-align: center;"><a style="text-align: right;" title="PI_Kerstmis_Countdown_NL_2023-09" href="https://www.radbag.de/blog/wp-content/uploads/2023/09/PI_Kerstmis_Countdown_NL_2023-09.pdf" target="_blank" rel="noopener"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/PI_Kerstmis_Countdown_NL_2023-09.jpg" alt="PI_Kerstmis_Countdown_NL_2023-09" width="300" height="212"></a></td> 2604<td style="text-align: right; width: 343.2px;"><a style="text-align: start;" title="PI_Oktoberfest_NL_2023-09" href="https://www.radbag.de/blog/wp-content/uploads/2023/09/PI_Oktoberfest_NL_2023-09.pdf" target="_blank" rel="noopener"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/PI_Oktoberfest_NL_2023-09.jpg" alt="PI_Oktoberfest_NL_2023-09" width="300" height="212"></a></td> 2605</tr> 2606</tbody> 2607</table> 2608<p> </p></div></div></main><footer class="page-footer"><div class="footer content">
vendor: 109 bytes, line 2608
2608 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2608<script defer> 2609 function initFooter () { 2610 return { 2611 showScrollTop: 1, 2612 lastScroll: 0, 2613 scrollDetect() { 2614 var lastScroll = 0; 2615 let currentScroll = document.documentElement.scrollTop || document.body.scrollTop; 2616 if (currentScroll > 0 && this.lastScroll <= currentScroll){ 2617 this.lastScroll = currentScroll; 2618 this.showScrollTop = 1; 2619 }else{ 2620 this.lastScroll = currentScroll; 2621 if(currentScroll === 0) { 2622 this.showScrollTop = 1; 2623 } else { 2624 this.showScrollTop = 0; 2625 } 2626 } 2627 if(document.getElementById('algolia-autocomplete-listbox-0') != 'undefined' && document.getElementById('algolia-autocomplete-listbox-0') != null){ 2628 if(document.getElementById('algolia-autocomplete-listbox-0').getBoundingClientRect().top > 0) { 2629 document.getElementById('algolie-search-layer').style.top = document.getElementById('algolia-autocomplete-listbox-0').getBoundingClientRect().top+ "px" 2630 } else { 2631 document.getElementById('algolie-search-layer').style.top = "0px"; 2632 } 2633 } 2634 2635 }, 2636 scrollToTop() { 2637 window.scrollTo({ top: 0, behavior: 'smooth' }); 2638 } 2639 } 2640 } 2641 2642 2643 document.addEventListener("DOMContentLoaded", function(event) { 2644 2645 document.querySelector(".mobile-footer-info #csconsentlink").addEventListener("click", openPopup); 2646 function openPopup() { 2647 document.querySelector(".about-block-desktop #csconsentlink").click(); 2648 } 2649 });</script>
2649<span class="cursor-pointer fixed w-10 h-10 lg:w-14 lg:h-14 bg-activePage rounded-full shadow-footertop bottom-5 justify-center items-center z-90 right-2 lg:right-10 hidden" @click="scrollToTop()" x-data="initFooter()" @scroll.window="scrollDetect()" :class="{'flex': showScrollTop===0, 'hidden': showScrollTop===1}"><svg class="lg:w-6 w-5 h-5 lg:h-6" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.0702 9.57L12.0002 3.5L5.93018 9.57" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 20.4999V3.66992" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <footer><div class="footer-container-newsletter"><div class="bg-white px-0 flex-1"><p> </p> 2650<div class="klaviyo-form-VsXagq"></div> 2651<div class="klaviyo-form-XSakt7"></div></div></div> <div class="big-container-new mx-auto px-4 sm:px-10 lg:px-20 pt-10 font-poppins"><div class="flex-col lg:flex-row flex justify-between"><!-- Static block prefooter_social_icons --><div class="flex lg:block justify-between items-start lg:items-center mr-2.5 md:mr-7 flex-col lg:flex-row"><div class="w-full items-center mb-2.5"><div class="w-2/4 md:w-full"> <img height="48" loading="lazy" class="w-auto max-h-8 xl:max-h-10 h-auto" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/logos/logo-footer-radbagbe.png" alt="Radbag.be"/></div><div class="lg:mt-6 mt-4 sm:mt-0 2xl:h-12 sm:h-10 h-8"><p> <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://www.facebook.com/radbagnl/"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewBox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M71.21,123.45c.27,1.62.54,3.91,1.06,6.14,1.16,5,2.67,9.86,3,15a20.37,20.37,0,0,0,1.82,7.63c1.79,3.82,3.49,7.7,5.41,11.47a17.35,17.35,0,0,0,3.08,4.2,64.82,64.82,0,0,0,10.23,8c6.22,4.21,12.38,8.48,19.09,11.91a19.44,19.44,0,0,0,8.28,2.59,61.14,61.14,0,0,1,12.18,1.81c3.66.84,7.38,1.37,11.13.36,2.73-.73,5.45-1.55,8.21-2.14,3.24-.69,6.47-1.26,9.47-2.83,3.32-1.74,6.75-3.25,10.13-4.88a4.39,4.39,0,0,0,1.09-.72,36.86,36.86,0,0,0,6.67-7.65,20.84,20.84,0,0,1,2.12-2.89c2.17-2.44,4.44-4.8,6.62-7.22a29.94,29.94,0,0,0,7.15-14c.44-2.06.8-4.15,1.3-6.2,1.2-5,2.73-9.9,2.87-15.12.09-3.72.28-7.4-.73-11a103.08,103.08,0,0,1-3-11.19,121.8,121.8,0,0,0-3.19-14.8,23.14,23.14,0,0,0-1.63-4.11c-2.23-4.29-5.81-7.34-9.59-10.2a33.17,33.17,0,0,1-2.62-2.26c-1.14-1.06-2.17-2.24-3.35-3.25-2.44-2.12-4.74-4.5-7.47-6.16A43.19,43.19,0,0,0,158,60.53c-2.95-.69-5.86-1.55-8.79-2.33a8.28,8.28,0,0,0-1.71-.49c-3.58-.2-7.17-.33-10.76-.5-1.28-.06-2.68.34-3.68-.9-.09-.11-.38-.1-.57-.09-2.36.13-4.73.14-7.06.44-6.2.78-11.46,3.76-16.46,7.28a124.56,124.56,0,0,0-16.18,12.9c-6,6-11.52,12.29-15.67,19.71a34,34,0,0,0-2,4.34c-2.69,7-3.06,14.47-3.87,22.56m139.11,2.44A54,54,0,0,1,208,142.52c-1,3.06-1.35,6.31-2.09,9.45-1.56,6.58-4.46,12.61-9.38,17.22-4.21,3.94-7.64,8.43-11.18,12.9-2.91,3.67-6.29,6.84-10.8,8.67-5,2-9.79,4.47-14.78,6.46-2,.78-4.23.77-6.32,1.25-2.68.61-5.3,1.52-8,2a35.24,35.24,0,0,1-16.22-1.06,29.07,29.07,0,0,0-9-1.18c-3.66.09-7-1.15-10.29-2.77A144.2,144.2,0,0,1,91.23,184c-3.49-2.46-7.09-4.72-10.17-7.74a24.49,24.49,0,0,1-5.34-7c-2-4.3-4.15-8.53-6.11-12.85a30.54,30.54,0,0,1-2.47-11.15,45.12,45.12,0,0,0-2.3-11,35.06,35.06,0,0,1-1.77-13.43c.72-7.83,1.42-15.66,4.53-23,1.66-3.94,4.2-7.32,6.5-10.87C77.77,81.31,82.62,76.74,87.34,72s10.39-8.44,16-12.21a73.08,73.08,0,0,1,15-7.93A35.46,35.46,0,0,1,133,50c1.22.06,2.46-.19,3.68-.19,2.95,0,5.9.08,8.85.12l.12,0c2.15.21,4.43,0,6.41.71,7.79,2.71,16,4.35,23.26,8.44a30.39,30.39,0,0,1,4.54,3.3c2.42,2,4.72,4.18,7.09,6.26a15.49,15.49,0,0,0,1.74,1.27c5.61,3.68,10.14,8.34,12.52,14.7a90.14,90.14,0,0,1,4.57,18c.37,2.39,1.1,4.72,1.67,7.08,1,3.91,2,7.79,2.83,11.73a22.46,22.46,0,0,1,0,4.42"/><path class="cls-1" d="M138.59,114.22c3.79,0,7.34,0,10.89,0,1,0,1.67.34,1.68,1.38,0,1.73,1.1,3.35.46,5.16-1.2,3.4-2.53,5.26-6.2,5.48a2.27,2.27,0,0,0-.59.08c-.81.35-1.58.78-2.4,1.06a19.65,19.65,0,0,1-2.29.54c0,7.1-.1,14.08,0,21.06s.46,14.2.73,21.3a5.27,5.27,0,0,1-2.61,4.94,4,4,0,0,1-4.13-.55,2,2,0,0,0-1.28-.36c-1.55.07-3.15.41-4.36-1a8.85,8.85,0,0,1-2.39-6.08c0-.76,0-1.51,0-2.27.07-5.75.31-11.5.17-17.24
2651-.12-4.81-.68-9.62-1-14.43-.1-1.43-.31-2.86-.31-4.29,0-1.18-.39-1.66-1.6-1.6a37,37,0,0,1-10.58-.94c-.23,0-.57,0-.69-.13-1.39-1.73-4-2.38-4.34-5.09a2.3,2.3,0,0,1,1.43-2.74,4.35,4.35,0,0,0,1.16-.75,7.3,7.3,0,0,1,4.39-1.34c3.1-.24,6.21-.4,9.44-.6,0-.32,0-.7,0-1.09.08-5.1.07-10.22.26-15.32a18.92,18.92,0,0,1,5.39-13,34.93,34.93,0,0,1,7.16-6.11c3.13-1.84,6.42-1.86,9.76-1.25,2.58.47,5.1,1.3,7.64,2,.32.09.85.38.84.54-.1,1.65,1.56,3.34-.11,4.94a.68.68,0,0,0-.16.56c.5,1.57-.65,2.64-1.33,3.74A3.49,3.49,0,0,1,151.43,92c-2.72.4-5.48.49-8.18,1-3.87.68-5.44,2.57-5.83,6.49a43.74,43.74,0,0,0,.83,12.86c.15.73.26,1.47.34,1.93"/><title>facebookFooter</title></svg> 2652</a> <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://pinterest.com/radbagnl/"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewBox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M126.31,59v0c-1.36,0-2.72-.07-4.07,0-4.23.23-8.45.53-12.68.78a21.31,21.31,0,0,0-10.7,3.44,28.43,28.43,0,0,1-4.34,2.27c-2.57,1.11-5.25,2-7.75,3.2s-5.2,2.6-7.06,5a64.56,64.56,0,0,1-4.54,5.24C72.63,81.57,69.81,84,68,87.35s-3.79,6.47-5.69,9.7a4.39,4.39,0,0,0-.49,1.21,47.47,47.47,0,0,0-1.3,10.3,49.43,49.43,0,0,1-1.07,10.68,29.14,29.14,0,0,0,.72,16.15c1.55,4.86,3.44,9.61,5.4,14.32a75.65,75.65,0,0,0,4.3,8.53,27.47,27.47,0,0,0,6.34,7.89c2,1.66,4.16,3.25,6,5.06q5.06,4.83,9.86,9.9a27.19,27.19,0,0,0,19.14,8.61c1.66.09,3.34.21,5,.46,3.07.46,6.11,1.16,9.19,1.53a41.48,41.48,0,0,0,18.73-2.31c2.82-1,5.66-1.93,8.5-2.89a8.57,8.57,0,0,0,1.69-.55q4.88-2.91,9.7-5.92c.91-.56,1.73-1.32,2.95-1,.18.05.46-.12.65-.24,4.71-3.18,8.9-6.81,11.7-11.93a73.13,73.13,0,0,0,5-11.63c1.41-4.14,2.93-8.27,4-12.51,2-8.19,3.5-16.47,3-25a45.67,45.67,0,0,0-1.31-9.45c-1.59-5.85-4.56-11-7.34-16.35a25.27,25.27,0,0,0-6.12-7.74A81.89,81.89,0,0,1,164.48,72a13,13,0,0,0-3.2-2.85c-4-2.53-8-5-12.06-7.35A18.46,18.46,0,0,0,144.43,60a45,45,0,0,0-5.32-.83,22.72,22.72,0,0,0-3-.21c-3.27,0-6.55,0-9.82,0m72.59,61.64c.33,7.85-1.5,15.39-3.35,22.91a89,89,0,0,1-3.74,11.34c-2.3,5.78-4.63,11.54-8,16.84a37.42,37.42,0,0,1-13.49,12.82c-1,.54-1.71,1.42-2.63,2-2.49,1.66-5,3.25-7.54,4.87l-.21.11c-8.85,4.7-18.45,7-28.25,8.54a37.08,37.08,0,0,1-7.73-.13c-4.13-.24-8.2-1.07-12.37-1.2-6.61-.19-12.89-1.86-18.18-6.15a100.52,100.52,0,0,1-13.3-12.38,27.72,27.72,0,0,0-4.66-4.11A51.07,51.07,0,0,1,58,152.92c-1.81-4.6-3.61-9.22-5.18-13.9a37.65,37.65,0,0,1-1.45-18.66c.57-3.3,1.34-6.56,1.79-9.87.32-2.36.1-4.79.37-7.16.56-4.71,1.64-9.23,4.39-13.27,2.92-4.28,5.45-8.81,8.39-13.08,1.17-1.71,3-2.94,4.47-4.48,1.91-2,3.62-4.27,5.62-6.2a35.16,35.16,0,0,1,14.06-8.15,29.36,29.36,0,0,0,8.11-4c3.11-2.18,6.71-3,10.45-3.47a150.28,150.28,0,0,1,21.63-.87c4.44.07,8.87-.11,13.22.88a24.8,24.8,0,0,1,6.37,2c4.84,2.61,9.55,5.48,14.23,8.38a28.28,28.28,0,0,1,7.65,7.34,46.74,46.74,0,0,0,8.17,8,34.85,34.85,0,0,1,8.9,10.07c3.91,7.1,7.94,14.19,9.2,22.34.6,3.89.6,7.86.87,11.79l-.33,0"/><path class="cls-1" d="M122.45,142.46c-.09.18-.26.5-.4.83-2,4.67-3.89,9.35-5.88,14a29.22,29.22,0,0,1-5.15,8.3,2.07,2.07,0,0,1-3.6-.57,12,12,0,0,1-.38-7.16c1.54-7.07,4.49-13.62,7.24-20.25.65-1.59,1.18-3.22,1.71-4.85a1.76,1.76,0,0,0-.06-1.24c-2.57-4.53-3.19-9.5-3.17-14.57a50.89,50.89,0,0,1,.59-7.6,8.22,8.22,0,0,1,4.38-6.08,14.12,14.12,0,0,1,6.67-2.34c2.28-.07,3.53.6,4.1,2.83a49.83,49.83,0,0,1,1.42,7.75A44.09,44.09,0,0,1,127.36,130a1.65,1.65,0,0,0,.58,2.15c2.34,1.81,4.47,3.94,7,5.4,4,2.32,5.61,1.63,6.81-2.71a31.51,31.51,0,0,0,1.1-7.29c.16-5.39.09-10.78,0-16.17a29,29,0,0,0-.55-5.1,5.46,5.46,0,0,0-1.24-2.54,15.41,15.41,0,0,0-8.91-5.2c-4.94-.86-9.89,0-14.83-.17a7.76,7.76,0,0,0-3.89.92,15.94,15.94,0,0,0-6.4,6,31.48,31.48,0,0,0-3.31,11.06,12.48,12.48,0,0,0,2.17,8.51,16.52,16.52,0,0,1,2,5.69,3.83,3.83,0,0,1-2.37,3.71,22.47,22.47,0,0,1-3.66.46,1.38,1.38,0,0,1-.9-.5,9,9,0,0,1-1.34-1.68,50.3,50.3,0,0,1-5.86-13.83,15.24,15.24,0,0,1,1.5-11.6c2.71-4.47,5.39-9.08,9.78-12.13a98.17,98.17,0,0,1,11.53-6.83c3.41-1.72,7.2-1.42,10.94-1,4.15.42,7.95,2.06,11.86,3.26,7.81,2.39,11.8,8.21,13.56,15.93,1.34,5.9.93,11.83.68,17.77a69.18,69.18,0,0,1-.68,7c-.91,6.41-4.39,11.28-9.3,15.27-2.22,1.81-4.92,1.9-7.6,2.07a11.38,11.38,0,0,1-6.55-1.56c-2.38-1.37-4.68-2.87-7.08-4.36"/><title>pinterestFooter</title></svg> 2653</a> <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://www.instagram.com/radbagnl/"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewBox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M121.05,190.89c0-.1,0-.2,0-.3a52.92,52.92,0,0,0,15.64-.66c2.88-.62,5.84-1,8.48-2.44,2.86-1.57,5.65-3.31,8.59-4.74,4.5-2.19,9.14-4.14,13.67-6.29,3.36-1.6,6.64-3.4,9-6.4a38.52,38.52,0,0,0,5.61-9.71,22.48,22.48,0,0,1,1.42-2.76c.93-1.62,2-3.18,2.85-4.84,1.4-2.68,3.07-5.3,4-8.16a44.47,44.47,0,0,0,2.3-13.76c0-2.91.13-5.82.21-8.73a8.79,8.79,0,0,0,.06-1.77c-.69-3.72-1.43-7.44-2.17-11.15-.21-1.05-.63-2.08.14-3.09a1,
26531,0,0,0,0-.69c-.65-2.18-1.2-4.39-2-6.52-2.14-5.83-6.21-10.27-10.77-14.29a123.38,123.38,0,0,0-16.49-12.88c-7.41-4.59-15.06-8.56-23.51-10.84a30.6,30.6,0,0,0-3.4-.7c-6.22-1-12.36-.06-18.51.69A29.57,29.57,0,0,0,105,64.2a68.75,68.75,0,0,1-14,6.41,18.63,18.63,0,0,0-6.35,3.27c-3.31,2.63-6.65,5.24-9.94,7.9A9.6,9.6,0,0,0,72.36,84c-1.69,2.79-3.65,5.52-4.74,8.55-3.1,8.59-6.91,16.93-9,25.9a24.21,24.21,0,0,0-.41,11,29.62,29.62,0,0,1,.63,5c.16,2.79,0,5.59.3,8.37.31,3.34.9,6.61,3,9.46a30.81,30.81,0,0,1,2.59,4.85c1.6,3.28,2.86,6.73,5.36,9.55s4.85,5.94,7.28,8.9a4.28,4.28,0,0,0,1,.87,46.89,46.89,0,0,0,9.22,4.79,48.26,48.26,0,0,1,9.54,4.68,29.53,29.53,0,0,0,14.33,4.9c3.17.28,6.38,0,9.58,0m-.23,8.22c-3.31-.09-7.45.06-11.51-.41A33.23,33.23,0,0,1,96,194.27c-1.51-.91-2.83-2.12-4.38-2.91-3.13-1.6-6.36-3-9.54-4.48-4.77-2.23-9.26-4.78-12.47-9.21S63.07,169.31,60,165c-1-1.42-1.44-3.27-2.24-4.88-1.42-2.85-3.09-5.59-4.36-8.51a35.63,35.63,0,0,1-2.73-16.37,26.79,26.79,0,0,0-.89-8.39,21.66,21.66,0,0,1,.19-10.52,143.76,143.76,0,0,1,7-21.49c1.52-3.81,2.84-7.67,5-11.24a25.22,25.22,0,0,1,5.77-7.09C70.88,74,74,71.27,77.22,68.71a33.85,33.85,0,0,1,11.87-6.06,43.16,43.16,0,0,0,10.67-5.11c5.42-3.31,11.34-4.66,17.51-5.19,4.22-.36,8.45-.69,12.67-.7,6.14,0,11.79,2.16,17.47,4.29,6.27,2.36,11.85,5.89,17.5,9.37s10.46,8,15.34,12.41a74.22,74.22,0,0,1,11.62,13.17A35.16,35.16,0,0,1,197,104.45c.24,1.24.79,2.41,1.08,3.65.68,2.94,1.3,5.91,2,8.86a1.94,1.94,0,0,0,0,.24c.27,2,1,4.07.75,6-.81,8.21-.54,16.55-2.8,24.58a30,30,0,0,1-2.18,5.17c-1.42,2.82-3,5.56-4.44,8.35a13.48,13.48,0,0,0-.8,1.87c-2.32,6.42-5.88,12-11.65,15.82a95.38,95.38,0,0,1-15.56,8.19c-2.35,1-4.61,2.17-6.89,3.33-3.66,1.86-7.15,4.16-11,5.55a53.22,53.22,0,0,1-11.67,2.56c-4,.48-8.13.32-13,.46"/><path class="cls-1" d="M112,90.44v.2c-2.44,0-4.88.09-7.31,0a6.71,6.71,0,0,0-6.61,3.86c-1.37,2.48-2.68,5-4.12,7.43A15,15,0,0,0,92,109.45c-.15,7.22-.32,14.45-.59,21.67-.08,2.18-.64,4.34-.75,6.52-.22,4.36,0,8.6,3.41,12,2,2,3.78,4.12,5.68,6.17,2.42,2.61,5.13,4.47,9,4a14.8,14.8,0,0,1,7.51,1.17,13.43,13.43,0,0,0,7.06.7c1-.11,1.9-.25,2.85-.38,2.8-.38,5.63-.64,8.39-1.21,3.2-.66,6.3-1.85,9.51-2.35,3.46-.52,7-.48,10.51-.73,3.13-.23,6.08-.93,8.3-3.41a5.8,5.8,0,0,1,1.33-1,4.11,4.11,0,0,0,2-3.11,49.93,49.93,0,0,0,.81-5.91,125.33,125.33,0,0,0-.14-14c-.43-4.8-1.17-9.57-1.21-14.41a60.18,60.18,0,0,0-.6-9.78c-.78-4.62-3.61-8.37-6.11-12.2A5.05,5.05,0,0,0,157.47,92a16.76,16.76,0,0,0-8-2.54c-4-.34-8-.41-12.07-.51-2.31,0-4.63.2-6.94.09a12.35,12.35,0,0,0-5.75.66,7.66,7.66,0,0,1-2.77.67c-3.31.08-6.63,0-9.94,0m18.73-10.22c2.6,0,5.2-.08,7.8,0,1.52.06,3,.48,4.56.64a50,50,0,0,0,5.85.41,29.07,29.07,0,0,1,11.45,2.2,9.93,9.93,0,0,1,2.88,1.66,20.48,20.48,0,0,1,6.22,8.65c1.61,4.76,3.47,9.43,4.92,14.23a41.48,41.48,0,0,1,1.52,11.6c.07,6.54.37,13.08.45,19.63,0,2.83-.18,5.66-.36,8.49a10.68,10.68,0,0,1-2.08,5.9c-1.76,2.35-3.3,4.94-5.39,7a20.93,20.93,0,0,1-10.67,5.87c-2.67.49-5.38.71-8.07,1.09a12.8,12.8,0,0,0-2.9.62,32.73,32.73,0,0,1-11.38,2c-1.87,0-3.73.43-5.6.46-5,.07-10.07,0-15.1,0a39.78,39.78,0,0,1-10.21-1,21.89,21.89,0,0,1-11.86-7.22c-2.32-2.74-4.8-5.35-7-8.17a21.6,21.6,0,0,1-4.31-10.27,29.81,29.81,0,0,1,.33-10,79.22,79.22,0,0,0,1.39-11.49c.23-5.3,0-10.62.11-15.93a11.37,11.37,0,0,1,1-4.49c1.41-3,3.1-5.93,4.69-8.87.55-1,1.18-2,1.72-3,1.41-2.67,3.85-4.16,6.33-5.66a26.54,26.54,0,0,1,13.13-3.55c5.26-.2,10.52-.61,15.78-.88,1.6-.08,3.2,0,4.8,0Z"/><path class="cls-1" d="M141.88,130.61h.42c-.48-2.73-.94-5.47-1.45-8.2-1-5.49-4.49-8.8-9.53-10.74a5.15,5.15,0,0,0-4.68.44c-5.6,3.17-9,8.14-11.33,13.93a6.77,6.77,0,0,0-.08,4.63,13.33,13.33,0,0,0,6.33,6.61,23.41,23.41,0,0,0,12.94,2.23c1.41-.11,2.92-.16,4-1.28,2.06-2.1,4.22-4.17,3.36-7.61m-36-3.68c-.17-5.22,2.41-9.31,5.45-13.12a32.11,32.11,0,0,1,10.38-8.9c4.74-2.41,9.67-3.38,14.91-1.7,9,2.88,13.71,9.27,15.68,18.21s-1.79,15.69-7.23,22a12.94,12.94,0,0,1-3.34,2.49c-5.21,3-10.78,4.67-16.83,3.91a39,39,0,0,1-7-1.67,8,8,0,0,1-3.22-2c-4-4.17-7.28-8.8-8.33-14.65-.27-1.52-.34-3.08-.51-4.62"/><path class="cls-1" d="M150.18,107.42a2.22,2.22,0,0,1-2.29-1c-1.67-2-2.23-5.09-.81-6.6a7.26,7.26,0,0,1,6-2.68,1.74,1.74,0,0,1,1.26.92c.6,1.93,1.58,3.87.55,6s-1.66,3.43-4.76,3.45"/><title>instagramFooter</title></svg> 2654</a> </p></div></div><div class="lg:mt-2.5 mt-0 mb-7 hidden"></div><div class="lg:mt-2.5 mt-0 hidden"></div><div> <div x-data="{ open: false }" class="w-full relative block text-left" ><button @click.prevent="open = !open" @click.away="open = false" @keydown.window.escape="open=false" type="button" class="h-12 flex bg-white border border-borderImg rounded-full px-2 items-center text-blackfont text-base font-medium gap-2 min-w-162px justify-between" aria-haspopup="true" aria-expanded="true" ><span class="flex gap-5px items-center"> <svg width="32" height="32"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagBe" /></svg> België</span> <svg width="12" height="12" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#arrow-down-footer" /></svg></button> <nav x-cloak="" x-show="open" class="absolute left-0 right-0 my-1 flex flex-col bottom-full z-20 w-56 py-2 mt-1 overflow-auto origin-top-left rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter"> <a href="https://www.radbag.be/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagBe" /></svg> België</a> <a href="https://www.radbag.de/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagDe" /></svg> Deutschland</a> <a href="https://www.cadeauxfolies.fr/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagFr" /></svg> France</a> <a href="https://www.radbag.ch/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagCh" /></svg> Schweiz</a> <a href="https://www.cadeauxfolies.ch/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagCh" /></svg> Suisse</a> <a href="https://www.troppotogo.it/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagIt" /></svg> Italia</a> <a href="https://www.radbag.nl/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagNl" /></svg> Nederland</a> <a href="https://www.radbag.at/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagAt" /></svg> Österreich</a> <a href="https://www.cadeauxfolies.be/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagBe" /></svg> Belgique</a> <a href="https://www.radbag.dk/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagDk" /></svg> Danmark</a> <a href="https://firebox.es/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagEs" /></svg> España</a> <a href="https://firebox.com/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " > <img class="mr-3.5 w-4 h-4" width="16" height="16" lading="lazy" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/logos/flagUk.png" alt="flagUk" /> UK</a> <a href="https://firebox.com/intl/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " style="order:26" > <img class="mr-3.5 w-4 h-4" width="16" height="16" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/flags/flagWorld.svg" alt="flagBe" /> Rest of the world</a> <a href="https://firebox.eu/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " style="order:25" > <img class="mr-3.5 w-4 h-4" width="16" height="16" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/flags/flagEu.svg" alt="flagBe" /> Europe</a> </nav></div></div></div><div class="lg:mt-0 mt-10"><div class="footer-top-links block mt-2.5 lg:mt-0 sm:flex lg:gap-12 2xl:gap-24 justify-between"><div class="hidden sm:block" onclick="showContent('question-block')" id="question-block"><p><span class="question-title">Nog vragen?</span> <a href="/supportpage">Klantenservice</a><a href="https://www.radbag.be/faq?sublink=betalingsmogelijkheden/">Betaalmethoden?</a> <a href="https://www.radbag.be/faq?sublink=verzendkosten/">Verzendkosten?</a> <a href="https://www.radbag.be/faq?sublink=bestellingstatus/">Waar is mijn bestelling?</a><a href="https://www.radbag.be/faq?sublink=retoure/">Retourneren?</a></p> 2655<p><a href="https://www.radbag.be/faq/">FAQ - voor de <br>meest gestelde vragen <br>en antwoorden</a></p></div><div class="hidden sm:block about-block-desktop" onclick="showContent('about-block')" id="about-block"><p><span class="title">Over radbag</span> <a href="/onze-geschiedenis/">Ons Team</a><a title="radbag Blog" href="https://www.radbag.nl/blog/">Blog</a> <button id="csconsentlink">Cookie instellingen</button></p></div><div class="mobile-footer-info flex gap-2 sm:hidden"><div class="flex-1" onclick="showContent('question-block')" id="question-block"><p><span class="question-title">Nog vragen?</span> <a href="/supportpage">Klantenservice</a><a href="https://www.radbag.be/faq?sublink=betalingsmogelijkheden/">Betaalmethoden?</a> <a href="https://www.radbag.be/faq?sublink=verzendkosten/">Verzendkosten?</a> <a href="https://www.radbag.be/faq?sublink=bestellingstatus/">Waar is mijn bestelling?</a><a href="https://www.radbag.be/faq?sublink=retoure/">Retourneren?</a></p> 2656<p><a href="https://www.radbag.be/faq/">FAQ - voor de <br>meest gestelde vragen <br>en antwoorden</a></p></div><div class="flex-1" onclick="showContent('about-block')" id="about-block"><p><span class="title">Over radbag</span> <a href="/onze-geschiedenis/">Ons Team</a><a title="radbag Blog" href="https://www.radbag.nl/blog/">Blog</a> <button id="csconsentlink">Cookie instellingen</button></p></div></div><div onclick="showContent('partner-block')" id="partner-block"><p><span class="title">Partnerinfo</span><a href="/content/contact.html">Perscontact</a> <a href="/content/test-club">Blogger/Youtuber</a> <a href="/content/b2b-aanvragen.html">B2B aanvragen</a></p></div><div id="payment-block-footer" class="max-w-[415px] w-full"><span class="question-title">Betalingsmethoden</span> <p><span class="payment-link-images"><span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/paypal.png" alt="paypal"></span> <span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/Visa.png" alt="Visa"></span> <span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/apple-pay.png" alt="apple"></span> <span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/mastercard.png" alt="mastercard"></span> <img src="https://www.radbag.be/media/wysiwyg/images/bancontact.png" alt="" width="50" height="33"><span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/klarna.png" alt="Klarna"></span><span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/google-pay.png" alt="google"></span> <span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/amazon-pay.png" alt="amazon"></span></span></p></div></div></div></div></div><div class="big-container-new mx-auto px-4 sm:px-10 lg:px-20 mt-10 sm:mt-14 pb-10 font-poppins"><div class="footer-links-bottom border-t border-borderImg pt-6"><p><a href="https://www.radbag.be/content/algemene_voorwaarden.html/">Algemene Voorwaarden</a> <a href="https://www.radbag.be/content/privacy.html/">Beveiliging en privacy</a> <a href="https://www.radbag.be/content/colofon.html/">Contact</a> <span class="copyright"> © 2026 radbag</span></p></div></div>
2656<script> 2657 2658 (function() { 2659 var cookieName = 'items_in_wishlist'; 2660 2661 if (getCookie(cookieName) !== "") { 2662 var wishlistItems = getCookie(cookieName).split(','); 2663 var pageItems = document.getElementsByClassName("list-wishlist-heart"); 2664 for(var i = 0; i < pageItems.length; i++) { 2665 var pageItemId = "" + pageItems[i].attributes['data-product-id'].value; 2666 if(wishlistItems.includes(pageItemId)) { 2667 addElementClass('cookiewishlist-list-' + pageItemId, 'active-wishlist'); 2668 addElementClass('cookiewishlist-list-' + pageItemId, 'text-hoverWishlist'); 2669 addElementClassMore('cookiewishlist-list-' + pageItemId, 'active-wishlist'); 2670 addElementClassMore('cookiewishlist-list-' + pageItemId, 'text-hoverWishlist'); 2671 } 2672 } 2673 document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length; 2674 } 2675 2676 /* Top50 */ 2677 if(document.getElementById('top_categories') != undefined){ 2678 var arr = document.getElementById('top_categories').value.split(", "); 2679 if(arr.includes(document.getElementById('current_category').value)){ 2680 var count = 1; 2681 var limiter = 60; 2682 var p = document.getElementById("current-page").textContent; 2683 var page = 1; 2684 if (p != "") { 2685 page = parseInt(document.getElementById("current-page").textContent); 2686 } 2687 2688 if (page == 1) { 2689 count = 1; 2690 } else { 2691 count = ((page - 1) * limiter) + 1; 2692 } 2693 2694 var els = document.getElementsByClassName("product-badgets-top"); 2695 for(var i = 0; i < els.length; i++) { 2696 els[i].innerHTML += count; 2697 count++; 2698 } 2699 } 2700 } 2701 if(document.getElementById('category-submenu') != undefined){ 2702 var scroll_elm = document.getElementById("category-submenu"); 2703 if(!(scroll_elm.scrollWidth > scroll_elm.clientWidth)){ 2704 document.getElementById('scroll_right').style.display = 'none'; 2705 document.getElementById('scroll_left').style.display = 'none'; 2706 } 2707 } 2708 2709 if(window.screen.width <= 768 ){ 2710 if(document.querySelector('.account-nav') != null) { 2711 setTimeout(() => { 2712 document.querySelector('#account-nav .items .item:last-child').scrollIntoView({ behavior: 'smooth' }) 2713 }, 200) 2714 } 2715 } 2716 2717 })(); 2718 2719 function addToCookieWishlist(id, sku, price) { 2720 var cookieName = 'items_in_wishlist'; 2721 var productId = id; 2722 var productIdC = ''; 2723 if (getCookie(cookieName) === "") { 2724 createCookie(cookieName, productId.toString(), 14); 2725 addElementClass('cookiewishlist-list-' + id, 'active-wishlist'); 2726 addElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist'); 2727 addElementClassMore('cookiewishlist-list-' + id, 'active-wishlist'); 2728 addElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist'); 2729 document.getElementById('wishlist-header-count').innerHTML = "1"; 2730 var xhttp = new XMLHttpRequest(); 2731 xhttp.open("GET", "/mywishlist/wishlist/add?product_id=" + id, true); 2732 xhttp.send(); 2733 ga('send', 'event', 'wishlist', 'add', sku); 2734 } else { 2735 var wishlistItems = getCookie(cookieName).split(','); 2736 if(wishlistItems.includes(productId.toString())) { 2737 var index = wishlistItems.indexOf(productId.toString()); 2738 wishlistItems.splice(index, 1); 2739 fetch("/mywishlist/wishlist/remove?product_id=" + id, { 2740 method: 'GET', 2741 }) 2742 .then(response => { 2743 if(response.status == 200) { 2744 if(document.querySelector('body').classList.contains('wishlist-index-index')){ 2745 location.reload() 2746 } 2747 createCookie(cookieName, wishlistItems.toString(), 14); 2748 removeElementClass('cookiewishlist-list-' + id, 'active-wishlist'); 2749 removeElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist'); 2750 removeElementClassMore('cookiewishlist-list-' + id, 'active-wishlist'); 2751 removeElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist'); 2752 document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length; 2753 } 2754 }) 2755 .then(data => { 2756 }) 2757 .catch(error => { 2758 console.log(error); 2759 }); 2760 ga('send', 'event', 'wishlist', 'remove', sku); 2761 } else { 2762 wishlistItems.push(productId.toString()); 2763 addElementClass('cookiewishlist-list-' + id, 'active-wishlist'); 2764 addElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist'); 2765 addElementClassMore('cookiewishlist-list-' + id, 'active-wishlist'); 2766 addElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist'); 2767 var xhttp = new XMLHttpRequest(); 2768 xhttp.open("GET", "/mywishlist/wishlist/add?product_id=" + id, true); 2769 xhttp.send(); 2770 createCookie(cookieName, wishlistItems.toString(), 14); 2771 document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length; 2772 ga('send', 'event', 'wishlist', 'add', sku); 2773 } 2774 } 2775 } 2776 2777 function getCookie(name) { 2778 if (document.cookie.length > 0) { 2779 c_start = document.cookie.indexOf(name + "="); 2780 if (c_start != -1) { 2781 c_start = c_start + name.length + 1; 2782 c_end = document.cookie.indexOf(";", c_start); 2783 if (c_end == -1) { 2784 c_end = document.cookie.length; 2785 } 2786 return unescape(document.cookie.substring(c_start, c_end)); 2787 } 2788 } 2789 return ""; 2790 } 2791 2792 function createCookie(name, value, days) { 2793 var expires; 2794 if (days) { 2795 var date = new Date(); 2796 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 2797 expires = "; expires=" + date.toGMTString(); 2798 } 2799 else { 2800 expires = ""; 2801 } 2802 document.cookie = name + "=" + value + expires + "; path=/"; 2803 } 2804 2805 function removeElementClass(id, classname) { 2806 var element = document.getElementById(id); 2807 element.classList.remove(classname); 2808 } 2809 2810 function addElementClass(id, classname) { 2811 var element = document.getElementById(id); 2812 element.classList.add(classname); 2813 } 2814 function removeElementClassMore(id, classname) { 2815 var els = document.getElementsByClassName(id); 2816 for(var i = 0; i < els.length; i++) { 2817 els[i].classList.remove(classname); 2818 } 2819 } 2820 2821 function addElementClassMore(id, classname) { 2822 var els = document.getElementsByClassName(id); 2823 for(var i = 0; i < els.length; i++) { 2824 els[i].classList.add(classname); 2825 } 2826 } 2827 2828 function showContent(id) { 2829 if(document.getElementById(id).classList.contains('openBlock')){ 2830 document.getElementById(id).classList.remove("openBlock"); 2831 } else { 2832 document.getElementById(id).classList.add("openBlock"); 2833 } 2834 } 2835 2836 function showReview() { 2837 var els = document.getElementsByClassName('review-item'); 2838 for(var i = 0; i < els.length; i++) { 2839 els[i].classList.remove('hidden'); 2840 els[i].classList.remove('hidden-mobile'); 2841 } 2842 document.querySelectorAll('.opacity-item-review').forEach((e) => { 2843 e.classList.add('hidden') 2844 }); 2845 document.querySelector('.opacity-item-review-mobile').classList.add('hidden'); 2846 document.getElementById('hidde-review').classList.remove('hidden'); 2847 document.getElementById('show-review').classList.add('hidden'); 2848 } 2849 function hideReview() { 2850 var els = document.getElementsByClassName('review-item'); 2851 for(var i = 0; i < els.length; i++) { 2852 if(screen.width < 768) { 2853 if(i > 2 && i < 6) { 2854 els[i].classList.add('hidden-mobile'); 2855 } else if(i > 5) { 2856 els[i].classList.add('hidden'); 2857 } 2858 } else { 2859 if(i > 5) { 2860 els[i].classList.add('hidden'); 2861 } 2862 } 2863 } 2864 document.querySelectorAll('.opacity-item-review').forEach((e) => { 2865 e.classList.remove('hidden') 2866 }); 2867 document.querySelector('.opacity-item-review-mobile').classList.remove('hidden'); 2868 document.getElementById('hidde-review').classList.add('hidden'); 2869 document.getElementById('show-review').classList.remove('hidden'); 2870 document.getElementById("customer-reviews").scrollIntoView(); 2871 } 2872 2873 function scrollToLeft() { 2874 if(document.getElementById('category-submenu') != undefined){ 2875 var scroll_elm = document.getElementById("category-submenu"); 2876 scroll_elm.scroll({ 2877 top: 0, 2878 left: scroll_elm.scrollLeft - 150, 2879 behavior: 'smooth' 2880 }); 2881 } 2882 } 2883 function scrollToRight() { 2884 if(document.getElementById('category-submenu') != undefined){ 2885 var scroll_elm = document.getElementById("category-submenu"); 2886 scroll_elm.scroll({ 2887 top: 0, 2888 left: scroll_elm.scrollLeft + 150, 2889 behavior: 'smooth' 2890 }); 2891 } 2892 } 2893 function copyText(id) { 2894 var copyText = document.getElementById(id); 2895 copyText.select(); 2896 copyText.setSelectionRange(0, 99999); 2897 navigator.clipboard.writeText(copyText.value); 2898 }</script>
2898 <div class="lg:w-1/4 md:w-1/2 w-full px-4 gap-4 flex-wrap justify-center hidden"> <div x-data="{ open: false }" class="w-full sm:w-1/2 md:w-full pr-4" ><h2 id="currency-heading" class="title-font font-medium text-gray-900 tracking-widest text-sm mb-3 uppercase" >Valuta</h2><div class="relative inline-block text-left"><div><button @click.prevent="open = !open" @click.outside="open = false" @keydown.window.escape="open=false" type="button" class="inline-flex justify-center w-full form-select px-4 py-2 bg-white focus:outline-none" aria-haspopup="true" :aria-expanded="open" >EUR - Euro <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex self-center h-5 w-5 -mr-1 ml-2" width="25" height="25" role="img"> 2899 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> 2900<title>chevron-down</title></svg> 2901</button></div><nav x-cloak="" x-show="open" class="absolute right-0 top-full z-20 w-full lg:w-56 py-2 mt-1 overflow-auto origin-top-left rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter" aria-labelledby="currency-heading" ><div class="my-1"> <button role="link" class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" aria-describedby="currency-heading" @click.prevent='hyva.postForm({"action":"https:\/\/www.radbag.be\/directory\/currency\/switch\/","data":{"currency":"GBP","uenc":"aHR0cHM6Ly93d3cucmFkYmFnLmJlL2NvbnRlbnQvY29udGFjdC5odG1s"}})' >GBP - Britse pond</button> <button role="link" class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" aria-describedby="currency-heading" @click.prevent='hyva.postForm({"action":"https:\/\/www.radbag.be\/directory\/currency\/switch\/","data":{"currency":"USD","uenc":"aHR0cHM6Ly93d3cucmFkYmFnLmJlL2NvbnRlbnQvY29udGFjdC5odG1s"}})' >USD - Amerikaanse dollar</button> </div></nav></div></div></div> </footer><style> :root { --ink: #1F1F1F; --muted: #747474; --line: #E4E4E4; --line-2: #DBDBDB; --surface: #FFFFFF; --surf-2: #F6F6F6; --surf-3: #F5F5F5; --accent: #5359EA; --accent-d: #4348D6; --accent-ink: #3B40C4; --accent-c: #F3F3FD; --on-acc-c: #343AAE; --accent-comp: #FFD23F; --buy: #0F7E51; --buy-d: #0B6A43; --star: #F5A623; --ok: #2F9E44; --el1: 0 1px 2px rgba(23, 23, 28, .06), 0 1px 3px rgba(23, 23, 28, .05); --el2: 0 4px 14px -6px rgba(23, 23, 28, .16); --maxw: 1560px; --pad: clamp(16px, 4vw, 120px); } .add-to-cart-btn { width: 100%; border: 0; border-radius: 999px; cursor: pointer; padding: 17px; font-size: 16.5px; font-weight: 700; color: #fff; background: var(--buy); transition: background .18s; justify-content: center; text-align: center; line-height: 1.3; } .text-redColor, #old-bundle-price {color: var(--ink) !important;} .catalog-product-view .old-price .price, .catalog-product-view #old-regular-bundle-price {font-size: 13px !important;color: #1f1f1f !important;font-weight: 400 !important; } .catalog-product-view .old-price .line-through{text-decoration: none !important;} .item-detail .price-wrapper.line-through, .catalog-category-view .product-item .old-price .price-container .price, .old-price .price {font-size: 12px !important;color: #1f1f1f !important;font-weight: 400 !important;} #discout-price-label {font-size: 13.5px;font-weight: 600;color: var(--accent-ink);} .detail-price-wrapper-container{display: flex;align-items: baseline;gap: 11px;flex-wrap: wrap;} /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width : 0; height: 0; } input[type=search]::-ms-reveal { display: none; width : 0; height: 0; } /* clears the ‘X’ from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } .catalog-category-view {overflow-x: hidden;} .giftbox-selection-products-open .sblock{display: none;} /* .catalogsearch-result-index .out-of-stock {display:none} .catalogsearch-result-index .item-img > img {opacity:1} */ #go-to-cart,#checkout-link-button {background: var(--buy);} .open-fullscreen .product-detail-top-info{z-index: 99} .open-fullscreen .product-infos-detail{z-index: -1;position:relative;} .open-fullscreen .mobile-designer-sticky.no-iframe {display: none !important;} .add-to-cart-button-custom {width: 100%;border: 0;border-radius: 999px;cursor: pointer;padding: 17px;font-size: 16.5px;font-weight: 700;color: #fff;background: var(--buy);transition: background .18s;text-align:center;line-height: 1.3;} .add-to-cart-button-custom-giftbox {border: 0;border-radius: 999px;cursor: pointer;padding: 0 17px;font-size: 14px;font-weight: 700;color: #fff;background: var(--buy);transition: background .18s;text-align: center;line-height: 1.3;height: 48px;display: flex;align-items: center;justify-content: center;} .btn-add-to-cart-giftset {background: var(--buy);} @media all and (max-width: 768px) { .catalog-product-view .socialmediabtn.socialmediabtn2,.catalog-product-view .list-wishlist-heart svg {width: 50px;height: 50px;max-width: 50px;} .add-to-cart-button-custom-giftbox{height: 40px;flex: 1;} .add-to-cart-button-custom-giftbox-bck{flex:1;} }</style><style type="text/css"> .giftbox-content-container div[role="radiogroup"] label.mb-0 input[checked="checked"] + div{border:3px solid #855fa0;}</style>
2901<script> 2902 'use strict'; 2903 2904 function amBrandsPopup() { 2905 let cached = false; 2906 2907 const displayError = (error) => { 2908 console.error(error); 2909 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 2910 [{ 2911 type: "error", 2912 text: "Er\u0020ging\u0020iets\u0020mis.\u0020Probeer\u0020opnieuw." 2913 }], 10000 2914 ); 2915 }; 2916 2917 let letters = [ 2918 "A","B","C","D", 2919 "E","F","G","H","I","J","K","L","M", 2920 "N","O","P","Q","R","S","T","U","V","W","X","Y","Z","#" 2921 ]; 2922 2923 return { 2924 hoverPanelActiveId: null, 2925 selectedLetter: null, 2926 items: [], 2927 letters: [], 2928 showCount: null, 2929 showFilter: null, 2930 showImages: true, 2931 showSearch: null, 2932 loading: false, 2933 label: 'Brands', 2934 isPopupEnabled: false, 2935 isTopMenuItemEnabled: false, 2936 cache: false, 2937 isMobile: false, 2938 2939 initErrorMessages(errors) { 2940 const messages = []; 2941 for (let error in Object.keys(errors)) { 2942 messages.push({type: 'error', text: errors[error].message}); 2943 } 2944 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(messages, 10000); 2945 }, 2946 2947 chooseLetter(letter) { 2948 this.selectedLetter = this.selectedLetter === letter ? null : letter; 2949 }, 2950 2951 getQuery() { 2952 return "query BrandsPopupQuery { ambrandlist(\n showCount: true\n displayZero: true\n ) {\n all_letters,\n items {\n alt\n brandId\n cnt\n image\n img\n label\n letter\n url\n }\n }\n storeConfig {\n amshopby_brand_general_brands_brands_popup,\n amshopby_brand_general_menu_item_label,\n amshopby_brand_general_brands_page,\n amshopby_brand_general_topmenu_enabled,\n amshopby_brand_general_brands_popup_config {\n show_images,\n display_zero,\n filter_display_all,\n image_width,\n image_height,\n show_filter,\n show_count\n }\n } }" }, 2953 2954 /** 2955 * Retrieve media url for given path 2956 * 2957 * @param path 2958 * @returns {string} 2959 */ 2960 getMediaUrl(path) { 2961 let stringToRemove = 'index.php/'; 2962 let baseUrl = BASE_URL.replace(stringToRemove, ''); 2963 return path.includes(baseUrl) ? path : baseUrl + path; 2964 }, 2965 2966 checkIsMobileResolution() { 2967 this.isMobile = window.matchMedia('(max-width: 1023px)').matches; 2968 }, 2969 2970 getBrandUrl(url){ 2971 return BASE_URL + url; 2972 }, 2973 2974 init() { 2975 this.checkIsMobileResolution(); 2976 2977 this.$watch('hoverPanelActiveId', (value) => { 2978 if (value === 'am-brand') { 2979 this.sendRequest(); 2980 } 2981 }); 2982 }, 2983 2984 /** 2985 * Get brands by letter 2986 * 2987 * @param result 2988 * @returns {{imageWidth: *, isTopMenuItemEnabled: *, showCount: *, displayAll: *, showFilter: *, showImages: *, isPopupEnabled: *, label: *, imageHeight: *, filterDisplayAll: *, brandsPage: *}} 2989 */ 2990 settingsMapper(result) { 2991 const config = result.data.storeConfig?.amshopby_brand_general_brands_popup_config; 2992 return { 2993 showImages: config.show_images, 2994 showCount: config.show_count, 2995 showFilter: config.show_filter, 2996 imageWidth: config.image_width, 2997 imageHeight: config.image_height, 2998 filterDisplayAll: config.filter_display_all, 2999 displayAll: config.display_zero, 3000 isPopupEnabled: result.data.storeConfig?.amshopby_brand_general_brands_brands_popup, 3001 label: result.data.storeConfig?.amshopby_brand_general_menu_item_label, 3002 isTopMenuItemEnabled: result.data.storeConfig?.amshopby_brand_general_topmenu_enabled, 3003 brandsPage: result.data.storeConfig?.amshopby_brand_general_brands_page, 3004 } 3005 }, 3006 3007 /** 3008 * Send request to graphql 3009 * 3010 * @returns {Promise<any>} 3011 */ 3012 async sendRequest() { 3013 if (this.isMobile) { 3014 return false;
3015 } 3016 3017 this.loading = true; 3018 3019 try { 3020 if (cached) { 3021 this.loading = false; 3022 return false; 3023 } 3024 3025 const response = await fetch('https://www.radbag.be/graphql', { 3026 method: 'POST', 3027 headers: { 3028 'Content-Type': 'application/json', 3029 'Store': 'radbagbe' 3030 }, 3031 credentials: 'include', 3032 body: JSON.stringify({query: this.getQuery(), variables: {}}) 3033 }); 3034 const result = await response.json(); 3035 3036 if (result?.errors) { 3037 this.initErrorMessages(result.errors); 3038 return; 3039 } 3040 3041 const data = result.data?.ambrandlist; 3042 const mapper = this.settingsMapper(result); 3043 3044 3045 Object.keys(mapper).forEach(config => { 3046 this[config] = mapper[config]; 3047 }); 3048 3049 if (!this.filterDisplayAll) { 3050 letters = data.all_letters.split(','); 3051 } 3052 3053 const items = data.items.map(brand => { 3054 brand.image = brand.img 3055 ? this.getMediaUrl(brand.img) : (brand.image ? this.getMediaUrl(brand.image) : null); 3056 return brand; 3057 }); 3058 3059 this.letters = letters.map(letter => ({ 3060 letter, 3061 brands: this.getLetterItems(items, letter), 3062 })); 3063 3064 this.items = this.letters.filter(row => row.brands?.length > 0); 3065 3066 cached = true; 3067 } catch (error) { 3068 displayError(error); 3069 } finally { 3070 this.loading = false; 3071 } 3072 }, 3073 3074 /** 3075 * Get brands by letter 3076 * 3077 * @param items 3078 * @param letter 3079 * @returns {*} 3080 */ 3081 getLetterItems(items, letter) { 3082 return items.filter(row => row.letter === letter); 3083 }, 3084 3085 convertHtml(text) { 3086 let textField = document.createElement("textarea"); 3087 textField.innerHTML = text; 3088 return textField.value; 3089 } 3090 } 3091 }</script>
3091</div></footer> <input type="hidden" id="disable_cookies" name="disable_cookies" value="0">
3091<script type="text/javascript" > 3092 window.stealthUrl = 'https://upsidedown.radbag.at/scripts/matomo/matomo.php'; 3093 window.matomoUrl = 'https://upsidedown.radbag.at/scripts/matomo/'; 3094 var _paq = window._paq = window._paq || []; 3095 (function () { 3096 3097 _paq.push(["setTrackerUrl", "https://upsidedown.radbag.at/scripts/matomo/matomo.php"]); 3098 _paq.push(["setSiteId", "9"]); 3099 if (document.prerendering) { 3100 document.addEventListener('prerenderingchange', () => { 3101 _paq.push(['trackPageView']); 3102 }, { 3103 once: true, 3104 }); 3105 } else { 3106 _paq.push(['trackPageView']); 3107 } 3108 _paq.push(['enableLinkTracking']); 3109 })(); 3110 3111 var eventNames = [ 3112 "wheel", 3113 "touchstart", 3114 "mouseover", 3115 "scroll", 3116 "keydown" 3117 ]; 3118 function addMultiEventListener(element, eventNames, listener) { 3119 for (var i=0, iLen=eventNames.length; i<iLen; i++) { 3120 element.addEventListener(eventNames[i], listener, true); 3121 } 3122 } 3123 function removeMultiEventListener(element, eventNames, listener) { 3124 for (var i=0, iLen=eventNames.length; i<iLen; i++) { 3125 element.removeEventListener(eventNames[i], listener, true); 3126 } 3127 } 3128 var isMatomoLoaded = false; 3129 const loadMatomoScript = () => { 3130 if (!isMatomoLoaded) { 3131 isMatomoLoaded = true; 3132 var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; 3133 g.type = 'text/javascript'; 3134 g.async = true; 3135 g.onload = () => { 3136 }; 3137 g.src = 'https://upsidedown.radbag.at/scripts/matomo/matomo.js'; 3138 s.parentNode.insertBefore(g, s); 3139 removeMultiEventListener(window, eventNames, loadMatomoScript); 3140 } else { 3141 removeMultiEventListener(window, eventNames, loadMatomoScript); 3142 } 3143 } 3144 addMultiEventListener(window, eventNames, loadMatomoScript); 3145 </script>
3145 <noscript><p><img src="https://upsidedown.radbag.at/scripts/matomo/matomo.php?idsite= 9&rec=1" style="border:0;" alt=""/></p></noscript>
3145<script> 3146 (() => { 3147 function src_default(Alpine) { 3148 Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 3149 let evaluate = evaluateLater(expression); 3150 let options = { 3151 rootMargin: getRootMargin(modifiers), 3152 threshold: getThreshhold(modifiers) 3153 }; 3154 let observer = new IntersectionObserver((entries) => { 3155 entries.forEach((entry) => { 3156 if (entry.isIntersecting === (value === "leave")) 3157 return; 3158 evaluate(); 3159 modifiers.includes("once") && observer.disconnect(); 3160 }); 3161 }, options); 3162 observer.observe(el); 3163 cleanup(() => { 3164 observer.disconnect(); 3165 }); 3166 }); 3167 } 3168 function getThreshhold(modifiers) { 3169 if (modifiers.includes("full")) 3170 return 0.99; 3171 if (modifiers.includes("half")) 3172 return 0.5; 3173 if (!modifiers.includes("threshold")) 3174 return 0; 3175 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 3176 if (threshold === "100") 3177 return 1; 3178 if (threshold === "0") 3179 return 0; 3180 return Number(`.${threshold}`); 3181 } 3182 function getLengthValue(rawValue) { 3183 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 3184 return match ? match[1] + (match[2] || "px") : void 0; 3185 } 3186 function getRootMargin(modifiers) { 3187 const key = "margin"; 3188 const fallback = "0px 0px 0px 0px"; 3189 const index = modifiers.indexOf(key); 3190 if (index === -1) 3191 return fallback; 3192 let values = []; 3193 for (let i = 1; i < 5; i++) { 3194 values.push(getLengthValue(modifiers[index + i] || "")); 3195 } 3196 values = values.filter((v) => v !== void 0); 3197 return values.length ? values.join(" ").trim() : fallback; 3198 } 3199 3200 document.addEventListener("alpine:init", () => { 3201 window.Alpine.plugin(src_default); 3202 }); 3203 })();</script>
3203
3203<script> 3204 for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"intersect"})) { 3205 document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); 3206 }</script>
3206
3206<script> 3207 (function () { 3208 "use strict"; 3209 3210 const hasAlpine = new Promise(resolve => { 3211 window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); 3212 }); 3213 3214 const hasInteract = new Promise(resolve => { 3215 (events => { 3216 const onInteract = () => { 3217 resolve(); 3218 events.forEach(type => window.removeEventListener(type, onInteract)); 3219 } 3220 events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) 3221 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 3222 }); 3223 3224 const onIntersect = (el) => { 3225 return new Promise(resolve => { 3226 const observer = new IntersectionObserver(entries => { 3227 for (const entry of entries) { 3228 if (entry.isIntersecting) { 3229 observer.disconnect() 3230 resolve(); 3231 } 3232 } 3233 }, {}); 3234 observer.observe(el); 3235 }); 3236 } 3237 3238 function runComponent(el) { 3239 hasAlpine.then(() => { 3240 el.removeAttribute('x-ignore'); 3241 queueMicrotask(() => Alpine.initTree(el)); 3242 }); 3243 } 3244 3245 function initDeferredComponents() { 3246 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 3247 el.setAttribute('x-ignore', ''); 3248 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 3249 switch (deferUntil) { 3250 case 'interact': 3251 hasInteract.then(() => runComponent(el)); 3252 break; 3253 case 'intersect': 3254 onIntersect(el).then(() => runComponent(el)) 3255 break; 3256 case 'idle': 3257 window.requestIdleCallback 3258 ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) 3259 : setTimeout(() => runComponent(el), 4000); 3260 break; 3261 case 'eager': 3262 runComponent(el); 3263 break; 3264 default: 3265 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 3266 window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); 3267 } 3268 } 3269 }); 3270 } 3271 3272 window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); 3273 })()</script>
3273
3273<script> 3274 3275(_ => { 3276 document.addEventListener('DOMContentLoaded', event => { 3277 3278 if (!Alpine.version.startsWith('2')) { 3279 return; 3280 } 3281 3282 const teleportDirective = (el, expression) => { 3283 let target = document.querySelector(expression) 3284 let clone = el.content.cloneNode(true).firstElementChild; 3285 3286 target.appendChild(clone); 3287 setTimeout(() => { 3288 target.querySelectorAll('[x-data]') 3289 .forEach(el => Alpine.initializeComponent(el)); 3290 }, 0) 3291 }; 3292 3293 document.querySelectorAll('template').forEach(el => { 3294 if (!el.hasAttribute('x-teleport')) { 3295 return; 3296 } 3297 3298 teleportDirective(el, el.getAttribute('x-teleport')); 3299 }); 3300 3301 document.querySelectorAll('[x-data]').forEach(el => { 3302 if (el.hasAttribute('x-init')) { 3303 return; 3304 } 3305 3306 setTimeout(() => { 3307 Alpine.initializeComponent(el); 3308 }, 0); 3309 }); 3310 }); 3311})()</script>
3311
3311<script type="module" 3312 src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Hyva_Theme/js/alpine3.min.js" 3313 defer 3314 crossorigin 3315></script>
3315
3315<script> 3316 'use strict'; 3317 function dispatchMessages(messages, hideAfter) { 3318 const messagesEvent = new CustomEvent("messages-loaded", { 3319 detail: { 3320 messages: messages, 3321 hideAfter: hideAfter 3322 } 3323 }); 3324 window.dispatchEvent(messagesEvent); 3325 } 3326 3327 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 3328 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 3329 } 3330 3331 (function( hyva, undefined ) { 3332 3333 hyva.initFormKey = () => { 3334 const inputSelector = 'input[name="form_key"]', 3335 formKey = hyva.getFormKey(); 3336 3337 Array.from(document.querySelectorAll(inputSelector)).map(function (input) { 3338 input.value = formKey 3339 }); 3340 } 3341 3342 hyva.initMessages = () => { 3343 try { 3344 const messages = hyva.getCookie('mage-messages'); 3345 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 3346 3347 dispatchMessages(window.mageMessages); 3348 3349 const skipSetDomain = true; 3350 hyva.setCookie('mage-messages','', -1, skipSetDomain); 3351 3352 } catch (error) { 3353 console.warn('Error parsing Cookie Messages:', error); 3354 } 3355 } 3356 3357 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 3358 hyva.alpineInitialized(hyva.initMessages) 3359 3360 }( window.hyva = window.hyva || {} ));</script>
3360
3360<script> 3361 'use strict'; 3362 { 3363 const private_content_key = 'mage-cache-storage'; 3364 const private_content_expire_key = 'mage-cache-timeout'; 3365 const private_content_version_key = 'private_content_version'; 3366 const section_data_ids_key = 'section_data_ids'; 3367 const mage_cache_session_id_key = 'mage-cache-sessid'; 3368 const last_visited_store_key = 'last_visited_store'; 3369 3370 const ttl = 3600; 3371 3372 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 3373 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 3374 } 3375 3376 function loadSectionData () { 3377 const browserStorage = hyva.getBrowserStorage(); 3378 if (!browserStorage) { 3379 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 3380 [{ 3381 type: "warning", 3382 text: "Please enable LocalStorage in your browser." 3383 }] 3384 ); 3385 return; 3386 } 3387 try { 3388 let isInvalid = false; 3389 3390 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 3391 isInvalid = true; 3392 } 3393 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 3394 3395 if (!hyva.getCookie(mage_cache_session_id_key)) { 3396 isInvalid = true; 3397 browserStorage.removeItem(private_content_key); 3398 const skipSetDomain = true; 3399 const days = false; 3400 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 3401 } 3402 3403 const cookieVersion = hyva.getCookie(private_content_version_key); 3404 const storageVersion = browserStorage.getItem(private_content_version_key); 3405 3406 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 3407 isInvalid = true; 3408 } 3409 3410 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 3411 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 3412 browserStorage.removeItem(private_content_key); 3413 } 3414 3415 if (isInvalid && cookieVersion) { 3416 fetchPrivateContent([]); 3417 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 3418 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 3419 if ( 3420 privateContent && 3421 privateContentExpires && 3422 privateContent.cart && 3423 privateContent.customer 3424 ) { 3425 dispatchPrivateContent(privateContent); 3426 } else { 3427 fetchPrivateContent([]); 3428 } 3429 } else { 3430 if (document.getElementById('default-section-data')) { 3431 const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); 3432 dispatchPrivateContent(privateContent); 3433 } else { 3434 dispatchPrivateContent({}); 3435 } 3436 } 3437 3438 } catch (error) { 3439 console.warn('Error retrieving Private Content:', error); 3440 } 3441 } 3442 3443 hyva.alpineInitialized(loadSectionData) 3444 window.addEventListener('reload-customer-section-data', loadSectionData); 3445 3446 function dispatchPrivateContent(data) { 3447 const privateContentEvent = new CustomEvent("private-content-loaded", { 3448 detail: { 3449 data: data 3450 } 3451 }); 3452 window.dispatchEvent(privateContentEvent); 3453 } 3454 3455 function fetchPrivateContent(sections) { 3456 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 3457 method: 'GET', 3458 headers: { 3459 'Content-Type': 'application/json', 3460 'X-Requested-With': 'XMLHttpRequest' 3461 } 3462 }) 3463 .then(response => response.json()) 3464 .then( 3465 data => { 3466 if (data) { 3467 try { 3468 const browserStorage = hyva.getBrowserStorage(); 3469 3470 3471 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; 3472 3473 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 3474 delete oldSectionData['checkout-data']; 3475 } 3476 const newSectionData = Object.assign(oldSectionData, data); 3477 3478 dispatchPrivateContent(newSectionData); 3479 3480 3481 if (newSectionData.messages && newSectionData.messages.messages ) { 3482 newSectionData.messages.messages = []; 3483 } 3484 3485 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 3486 3487 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 3488 browserStorage.setItem(private_content_expire_key, expiresAt); 3489 3490 const newCookieVersion = hyva.getCookie(private_content_version_key); 3491 browserStorage.setItem(private_content_version_key, newCookieVersion); 3492 3493 3494 3495 hyva.setCookie( 3496 section_data_ids_key, 3497 JSON.stringify( 3498 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 3499 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 3500 return sectionDataIds; 3501 }, {}) 3502 ), 3503 false, 3504 true 3505 ); 3506 } catch (error) { 3507 console.warn("Couldn't store privateContent", error); 3508 } 3509 } 3510 } 3511 ); 3512 } 3513 }</script>
3513<script> 3514 (() => { 3515 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 3516 })()</script>
3516
3516<script> 3517 (events => { 3518 const dispatchUserInteractionEvent = () => { 3519 events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) 3520 window.dispatchEvent(new Event('init-external-scripts')) 3521 }; 3522 events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) 3523 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])</script>
3523
3523<script> 3524 var g3dSelectedId = 0; 3525 3526 function initConfigurableOptions(productId, optionConfig) { 3527 return { 3528 optionConfig, 3529 productId, 3530 itemId: '0', 3531 allowedAttributeOptions: [], 3532 selectedValues: [], 3533 selectedItemDiscount: null, 3534 init() { 3535 this.findAllowedAttributeOptions(); 3536 this.$nextTick(() => { 3537 if (typeof this.optionConfig.defaultValues === 'object') { 3538 for (const [optionId, value] of Object.entries(this.optionConfig.defaultValues)) { 3539 this.changeOption(optionId, value + ''); 3540 } 3541 } 3542 }); 3543 }, 3544 findSimpleIndex () { 3545 var productIndexes = this.optionConfig.index; 3546 var $this = this; 3547 this.productIndex = Object.keys(productIndexes).find(productIndex => { 3548 var currentProductIndex = productIndexes[productIndex]; 3549 3550 for (var productOption in currentProductIndex) { 3551 if ( 3552 $this.selectedValues[productOption] && 3553 $this.selectedValues[productOption] !== currentProductIndex[productOption] 3554 ) { 3555 return false; 3556 } 3557 } 3558 return productIndex; 3559 }); 3560 }, 3561 productIndex: 0, 3562 findAllowedAttributeOptions() { 3563 var allAttributes = this.optionConfig.attributes; 3564 3565 var optionStock = this.optionConfig.optionStock; 3566 3567 var allAttributesSorted = Object.values(allAttributes).sort((a,b) => { 3568 return a.position - b.position 3569 }); 3570 3571 allAttributesSorted.forEach(attribute => { 3572 attribute.options.forEach(option => { 3573 option.products.find(product => { 3574 option.stock_status = optionStock[product].stockStatus; 3575 }) 3576 }) 3577 }); 3578 3579 3580 3581 var previousOption = false; 3582 var productIndexes = this.optionConfig.index; 3583 var availableIndexes = Object.keys(productIndexes); 3584 3585 var newAllowedAttributeOptions = []; 3586 3587 allAttributesSorted.forEach(attribute => { 3588 if (previousOption && this.selectedValues[previousOption]) { 3589 availableIndexes = availableIndexes.filter(availableIndex => { 3590 return productIndexes[availableIndex][previousOption] === 3591 this.selectedValues[previousOption] 3592 }) 3593 } 3594 newAllowedAttributeOptions[attribute.id] = 3595 allAttributes[attribute.id].options.filter(option => { 3596 return !!option.products.find(product => { 3597 return availableIndexes.includes(product); 3598 }) 3599 }); 3600 previousOption = attribute.id; 3601 3602 newAllowedAttributeOptions[attribute.id].sort(function (a, b) { 3603 return b.stock_status - a.stock_status; 3604 }); 3605 }); 3606 this.allowedAttributeOptions = newAllowedAttributeOptions; 3607 3608 }, 3609 getAllowedAttributeOptions(attributeId) { 3610 return this.allowedAttributeOptions[attributeId] || [] 3611 }, 3612 changeOption(optionId, value) { 3613 this.selectedValues[optionId] = value; 3614 this.findSimpleIndex(); 3615 this.findAllowedAttributeOptions(); 3616 this.updatePrices(); 3617 this.updateGallery(); 3618 window.dispatchEvent( 3619 new CustomEvent( 3620 'configurable-selection-changed', 3621 { 3622 detail: { 3623 productId: this.productId, 3624 optionId: this.optionId, 3625 value: this.value, 3626 productIndex: this.productIndex, 3627 selectedValues: this.selectedValues 3628 } 3629 } 3630 ) 3631 ); 3632 3633 var qty = parseInt(document.getElementById("child-item-"+this.productIndex).getAttribute("data-qty")); 3634 var qtyMin = parseInt(document.getElementById("child-item-"+this.productIndex).getAttribute("data-qtymin")); 3635 var next_status = document.getElementById("child-item-"+this.productIndex).getAttribute("data-status"); 3636 var next_status_text = document.getElementById("child-item-"+this.productIndex).getAttribute("data-status-text"); 3637 var g3durl = document.getElementById("child-item-"+this.productIndex).getAttribute("data-g3durl"); 3638 3639 if(qty <= 0 && next_status == 583) { 3640 document.getElementById('stock-alert-form').style.display='block'; 3641 if(document.getElementById('product-addtocart-button') != null) { 3642 document.getElementById('product-addtocart-button').style.display='flex'; 3643 document.getElementById('out-of-stock-sharebtns').classList.add('hidden'); 3644 document.getElementById('on-stock-sharebtns').classList.remove('hidden'); 3645 } 3646 document.getElementById('product_id').value = document.getElementById("child-item-"+this.productIndex).getAttribute("data-id"); 3647 } else if(qty <= 0 && (next_status == 588 || next_status == 584)) { 3648 document.getElementById('stock-alert-form').style.display='none'; 3649 if(document.getElementById('product-addtocart-button') != null) { 3650 document.getElementById('product-addtocart-button').style.display='none'; 3651 document.getElementById('out-of-stock-sharebtns').classList.remove('hidden'); 3652 document.getElementById('on-stock-sharebtns').classList.add('hidden'); 3653 } 3654 } else { 3655 document.getElementById('stock-alert-form').style.display='none'; 3656 document.getElementById('out-of-stock-sharebtns').classList.add('hidden'); 3657 document.getElementById('on-stock-sharebtns').classList.remove('hidden'); 3658 3659 if(g3durl != '') { 3660 document.getElementById('product-g3dconfigure-button').style.display='block'; 3661 document.getElementById('product-addtocart-button').style.display='none'; 3662 g3dSelectedId = this.productIndex; 3663 } else { 3664 document.getElementById('product-g3dconfigure-button').style.display='none'; 3665 document.getElementById('product-addtocart-button').style.display='flex'; 3666 } 3667 3668 } 3669 3670 var stockInfo = document.getElementsByClassName('availability-info-text'); 3671 for(var i = 0; i < stockInfo.length; i++) { 3672 var thisStockInfo = stockInfo[i]; 3673 prevElStock = document.getElementsByClassName('availability-info-dot')[i]; 3674 if(qty <= 0 && next_status == 583) { 3675 if(prevElStock){ 3676 prevElStock.classList.remove("bg-greenColor-lighter"); 3677 prevElStock.classList.add("bg-yellowStars"); 3678 prevElStock.parentElement.parentElement.parentElement.parentElement.classList.add('outofstock-item'); 3679 } 3680 thisStockInfo.innerHTML = next_status_text; 3681 } else if(qty <= 0 && (next_status == 588 || next_status == 584)) { 3682 if(prevElStock){ 3683 prevElStock.classList.remove("bg-greenColor-lighter"); 3684 prevElStock.classList.add("bg-yellowStars"); 3685 prevElStock.parentElement.parentElement.parentElement.parentElement.classList.add('outofstock-item'); 3686 } 3687 thisStockInfo.innerHTML = next_status_text; 3688 } else { 3689 if(qty > 0) { 3690 thisStockInfo.innerHTML = 'Op voorraad'; 3691 if(prevElStock){ 3692 prevElStock.classList.add("bg-greenColor-lighter"); 3693 prevElStock.classList.remove("bg-yellowStars"); 3694 prevElStock.parentElement.parentElement.parentElement.parentElement.classList.remove('outofstock-item'); 3695 } 3696 } 3697 } 3698 }; 3699 3700 if(document.querySelector("#item-discount-info-"+this.productIndex) != null) { 3701 if(this.selectedItemDiscount != null) { 3702 this.selectedItemDiscount.classList.add("hidden"); 3703 } 3704 this.selectedItemDiscount = document.getElementById("item-discount-info-"+this.productIndex); 3705 document.getElementById("item-discount-info-"+this.productIndex).classList.remove("hidden"); 3706 } 3707 3708 if(document.getElementById("config-qty-show") != null) { 3709 document.querySelectorAll("#config-qty-show")[0].innerHTML = ''; 3710 document.querySelectorAll("#config-qty-show")[1].innerHTML = ''; 3711 if(qty > 0 && (qty - qtyMin) > 0) { 3712 3713 3714 3715 3716 if((qty - qtyMin) < 10) { 3717 document.querySelectorAll("#config-qty-show")[0].innerHTML = '<div class="flex items-center stock-item-info"><span class="availability-info-dot w-2 h-2 block rounded-full bg-yellowStars mr-5px"></span>Minder dan <span class="bold-qty">'+(10)+'</span> op voorraad</div>'; 3718 document.querySelectorAll("#config-qty-show")[1].innerHTML = '<div class="flex items-center stock-item-info"><span class="availability-info-dot w-2 h-2 block rounded-full bg-yellowStars mr-5px"></span>Minder dan <span class="bold-qty">'+(10)+'</span> op voorraad</div>'; 3719 } 3720 document.querySelectorAll('.availability-info-text')[1].classList.add("hidden"); 3721 document.querySelectorAll('.availability-info-text')[0].classList.add("hidden"); 3722 3723 3724 document.getElementById("estimation-block-container-wrapper").classList.remove("hidden"); 3725 document.getElementById("estimation-block-container-wrapper").classList.add("block"); 3726 document.querySelectorAll("#config-qty-show")[0].classList.add("text-primary"); 3727 document.querySelectorAll("#config-qty-show")[1].classList.add("text-primary"); 3728 document.querySelectorAll("#config-qty-show")[0].classList.remove("text-yellowStars"); 3729 document.querySelectorAll("#config-qty-show")[1].classList.remove("text-yellowStars"); 3730 } else { 3731 3732 3733 document.getElementById("estimation-block-container-wrapper").classList.add("hidden"); 3734 document.getElementById("estimation-block-container-wrapper").classList.remove("block"); 3735 document.querySelectorAll("#config-qty-show")[0].innerHTML = ""; 3736 document.querySelectorAll("#config-qty-show")[1].innerHTML = ""; 3737 document.querySelectorAll('.availability-info-text')[1].classList.remove("hidden"); 3738 document.querySelectorAll('.availability-info-text')[0].classList.remove("hidden"); 3739 3740 3741 } 3742 } 3743 }, 3744 calculateIsMinimalPrice(){ 3745 return ( 3746 this.selectedValues.filter(value => !!value).length < 3747 Object.keys(this.optionConfig.attributes).length 3748 ); 3749 }, 3750 updatePrices() { 3751 var value = this.productIndex ? 3752 this.optionConfig.optionPrices[this.productIndex] : 3753 this.optionConfig.prices; 3754 window.dispatchEvent( 3755 new CustomEvent( 3756 "update-prices-" + this.productId, 3757 { 3758 detail: Object.assign( 3759 value, 3760 { isMinimalPrice: this.calculateIsMinimalPrice() } 3761 ) 3762 } 3763 ) 3764 ); 3765 }, 3766 updateGallery () { 3767 var value = this.productIndex ? 3768 this.optionConfig.images[this.productIndex] : 3769 Object.values(this.optionConfig.images)[0]; 3770 3771 value && window.dispatchEvent( 3772 new CustomEvent( 3773 "update-gallery", 3774 { detail: value } 3775 ) 3776 ); 3777 }, 3778 onGetCartData(data) { 3779 this.preselectCartItems(data); 3780 this.preselectQuerystringItems(); 3781 this.preselectLocationHashItems(); 3782 }, 3783 preselectCartItems(data) { 3784 3785 var cart = data && data.cart; 3786 if (cart && cart.items) { 3787 var cartItem = cart.items.find((item) => { 3788 return ( 3789 item.item_id === this.itemId 3790 && item.product_id === this.productId 3791 ) 3792 }); 3793 if (cartItem && cartItem.options && cartItem.options.length) { 3794 cartItem.options.map(option => { 3795 this.changeOption(option.option_id, option.option_value); 3796 }) 3797 } 3798 } 3799 }, 3800 preselectQuerystringItems() { 3801 3802 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); 3803 Object.values(this.optionConfig.attributes).map(attribute => { 3804 urlQueryParams.get(attribute.code) && 3805 this.changeOption(attribute.id, urlQueryParams.get(attribute.code)); 3806 }); 3807 }, 3808 preselectLocationHashItems() { 3809 3810 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); 3811 Object.values(this.optionConfig.attributes).map(attribute => { 3812 urlHashParams.get(attribute.id) && 3813 this.changeOption(attribute.id, urlHashParams.get(attribute.id)); 3814 }); 3815 } 3816 } 3817 }</script>
3817
3817<script> 3818 function initSwatchOptions(swatchConfig) { 3819 return { 3820 isOpen:false, 3821 isSelect:false, 3822 swatchConfig, 3823 getAttributeSwatchData(attributeId) { 3824 const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); 3825 swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); 3826 3827 return swatchConfig; 3828 }, 3829 showStockAlert(attributeId, itemId, itemStock) { 3830 if(itemStock == 0){ 3831 var next_status = document.querySelector('[data-variant-id="'+itemId+'"]').getAttribute('data-status'); 3832 if(!(next_status == 588 || next_status == 584)){ 3833 const config = this.getSwatchConfig(attributeId, itemId); 3834 document.querySelector('#outofstock-item').innerText = config.value || config.label; 3835 document.querySelector('.config-stock-alert-info').classList.remove('hidden'); 3836 document.querySelector('#product-addtocart-button').style.pointerEvents = "none"; 3837 document.querySelector('#buy-now-btn').classList.add('hidden'); 3838 } else { 3839 document.querySelector('.config-stock-alert-info').classList.add('hidden'); 3840 document.querySelector('#product-addtocart-button').style.pointerEvents = "none"; 3841 document.querySelector('#buy-now-btn').classList.remove('hidden'); 3842 } 3843 } else { 3844 document.querySelector('.config-stock-alert-info').classList.add('hidden'); 3845 document.querySelector('#product-addtocart-button').style.pointerEvents = "inherit"; 3846 document.querySelector('#buy-now-btn').classList.remove('hidden'); 3847 } 3848 }, 3849 getSwatchType(typeNumber) { 3850 switch (typeNumber) { 3851 case "1": 3852 return "color" 3853 case "2": 3854 return "image" 3855 case "3": 3856 return "empty" 3857 case "0": 3858 default: 3859 return "text" 3860 } 3861 }, 3862 isTextSwatch(attributeId, itemId) { 3863 const config = this.getSwatchConfig(attributeId, itemId); 3864 const typeId = config.type.toString(); 3865 const type = this.getSwatchType(typeId); 3866 3867 return type === 'text'; 3868 }, 3869 isVisualSwatch(attributeId, itemId) { 3870 const config = this.getSwatchConfig(attributeId, itemId); 3871 const typeId = config.type.toString(); 3872 const type = this.getSwatchType(typeId); 3873 3874 return ['image', 'color'].includes(type); 3875 }, 3876 getSwatchBackgroundStyle(attributeId, itemId) { 3877 const config = this.getSwatchConfig(attributeId, itemId); 3878 const typeId = config.type.toString(); 3879 const type = this.getSwatchType(typeId); 3880 3881 if (type === "color") { 3882 return 'background-color:' + config.value; 3883 } else if (type === "image") { 3884 return "background: #ffffff url('" + config.value + "') no-repeat center"; 3885 } else { 3886 return ''; 3887 } 3888 }, 3889 getSwatchText(attributeId, itemId){ 3890 const config = this.getSwatchConfig(attributeId, itemId); 3891 return config.value || config.label; 3892 }, 3893 getSwatchName(attributeId, itemId){ 3894 const config = this.getSwatchConfig(attributeId, itemId); 3895 return config.name || ''; 3896 }, 3897 getSwatchConfig(attributeId, itemId) { 3898 return this.swatchConfig[attributeId] ? this.swatchConfig[attributeId][itemId] : false; 3899 }, 3900 activeTooltipItem: false, 3901 tooltipPositionElement: false, 3902 getTooltipImageStyle(attributeId, itemId) {
3903 const config = this.getSwatchConfig(attributeId, itemId); 3904 const typeId = config.type.toString(); 3905 const type = this.getSwatchType(typeId); 3906 3907 if (type === "color") { 3908 return 'background-color:' + config.value + '; width: 110px; height: 90px;'; 3909 } else if (type === "image") { 3910 return "background: #ffffff url('" + config.thumb + 3911 "') center center no-repeat; width: 110px; height: 90px;"; 3912 } else { 3913 return 'display:none'; 3914 } 3915 }, 3916 getTooltipPosition() { 3917 return this.tooltipPositionElement ? 3918 `top: ${this.tooltipPositionElement.offsetTop}px;` + 3919 `left: ${ 3920 this.tooltipPositionElement.offsetLeft - ( 3921 this.tooltipPositionElement.closest('.snap') && 3922 this.tooltipPositionElement.closest('.snap').scrollLeft || 3923 0 3924 ) 3925 }px;` : '' 3926 }, 3927 closeDropdown() { 3928 if(screen.width <= 768) { 3929 this.isOpen = false 3930 } 3931 } 3932 } 3933 }</script>
3933
3933<script> 3934 'use strict'; 3935 3936 const grecaptchaV2LoadCallbacks = []; 3937 3938 function executeRecaptchaLoadCallbacks () { 3939 while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { 3940 const callback = grecaptchaV2LoadCallbacks.pop(); 3941 typeof callback === 'string' ? window[callback]() : callback(); 3942 } 3943 } 3944 3945 (function() { 3946 const loadRecaptchaScript = (event) => { 3947 3948 if (window.grecaptcha || !event.target.form) { 3949 return; 3950 } 3951 3952 const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; 3953 const siteKey = '6Le67p4kAAAAAA75JZ2PqyAmJx971ImEEeeCx2iQ'; 3954 const script = document.createElement('script'); 3955 script.type = 'text/javascript'; 3956 script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; 3957 script.async = true; 3958 document.head.appendChild(script); 3959 3960 script.addEventListener('load', () => { 3961 Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); 3962 }); 3963 } 3964 3965 window.forceLoadRecaptchaScript = (form) => { 3966 loadRecaptchaScript({target: {form: form || 'dummy'}}); 3967 executeRecaptchaLoadCallbacks(); 3968 }; 3969 3970 document.body.addEventListener('input', loadRecaptchaScript, { once: true }); 3971 document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); 3972 3973 }());</script>
3973 <!-- Wrapping template -->
3973<script type="text/template" id="instant_wrapper_template"> 3974 {{#findAutocomplete}} 3975 <div id="algolia-autocomplete-container"></div> 3976 {{/findAutocomplete}} 3977 3978 <div id="algolia_instant_selector" 3979 class="w-full h-full "> 3980 <div class="flex flex-col"> 3981 <div class="w-full" id="algolia-left-container"> 3982 <div class="md:px-4 md:px-0 border-none flex justify-start md:justify-between"> 3983 <div class="hidden py-4"> 3984 <div class="flex items-center justify-between" x-data="{open:false}"> 3985 <span class="text-primary text-md text-xl md:text-2xl font-semibold uppercase"> 3986 Shop by</span> 3987 <div class="relative w-8 h-8 bg-container-lighter rounded border border-container-darker cursor-pointer" @click="open = !open"> 3988 <div class="absolute z-20 w-8 h-8 text-transparent" id="refine-toggle"></div> 3989 <span class="absolute z-10 py-1 px-1"> 3990 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform transform duration-300 ease-in-out" :class="open ? 'rotate-180' : ''"> 3991 <path d="M19 9L12 16L5 9" stroke="#4A5568" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></div></div></div> 3992 <div class="flex gap-6 font-poppins text-categoriesSearch items-center"> 3993 <div class="flex md:hidden items-center gap-8 toolbar-products-count"> 3994 <div id="sorter_icon_toolbar" class="flex items-center md:hidden"> 3995 <span class="bg-labelbg rounded-lg p-1 flex gap-1"> 3996 <span onclick="document.getElementById('instant-search-results-container').classList.remove('list-style')" id="grid-view-icon" class="w-7 h-7 bg-white rounded-lg flex justify-center items-center"> 3997 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3998 <path d="M3.33398 6.66683H4.66732C6.00065 6.66683 6.66732 6.00016 6.66732 4.66683V3.3335C6.66732 2.00016 6.00065 1.3335 4.66732 1.3335H3.33398C2.00065 1.3335 1.33398 2.00016 1.33398 3.3335V4.66683C1.33398 6.00016 2.00065 6.66683 3.33398 6.66683Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 3999 <path d="M11.334 6.66683H12.6673C14.0007 6.66683 14.6673 6.00016 14.6673 4.66683V3.3335C14.6673 2.00016 14.0007 1.3335 12.6673 1.3335H11.334C10.0007 1.3335 9.33398 2.00016 9.33398 3.3335V4.66683C9.33398 6.00016 10.0007 6.66683 11.334 6.66683Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 4000 <path d="M11.334 14.6668H12.6673C14.0007 14.6668 14.6673 14.0002 14.6673 12.6668V11.3335C14.6673 10.0002 14.0007 9.3335 12.6673 9.3335H11.334C10.0007 9.3335 9.33398 10.0002 9.33398 11.3335V12.6668C9.33398 14.0002 10.0007 14.6668 11.334 14.6668Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 4001 <path d="M3.33398 14.6668H4.66732C6.00065 14.6668 6.66732 14.0002 6.66732 12.6668V11.3335C6.66732 10.0002 6.00065 9.3335 4.66732 9.3335H3.33398C2.00065 9.3335 1.33398 10.0002 1.33398 11.3335V12.6668C1.33398 14.0002 2.00065 14.6668 3.33398 14.6668Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 4002 <span onclick="document.getElementById('instant-search-results-container').classList.add('list-style')" id="list-view-icon" class="w-7 h-7 bg-white rounded-lg flex justify-center items-center"> 4003 <svg width="16" height="16" viewB
4003ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 4004 <path d="M6.00065 14.6668H10.0007C13.334 14.6668 14.6673 13.3335 14.6673 10.0002V6.00016C14.6673 2.66683 13.334 1.3335 10.0007 1.3335H6.00065C2.66732 1.3335 1.33398 2.66683 1.33398 6.00016V10.0002C1.33398 13.3335 2.66732 14.6668 6.00065 14.6668Z" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 4005 <path d="M6.66602 1.3335V14.6668" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 4006 <path d="M6.66602 5.6665H14.666" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 4007 <path d="M6.66602 10.3335H14.666" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span> 4008 <span class="items-center mr-2 hidden">Aanzicht</span> 4009 <svg class="hidden lg:block" id="filter-btn-icon" width="14" height="14" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 4010 <path d="M16.5 4.87399L9.35333 12.02C9.25967 12.1138 9.13255 12.1665 9 12.1665C8.86745 12.1665 8.74033 12.1138 8.64667 12.02L1.5 4.87399" stroke="#302F2E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg></div></div> 4011 <div class="gap-2 text-sm h-10 items-center hidden md:flex"> 4012 <img src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/grid.svg" alt="Filter" width="16" height="16" /> 4013 Filter:</div> 4014 <span id="filter-btn-toolbar" class="flex md:hidden items-center cursor-pointer py-10px px-2 md:px-4 gap-5px"> 4015 <span> 4016 <svg width="20" height="20" class="w-4 md:w-5" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 4017 <path d="M4.50065 1.75H15.5007C16.4173 1.75 17.1673 2.5 17.1673 3.41667V5.25C17.1673 5.91667 16.7507 6.75 16.334 7.16667L12.7507 10.3333C12.2507 10.75 11.9173 11.5833 11.9173 12.25V15.8333C11.9173 16.3333 11.584 17 11.1673 17.25L10.0007 18C8.91732 18.6667 7.41732 17.9167 7.41732 16.5833V12.1667C7.41732 11.5833 7.08398 10.8333 6.75065 10.4167L3.58398 7.08333C3.16732 6.66667 2.83398 5.91667 2.83398 5.41667V3.5C2.83398 2.5 3.58398 1.75 4.50065 1.75Z" stroke="#747474" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 4018 <path d="M9.10833 1.75L5 8.33333" stroke="#747474" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 4019 <span class="items-center flex mr-2 text-labeltext font-medium text-xs md:text-sm"> 4020 Filter <span id="show-count-active-filter" class="hidden">(<span id="count-active-filter-number"></span>)</span></span> 4021 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 4022 <path d="M9.95906 4.4751L6.69906 7.7351C6.31406 8.1201 5.68406 8.1201 5.29906 7.7351L2.03906 4.4751" stroke="#AAAAAA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 4023 <div class="flex pt-3 md:pt-0" id="instant-search-facets-container"> 4024 <div class="flex md:hidden justify-between items-center relative pt-38px md:pt-0 xl:pt-6 border-b border-borderImg pb-4 md:pb-6 px-4 md:px-0"> 4025 <span onclick="closeFilter()" class="bg-grayStars rounded-full w-8 h-5px absolute top-2 left-0 right-0 mx-auto md:hidden block"></span> 4026 <span class="text-blackfont font-semibold md:text-2xl text-lg leading-26px w-full flex items-center justify-between"> 4027 Filter <sp
4027an onclick="window.location.href = window.location.origin + window.location.pathname" class="text-saleColor font-medium text-xs block underline cursor-pointer">Reset</span></span> 4028 <span onclick="closeFilter()" id="filter-open-close" class="block md:hidden absolute right-0 top-0"> 4029 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4030 <path d="M18 6L6 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 4031 <path d="M6 6L18 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div> 4032 <div class="hidden"> 4033 <span class="text-base md:text-lg font-semibold hidden"> 4034 Active filtering</span> 4035 <div class="order-2" id="clear-refinements"></div> 4036 <div id="current-refinements"></div></div></div></div> 4037 <div class="flex-1 md:flex-none"> 4038 <div class="flex w-full justify-between flex-wrap pr-2.5 py-1.5 ml-2 md:ml-0 relative"> 4039 <div class="pull-right basis-full flex justify-end items-center text-gray-400 text-sm leading-8 tracking-wider"> 4040 <div class="hidden">SORT BY </div> 4041 <div id="algolia-sorts"></div></div> 4042 4043 <div class="basis-full flex items-center" id="algolia-stats"></div></div></div></div></div> 4044 4045 <div class="w-full md:pl-6 md:pr-2 lg:pr-0 xl:pl-2.5" id="algolia-right-container"> 4046 <div class="hidden"> 4047 <div class="pb-3.5"> 4048 <div class="px-2.5"> 4049 {{#second_bar}} 4050 <div id="instant-search-bar"></div> 4051 {{/second_bar}}</div></div></div> 4052 <div> 4053 <div> 4054 <div itemscope itemtype="http://schema.org/ItemList"> 4055 <div class="pl-2.5"></div> 4056 <div id="algolia-banner"></div> 4057 <div id="instant-empty-results-container"></div> 4058 <div class="py-10 md:py-6" id="instant-search-results-container"></div></div></div></div> 4059 <div> 4060 <div id="instant-search-pagination-container"></div></div></div></div></div></script>
4060<script> 4061 var checkExist = setInterval(function () { 4062 if(document.querySelectorAll('#instant-search-facets-container .ais-Panel-header').length){ 4063 document.querySelectorAll('#instant-search-facets-container .ais-Panel-header').forEach((item) => { 4064 item.addEventListener("click", function(){ 4065 let selectedItem = item.nextSibling; 4066 if(item.nextSibling.style.display == "block") { 4067 item.nextSibling.style.display = "none"; 4068 } else { 4069 document.querySelectorAll('#instant-search-facets-container .ais-Panel-body').forEach((item) => { 4070 item.style.display = "none"; 4071 }); 4072 item.nextSibling.style.display = "block"; 4073 } 4074 }) 4075 }); 4076 4077 document.querySelectorAll('#filter-btn-toolbar').forEach((item) => { 4078 item.addEventListener("click", function(){ 4079 document.querySelector('#instant-search-facets-container').style.bottom = '0px'; 4080 }) 4081 }); 4082 4083 clearInterval(checkExist); 4084 } 4085 }); 4086 4087 function closeFilter() { 4088 document.querySelector('#instant-search-facets-container').style.bottom = '-100vh'; 4089 }</script>
4089
4089<script type="text/template" id="instant-hit-template"> 4090 <div class="relative text-primary product-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 4091 <meta itemprop="position" content="{{__position}}" /> 4092 <div class="flex-grow" itemprop="item" itemscope itemtype="http://schema.org/Product"> 4093 <meta itemprop="url" 4094 {{^__queryID}} content="{{url}}" {{/__queryID}} 4095 {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}} 4096 /> 4097 <a class="h-full result" 4098 {{^__queryID}} href="{{url}}" {{/__queryID}} 4099 {{#__queryID}} href="{{urlForInsights}}" {{/__queryID}} 4100 data-objectid="{{objectID}}" 4101 data-indexname="{{__indexName}}" 4102 data-position="{{__position}}" 4103 data-queryid="{{__queryID}}"> 4104 <div class=""> 4105 <div class="item-img flex-1 w-auto mb-2.5 relative"> 4106 {{#is_in_stock}} 4107 <span class="absolute top-0 left-0 w-full h-full flex justify-center items-center text-xs stock-info text-center out-of-stock" style="">{{nextstatus}}</span> 4108 {{/is_in_stock}} 4109 {{#image_url}} 4110 {{#is_in_stock}} 4111 <img class="mx-auto rounded-8px object-cover w-full 2xl:h-356px md:h-254px xl:h-80 sm:h-356px h-200px opacity-30" itemprop="image" src="{{{image_url}}}" alt="{{{name}}}" /> 4112 {{/is_in_stock}} 4113 {{^is_in_stock}} 4114 <img class="mx-auto rounded-8px object-cover w-full 2xl:h-356px md:h-254px xl:h-80 sm:h-356px h-200px" itemprop="image" src="{{{image_url}}}" alt="{{{name}}}" /> 4115 {{/is_in_stock}} 4116 {{/image_url}} 4117 {{^image_url}}<span class="no-image"></span>{{/image_url}}</div> 4118 <div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0"> 4119 <h3 itemprop="name" class="item-name text-blackfont font-semibold text-sm md:text-base overflow-hidden text-left h-10 md:h-6 m-0"> 4120 <span class="product-item-link md:block truncate-two-lines md:truncate w-full">{{{ name }}}</span></h3> 4121 <div> 4122 <div> 4123 <div> 4124 <div class="hidden"> 4125 <span ><span>Evaluatie:</span></span> 4126 <div title="{{rating_summary}}%"> 4127 <span style="width:{{rating_summary}}%"> 4128 <span>{{rating_summary}}%</span></span></div></div></div> 4129 {{^price.EUR.default_max}} 4130 <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price"> 4131 <meta itemprop="price" content="{{price.EUR.default}}" /> 4132 {{/price.EUR.default_max}} 4133 {{#price.EUR.default_max}} 4134 <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer" class="price"> 4135 <meta itemprop="lowPrice" content="{{price.EUR.default}}" /> 4136 <meta itemprop="highPrice" content="{{price.EUR.default_max}}" /> 4137 {{/price.EUR.default_max}} 4138 <meta itemprop="priceCurrency" content="EUR" /> 4139 <div> 4140 <div class="item-price text-blackfont text-lg leading-6 font-bold pt-1 flex items-baseline gap-2"> 4141 {{#is_giftbox}} 4142 <div class="text-lg font-bold"> 4143 {{slider_price}}</div> 4144 {{/is_giftbox}} 4145 {{^is_giftbox}} 4146 {{#price.EUR.default_original_formated}}
4147 <span class="text-base font-medium text-labeltext line-through"> {{price.EUR.default_original_formated}}</span> 4148 {{/price.EUR.default_original_formated}} 4149 {{#type_is_bundle}} 4150 <span class="text-sm hidden">van</span> 4151 {{/type_is_bundle}} 4152 <div class="text-lg font-bold"> 4153 <!-- {{price.EUR.default_formated}} --> 4154 {{slider_price}}</div> 4155 {{/is_giftbox}} 4156 4157 {{#price.EUR.default_tier_formated}} 4158 <span> 4159 van <span>{{price.EUR.default_tier_formated}}</span></span> 4160 {{/price.EUR.default_tier_formated}}</div></div></div></div></div> 4161 <div>{{{ _highlightResult.description.value }}}</div> 4162 {{#isAddToCartEnabled}} 4163 <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> 4164 <form class="flex-grow" data-role="tocart-form" action="{{ addToCart.action }}" method="post"> 4165 <input type="hidden" name="product" value="{{objectID}}"> 4166 <input type="hidden" name="uenc" value="{{ addToCart.uenc }}"> 4167 <input name="form_key" type="hidden" value="{{ addToCart.formKey }}"> 4168 <button 4169 type="submit" title="In winkelwagentje" 4170 class="w-auto btn btn-primary justify-center text-sm mr-auto" 4171 data-objectid="{{objectID}}" 4172 data-indexname="{{__indexName}}" 4173 data-position="{{__position}}" 4174 data-queryid="{{__queryID}}" 4175 > 4176 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" role="img"> 4177 <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> 4178<title>shopping-cart</title></svg> 4179 <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">In winkelwagentje</span></button></form> 4180 <button 4181 x-data="initWishlist()" 4182 @click.prevent="addToWishlist({{objectID}})" 4183 class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex flex-shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2" 4184 > 4185 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" role="img"> 4186 <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/> 4187<title>heart</title></svg> 4188</button> 4189 <button 4190 x-data="initCompareOnProductList()" 4191 @click.prevent="addToCompare({{objectID}})" 4192 class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex flex-shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2" 4193 > 4194 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" role="img"> 4195 <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> 4196<title>scale</title></svg> 4197</button></div> 4198 {{/isAddToCartEnabled}}</div></div></a></div></div></script>
4198<script type="text/template" id="instant-stats-template"> 4199 <div class="py-2"> 4200 {{#hasOneResult}}<strong>1</strong> 4201 <span class="text-labeltext font-medium text-xs mr-2"> 4202 product</span> 4203 {{/hasOneResult}} 4204 {{#hasManyResults}} 4205 <span class="toolbar-number text-xs font-semibold text-blackfont" itemprop="numberOfItems">{{nbHits}}</span> 4206 <span class="text-labeltext font-medium text-xs mr-2"> 4207 producten</span> 4208 {{/hasManyResults}} 4209 {{#hasNoResults}} 4210 <span class="text-labeltext font-medium text-xs mr-2"> 4211 Uw zoekopdracht heeft geen resultaten opgeleverd.</span> 4212 {{/hasNoResults}}</div></script>
4212<script type="text/template" id="refinements-lists-item-template"> 4213 <label class="{{cssClasses.label}} {{#isRefined}}checked{{/isRefined}}"> 4214 <input class="{{cssClasses.checkbox}}" {{#isRefined}}checked{{/isRefined}} type="checkbox" value="{{value}}" /> 4215 <span class="text-xs md:text-sm block w-full h-full text-labeltext">{{value}}</span> 4216 <span class="{{cssClasses.count}} flex-grow text-right">{{count}}</span></label></script>
4216<script type="text/template" id="current-refinements-template"> 4217 <div class="cross-wrapper"> 4218 <span class="clear-cross clear-refinement"></span></div> 4219 <div class="current-refinement-wrapper"> 4220 {{#label}} 4221 <span class="current-refinement-label">{{label}}{{^operator}}:{{/operator}}</span> 4222 {{/label}} 4223 {{#operator}} 4224 {{{displayOperator}}} 4225 {{/operator}} 4226 {{#exclude}}-{{/exclude}} 4227 <span class="current-refinement-name">{{name}}</span></div></script>
4227
4227<script> 4228 function initAlgoliaInsights(partial) { 4229 window.algoliaAnalytics = AlgoliaAnalytics.default; 4230 window.hasAddedParameters = false; 4231 window.useCookie = algoliaConfig.cookieConfiguration.cookieRestrictionModeEnabled ? !!hyva.getCookie(algoliaConfig.cookieConfiguration.consentCookieName) : true; 4232 4233 if (!canTrack()) { 4234 return; 4235 } 4236 4237 initializeAnalytics(partial); 4238 addSearchParameters(); 4239 bindEvents(); 4240 4241 4242 function determineUserToken() { 4243 return window.algoliaAnalytics.getAuthenticatedUserToken() ?? algoliaAnalytics.getUserToken(); 4244 } 4245 4246 function initializeAnalytics(partial = false) { 4247 if (partial) { 4248 algoliaAnalytics.init({ 4249 appId: algoliaConfig.applicationId, 4250 apiKey: algoliaConfig.apiKey, 4251 partial: true, 4252 useCookie: true, 4253 cookieDuration: Number(algoliaConfig.cookieConfiguration.cookieDuration) 4254 }); 4255 } else { 4256 algoliaAnalytics.init({ 4257 appId: algoliaConfig.applicationId, 4258 apiKey: algoliaConfig.apiKey, 4259 useCookie: true, 4260 cookieDuration: Number(algoliaConfig.cookieConfiguration.cookieDuration) 4261 }); 4262 } 4263 let userAgent = 'insights-js-in-magento (' + algoliaConfig.extensionVersion + ')'; 4264 window.algoliaAnalytics.addAlgoliaAgent(userAgent); 4265 4266 let unsetAuthenticationToken = hyva.getCookie('unset_authentication_token'); 4267 if (hyva.getCookie('aa-search') && hyva.getCookie('aa-search') !== '') { 4268 window.algoliaAnalytics.setUserToken(hyva.getCookie('aa-search')); 4269 } else if (hyva.getCookie('_ALGOLIA') && hyva.getCookie('_ALGOLIA') !== '') { 4270 window.algoliaAnalytics.setUserToken(hyva.getCookie('_ALGOLIA')); 4271 } else if (unsetAuthenticationToken && unsetAuthenticationToken !== '') { 4272 window.algoliaAnalytics.setUserToken('undefined'); 4273 hyva.setCookie('unset_authentication_token', '', -1); 4274 } 4275 } 4276 4277 function applyInsightsToSearchParams(params = {}) { 4278 if (algoliaConfig.ccAnalytics.enabled) { 4279 params.clickAnalytics = true; 4280 } 4281 4282 if (algoliaConfig.personalization.enabled) { 4283 params.enablePersonalization = true; 4284 params.userToken = determineUserToken(); 4285 } 4286 4287 return params; 4288 } 4289 4290 function addSearchParameters() { 4291 if (window.hasAddedParameters) { 4292 return; 4293 } 4294 algolia.registerHook('beforeWidgetInitialization', function (allWidgetConfiguration) { 4295 allWidgetConfiguration.configure = applyInsightsToSearchParams( 4296 allWidgetConfiguration.configure 4297 ); 4298 return allWidgetConfiguration; 4299 }); 4300 4301 algolia.registerHook('afterAutocompleteProductSourceOptions', (options) => { 4302 return applyInsightsToSearchParams(options); 4303 }); 4304 4305 window.hasAddedParameters = true; 4306 } 4307 4308 4309 function bindEvents() { 4310 bindClickedEvents(); 4311 bindViewedEvents(); 4312 4313 algolia.triggerHooks('afterInsightsBindEvents', this); 4314 } 4315 4316 function bindClickedEvents() { 4317 4318 if (algoliaConfig.personalization.filterClicked.enabled) { 4319 const facets = algoliaConfig.facets; 4320 let containers = []; 4321 for (let i = 0; i < facets.length; i++) { 4322 let elem = createISWidgetContainer(facets[i].attribute); 4323 containers.push('.' + elem.className); 4324 } 4325 4326 algolia.registerHook('afterInstantsearchStart', function (search) { 4327 const selectors = document.querySelectorAll(containers.join(', ')); 4328 selectors.forEach(function (e) { 4329 e.addEventListener('click', function (event) { 4330 const attribute = this.dataset.attr; 4331 const elem = event.target; 4332 if (elem.type === "checkbox" && elem.checked) { 4333 var filter = attribute + ':' + elem.value; 4334 trackFilterClick([filter]); 4335 } 4336 }); 4337 }); 4338 4339 return search; 4340 }); 4341 } 4342 } 4343 4344 function bindViewedEvents() { 4345 4346 if (!algoliaConfig.personalization.enabled) { 4347 return; 4348 } 4349 4350 const viewConfig = algoliaConfig.personalization.viewedEvents.viewProduct; 4351 if (viewConfig.enabled) { 4352 if (document.body.classList.contains('catalog-product-view')) { 4353 const objectId = document.querySelector('#product_addtocart_form')?.querySelector('input[name="product"]').value; 4354 if (objectId) { 4355 const viewData = buildEventData(viewConfig.eventName, objectId, algoliaConfig.indexName + '_products'); 4356 trackView(viewData); 4357 } 4358 } 4359 4360 } 4361 } 4362 4363 function buildEventData(eventName, objectId, indexName, position = null, queryId = null) { 4364 const eventData = { 4365 eventName: eventName, 4366 objectIDs: [objectId + ''], 4367 index: indexName 4368 }; 4369 4370 if (position) { 4371 eventData.positions = [parseInt(position)]; 4372 } 4373 4374 if (queryId) { 4375 eventData.queryID = queryId; 4376 } 4377 4378 return eventData; 4379 } 4380 4381 function trackClick(eventData) { 4382 if (eventData.queryID) { 4383 window.algoliaAnalytics.clickedObjectIDsAfterSearch(eventData); 4384 } else { 4385 window.algoliaAnalytics.clickedObjectIDs(eventData); 4386 } 4387 } 4388 4389 function trackFilterClick(filters) { 4390 const eventData = { 4391 index: algoliaConfig.indexName + '_products', 4392 eventName: algoliaConfig.personalization.filterClicked.eventName, 4393 filters: filters 4394 }; 4395 4396 window.algoliaAnalytics.clickedFilters(eventData); 4397 } 4398 4399 function trackView(eventData) { 4400 window.algoliaAnalytics.viewedObjectIDs(eventData); 4401 } 4402 } 4403 4404 function canTrack() { 4405 return ((algoliaConfig.ccAnalytics.enabled 4406 || algoliaConfig.personalization.enabled) && window.useCookie); 4407 } 4408 4409 function buildInsightsEventData(eventName, objectId, indexName, position = null, queryId = null) { 4410 if (!canTrack()) { 4411 return; 4412 } 4413 4414 const eventData = { 4415 eventName: eventName, 4416 objectIDs: [objectId + ''], 4417 index: indexName 4418 }; 4419 if (position) { 4420 eventData.positions = [parseInt(position)]; 4421 } 4422 if (queryId) { 4423 eventData.queryID = queryId; 4424 } 4425 trackClick(eventData); 4426 } 4427 4428 function trackClick(eventData) { 4429 if (eventData.queryID) { 4430 window.algoliaAnalytics.clickedObjectIDsAfterSearch(eventData); 4431 } else { 4432 window.algoliaAnalytics.clickedObjectIDs(eventData); 4433 } 4434 }</script>
4434
4434<script> 4435 function initCompareOnProductList() { 4436 return { 4437 addToCompare(productId) { 4438 const formKey = hyva.getFormKey(); 4439 const postUrl = BASE_URL + 'catalog/product_compare/add/'; 4440 4441 fetch(postUrl, { 4442 "headers": { 4443 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 4444 }, 4445 "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), 4446 "method": "POST", 4447 "mode": "cors", 4448 "credentials": "include" 4449 }).then(function (response) { 4450 if (response.redirected) { 4451 window.location.href = response.url; 4452 } 4453 }).catch(function (error) { 4454 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4455 [{ 4456 type: "error", 4457 text: error 4458 }], 5000 4459 ); 4460 }); 4461 } 4462 }; 4463 }</script>
4463
4463<script> 4464 function initWishlist() { 4465 return { 4466 addToWishlist(productId) { 4467 const formKey = hyva.getFormKey(); 4468 const postUrl = BASE_URL + 'wishlist/index/add/'; 4469 4470 fetch(postUrl, { 4471 "headers": { 4472 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 4473 }, 4474 "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), 4475 "method": "POST", 4476 "mode": "cors", 4477 "credentials": "include" 4478 }).then(function (response) { 4479 if (response.redirected) { 4480 window.location.href = response.url; 4481 } else if (response.ok) { 4482 return response.json(); 4483 } else { 4484 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4485 [{ 4486 type: "warning", 4487 text: "Could\u0020not\u0020add\u0020item\u0020to\u0020wishlist." 4488 }], 5000 4489 ); 4490 } 4491 }).then(function (response) { 4492 if (!response) { return } 4493 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4494 [{ 4495 type: (response.success) ? "success" : "error", 4496 text: (response.success) 4497 ? "product\u0020is\u0020toegevoegd\u0020aan\u0020je\u0020verlanglijstje." 4498 : response.error_message 4499 }], 5000 4500 ); 4501 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); 4502 window.dispatchEvent(reloadCustomerDataEvent); 4503 }).catch(function (error) { 4504 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4505 [{ 4506 type: "error", 4507 text: error 4508 }], 5000 4509 ); 4510 }); 4511 } 4512 } 4513 }</script>
4513<!-- Reviews.co.uk Rich Snippet --><!-- Reviews.co.uk Rating Snippet -->
4513<script type="application/json" id="default-section-data"> 4514 {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"BE":{"name":"Belgi\u00eb","regions":{"663":{"code":"VAN","name":"Antwerpen"},"664":{"code":"WBR","name":"Brabant wallon"},"665":{"code":"BRU","name":"Brussels-Capital Region"},"666":{"code":"WHT","name":"Hainaut"},"668":{"code":"WLG","name":"Li\u00e8ge"},"667":{"code":"VLI","name":"Limburg"},"669":{"code":"WLX","name":"Luxembourg"},"670":{"code":"WNA","name":"Namur"},"671":{"code":"VOV","name":"Oost-Vlaanderen"},"672":{"code":"VBR","name":"Vlaams-Brabant"},"673":{"code":"VWV","name":"West-Vlaanderen"}}},"data_id":1790411421},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"customweb_external_checkout_widgets":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script>
4514
4514<script> 4515 'use strict'; 4516 4517 function GoogleAnalytics () { 4518 let self = this; 4519 this.config = { 4520 isCookieRestrictionModeEnabled: 0, 4521 currentWebsite: 6, 4522 cookieName: "user_allowed_save_cookie", 4523 ordersTrackingData: [], 4524 pageTrackingData: {"optPageUrl":"","isAnonymizedIpActive":false,"accountId":"UA-35593577-14"}, 4525 } 4526 4527 this.initGoogleAnalytics = function () { 4528 4529 let allowServices = false, 4530 allowedCookies, 4531 allowedWebsites; 4532 4533 if (self.config.isCookieRestrictionModeEnabled) { 4534 allowedCookies = hyva.getCookie(self.config.cookieName); 4535 4536 if (allowedCookies !== null) { 4537 allowedWebsites = JSON.parse(decodeURIComponent(allowedCookies)); 4538 4539 if (allowedWebsites[self.config.currentWebsite] === 1) { 4540 allowServices = true; 4541 } 4542 } 4543 } else { 4544 allowServices = true; 4545 } 4546 4547 if (allowServices) { 4548 (function (i, s, o, g, r, a, m) { 4549 i.GoogleAnalyticsObject = r; 4550 i[r] = i[r] || function () { 4551 (i[r].q = i[r].q || []).push(arguments) 4552 }, i[r].l = 1 * new Date(); 4553 a = s.createElement(o), 4554 m = s.getElementsByTagName(o)[0]; 4555 a.defer = 1; 4556 a.src = g; 4557 m.parentNode.insertBefore(a, m) 4558 })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); 4559 4560 4561 ga('create', self.config.pageTrackingData.accountId, 'auto'); 4562 4563 if (self.config.pageTrackingData.isAnonymizedIpActive) { 4564 ga('set', 'anonymizeIp', true); 4565 } 4566 4567 4568 if (self.config.ordersTrackingData.hasOwnProperty('currency')) { 4569 ga('require', 'ec', 'ec.js'); 4570 4571 ga('set', 'currencyCode', self.config.ordersTrackingData.currency); 4572 4573 4574 if (self.config.ordersTrackingData.products) { 4575 self.config.ordersTrackingData.products.forEach(function (value) { 4576 ga('ec:addProduct', value); 4577 }); 4578 } 4579 4580 4581 if (self.config.ordersTrackingData.orders) { 4582 self.config.ordersTrackingData.orders.forEach(function (value) { 4583 ga('ec:setAction', 'purchase', value); 4584 }); 4585 } 4586 4587 ga('send', 'pageview'); 4588 } else { 4589 4590 ga('send', 'pageview' + self.config.pageTrackingData.optPageUrl); 4591 } 4592 } 4593 }; 4594 } 4595 4596 var googleAnalytics = new GoogleAnalytics(); 4597 4598 if(window.location.href.includes("success") && window.location.href.includes("checkout")) { 4599 window.addEventListener("load", googleAnalytics.initGoogleAnalytics); 4600 } else { 4601 var gAnalytics2 = 0; 4602 document.addEventListener('scroll', function (event) { 4603 if(!gAnalytics2 ) { 4604 window.addEventListener("load", googleAnalytics.initGoogleAnalytics); 4605 gAnalytics2 = 1; 4606 } 4607 }, true ); 4608 }</script>
4608</div></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.