1<!doctype html> 2<html lang="nl"> 3<head prefix="og: http://ogp.me/ns# cms: http://ogp.me/ns/cms#"> 4 <meta charset="utf-8"/> 5<meta name="title" content="#1 in Incontinentiemateriaal"/> 6<meta name="description" content="Incontinentiemateriaal kopen | â Beste kwaliteit | â Voordelig | â Alle bekende merken | Bekijk direct de website!"/> 7<meta name="robots" content="INDEX,FOLLOW"/> 8<meta name="viewport" content="width=device-width, initial-scale=1"/> 9<title>#1 in Incontinentiemateriaal</title> 10 <link rel="stylesheet" type="text/css" media="all" href="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/css/styles.css" />
11<script type="text/javascript" src="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/Smile_ElasticsuiteTracker/js/tracking.js"></script>
vendor: 1 bytes, line 11
11
12<script type="text/javascript" src="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/Doofinder_Feed/js/df_add_to_cart_hyva.js"></script>
12 13<link rel="preload" as="font" crossorigin="anonymous" href="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/fonts/Poppins-400.woff2" /> 14<link rel="preload" as="font" crossorigin="anonymous" href="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/fonts/Poppins-500.woff2" /> 15<link rel="preload" as="font" crossorigin="anonymous" href="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/fonts/Poppins-700.woff2" /> 16<link rel="icon" type="image/x-icon" href="https://www.123drogisterij.nl/media/favicon/default/favicon.ico" /> 17<link rel="shortcut icon" type="image/x-icon" href="https://www.123drogisterij.nl/media/favicon/default/favicon.ico" /> 18<meta name="google-site-verification" content="qG8Tf2kX_npftVwSXy0AxjuBJYCfmBGXMruiRHYYYv4" /> 19<!-- Start Sooqr.com on-site search and navigation code --> 20 <!--
20<script type="text/javascript"> 21 var _wssq = _wssq || []; 22 var setResizeFunction1= false; 23 var sooqrAccount1 = '100848-1'; 24 25 _wssq.push(['_load', { 'suggest' : { 'account' : 'SQ-' + sooqrAccount1, 'version' : 4, fieldId : 'q'}}]); 26 _wssq.push(['suggest._setPosition', 'screen-middle', {top:0}]); 27 _wssq.push(['suggest._setLocale', 'nl_NL']); 28 _wssq.push(['suggest._excludePlaceholders', 'Zoek uw product']); 29 _wssq.push(['suggest._bindEvent', 'open', function() { 30 if(!setResizeFunction1) {$jQ( window ).resize(function() {if($jQ('.sooqrSearchContainer-' + sooqrAccount1).is(':visible')) {websight.sooqr.instances['SQ-' + sooqrAccount1].positionContainer(null, null, true);}});setResizeFunction1 = true;} 31 }]); 32 33 var setResizeFunction2= false; 34 var sooqrAccount2 = '100848-2'; 35 36 _wssq.push(['_load', { 'suggest' : { 'namespace' : 'secondview', 'account' : 'SQ-' + sooqrAccount2, 'version' : 4, fieldId : 'q2'}}]); 37 _wssq.push(['secondview._setPosition', 'screen-middle', {top:0}]); 38 _wssq.push(['secondview._setLocale', 'nl_NL']); 39 _wssq.push(['secondview._excludePlaceholders', 'Zoek uw product']); 40 _wssq.push(['secondview._bindEvent', 'open', function() { 41 if(!setResizeFunction2) {$jQ( window ).resize(function() {if($jQ('.sooqrSearchContainer-' + sooqrAccount2).is(':visible')) {websight.sooqr.instances['SQ-' + sooqrAccount2].positionContainer(null, null, true);}});setResizeFunction2 = true;} 42 }]); 43 44 (function() { 45 var ws = document.createElement('script'); ws.type = 'text/javascript'; ws.async = true; 46 ws.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'static.sooqr.com/sooqr.js'; 47 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ws, s); 48 })(); 49 </script>
49 --> 50<!-- End Sooqr.com on-site search and navigation code --> 51 52<!-- Start VWO Async SmartCode --> 53<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
54<script type='text/javascript' id='vwoCode'> 55window._vwo_code || (function() { 56var account_id=777352, 57version=2.0, 58settings_tolerance=2000, 59hide_element='body', 60hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', 61/* DO NOT EDIT BELOW THIS LINE */ 62f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=this.getSettings(),n=d.createElement('script'),i=this;if(t){n.textContent=t;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);i.load(e)}}else{n.fetchPriority='high';n.src=e;n.type='text/javascript';n.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(n)}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t=d.currentScript,n=d.createElement('style'),i=this.hide_element(),r=t&&!t.async&&i?i+this.hide_element_style():'',c=d.getElementsByTagName('head')[0];n.setAttribute('id','_vis_opt_path_hides');v&&n.setAttribute('nonce',v.nonce);n.setAttribute('type','text/css');if(n.styleSheet)n.styleSheet.cssText=r;else n.appendChild(d.createTextNode(r));c.appendChild(n);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version)}};w._vwo_code=code;code.init();})(); 63</script>
63 64<!-- End VWO Async SmartCode --> 65 <link rel="alternate" hreflang="nl-be" href="https://www.zorgland.be/"/> 66 <link rel="alternate" hreflang="nl-nl" href="https://www.123drogisterij.nl/"/> 67 <link rel="alternate" hreflang="de-de" href="https://www.dryonline.de/"/> 68<!-- Google Tag Manager --> 69 70
70<script> 71 window.mfGtmUserActionDetected = true; 72 73 window.mfGtmUserCookiesAllowed = true; 74 mfLoadGtm(); 75 76 77 function getMfGtmCustomerData() { 78 return localStorage.getItem('mf_gtm_customer_data') ? JSON.parse(localStorage.getItem('mf_gtm_customer_data')) : {}; 79 }; 80 81 function mfLoadGtm() { 82 if (!window.mfGtmUserActionDetected) return false; 83 if (!window.mfGtmLoadBeforeCookieAllowed && !window.mfGtmUserCookiesAllowed) return false; 84 85 if (window.mfGTMTriedToLoad) return; 86 window.mfGTMTriedToLoad = true; 87 88 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 89 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 90 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.setAttributeNode(d.createAttribute('data-ot-ignore'));j.async=true; 91 j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 92 })(window,document,'script','dataLayer','GTM-K5WHH8'); 93 94 }; 95 </script>
95 96
96<script> 97 /* Hyva code */ 98 function mfHyvaGtmSetCustomerData(event) { 99 let data, j; 100 let sections = event.detail.data; 101 for (j in sections) { 102 data = sections[j]; 103 if (data.mf_gtm_customer_data) { 104 localStorage.setItem('mf_gtm_customer_data', JSON.stringify(data.mf_gtm_customer_data)); 105 return; 106 } 107 } 108 }; 109 window.addEventListener('private-content-loaded', mfHyvaGtmSetCustomerData); 110 /* End Hyva code */ 111 </script>
111<!-- End Google Tag Manager --> 112
112<script> 113 //<![CDATA[ 114 function userConsentEsTraking(config) 115 { 116 return config.cookieRestrictionEnabled == false || hyva.getCookie(config.cookieRestrictionName) !== null; 117 } 118 119 try { 120 smileTracker.setConfig({ 121 beaconUrl : 'https://www.123drogisterij.nl/elasticsuite/tracker/hit/image/h.png', 122 telemetryUrl : 'https://t.elasticsuite.io/track', 123 telemetryEnabled : '', 124 sessionConfig : {"visit_cookie_name":"STUID","visit_cookie_lifetime":"3600","visitor_cookie_lifetime":"365","visitor_cookie_name":"STVID","domain":"www.123drogisterij.nl","path":"\/"}, 125 }); 126 127 smileTracker.addPageVar('store_id', '2'); 128 129 document.addEventListener('DOMContentLoaded', function () { 130 if (userConsentEsTraking({"cookieRestrictionEnabled":"0","cookieRestrictionName":"user_allowed_save_cookie"})) { 131 smileTracker.sendTag(); 132 } 133 }); 134 } catch (err) { 135 ; 136 } 137 //]]> 138 </script>
vendor: 1 bytes, line 138
138
139<script> 140 var BASE_URL = 'https://www.123drogisterij.nl/'; 141 var THEME_PATH = 'https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL'; 142 var COOKIE_CONFIG = { 143 "expires": null, 144 "path": "\u002F", 145 "domain": ".www.123drogisterij.nl", 146 "secure": true, 147 "lifetime": "3600", 148 "cookie_restriction_enabled": false }; 149 var CURRENT_STORE_CODE = 'default_migrated'; 150 var CURRENT_WEBSITE_ID = '2'; 151 152 window.hyva = window.hyva || {} 153 154 window.cookie_consent_groups = window.cookie_consent_groups || {} 155 window.cookie_consent_groups['necessary'] = true; 156 157 window.cookie_consent_config = window.cookie_consent_config || {}; 158 window.cookie_consent_config['necessary'] = [].concat( 159 window.cookie_consent_config['necessary'] || [], 160 [ 161 'user_allowed_save_cookie', 162 'form_key', 163 'mage-messages', 164 'private_content_version', 165 'mage-cache-sessid', 166 'last_visited_store', 167 'section_data_ids' 168 ] 169 ); 170</script>
vendor: 1 bytes, line 170
170
171<script> 172 (function( hyva, undefined ) { 173 174 function lifetimeToExpires(options, defaults) { 175 176 const lifetime = options.lifetime || defaults.lifetime; 177 178 if (lifetime) { 179 const date = new Date; 180 date.setTime(date.getTime() + lifetime * 1000); 181 return date; 182 } 183 184 return null; 185 } 186 187 function generateRandomString() { 188 189 const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 190 length = 16; 191 192 let formKey = '', 193 charactersLength = allowedCharacters.length; 194 195 for (let i = 0; i < length; i++) { 196 formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] 197 } 198 199 return formKey; 200 } 201 202 const sessionCookieMarker = {noLifetime: true} 203 204 const cookieTempStorage = {}; 205 206 const internalCookie = { 207 get(name) { 208 const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 209 return v ? v[2] : null; 210 }, 211 set(name, value, days, skipSetDomain) { 212 let expires, 213 path, 214 domain, 215 secure, 216 samesite; 217 218 const defaultCookieConfig = { 219 expires: null, 220 path: '/', 221 domain: null, 222 secure: false, 223 lifetime: null, 224 samesite: 'lax' 225 }; 226 227 const cookieConfig = window.COOKIE_CONFIG || {}; 228 229 expires = days && days !== sessionCookieMarker 230 ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) 231 : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; 232 233 path = cookieConfig.path || defaultCookieConfig.path; 234 domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); 235 secure = cookieConfig.secure || defaultCookieConfig.secure; 236 samesite = cookieConfig.samesite || defaultCookieConfig.samesite; 237 238 document.cookie = name + "=" + encodeURIComponent(value) + 239 (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + 240 (path ? '; path=' + path : '') + 241 (domain ? '; domain=' + domain : '') + 242 (secure ? '; secure' : '') + 243 (samesite ? '; samesite=' + samesite : 'lax'); 244 }, 245 isWebsiteAllowedToSaveCookie() { 246 const allowedCookies = this.get('user_allowed_save_cookie'); 247 if (allowedCookies) { 248 const allowedWebsites = JSON.parse(unescape(allowedCookies)); 249 250 return allowedWebsites[CURRENT_WEBSITE_ID] === 1; 251 } 252 return false; 253 }, 254 getGroupByCookieName(name) { 255 const cookieConsentConfig = window.cookie_consent_config || {}; 256 let group = null; 257 for (let prop in cookieConsentConfig) { 258 if (!cookieConsentConfig.hasOwnProperty(prop)) continue; 259 if (cookieConsentConfig[prop].includes(name)) { 260 group = prop; 261 break; 262 } 263 } 264 return group; 265 }, 266 isCookieAllowed(name) { 267 const cookieGroup = this.getGroupByCookieName(name); 268 return cookieGroup 269 ? window.cookie_consent_groups[cookieGroup] 270 : this.isWebsiteAllowedToSaveCookie(); 271 }, 272 saveTempStorageCookies() { 273 for (const [name, data] of Object.entries(cookieTempStorage)) { 274 if (this.isCookieAllowed(name)) { 275 this.set(name, data['value'], data['days'], data['skipSetDomain']); 276 delete cookieTempStorage[name]; 277 } 278 } 279 } 280 }; 281 282 hyva.getCookie = (name) => { 283 const cookieConfig = window.COOKIE_CONFIG || {}; 284 285 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 286 return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; 287 } 288 289 return internalCookie.get(name); 290 } 291 292 hyva.setCookie = (name, value, days, skipSetDomain) => { 293 const cookieConfig = window.COOKIE_CONFIG || {}; 294 295 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 296 cookieTempStorage[name] = {value, days, skipSetDomain}; 297 return; 298 } 299 return internalCookie.set(name, value, days, skipSetDomain); 300 } 301 302 303 hyva.setSessionCookie = (name, value, skipSetDomain) => { 304 return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) 305 } 306 307 hyva.getBrowserStorage = () => { 308 const browserStorage = window.localStorage || window.sessionStorage; 309 if (!browserStorage) { 310 console.warn('Browser Storage is unavailable'); 311 return false;
312 } 313 try { 314 browserStorage.setItem('storage_test', '1'); 315 browserStorage.removeItem('storage_test'); 316 } catch (error) { 317 console.warn('Browser Storage is not accessible', error); 318 return false; 319 } 320 return browserStorage; 321 } 322 323 hyva.postForm = (postParams) => { 324 const form = document.createElement("form"); 325 326 let data = postParams.data; 327 328 if (! postParams.skipUenc && ! data.uenc) { 329 data.uenc = btoa(window.location.href); 330 } 331 form.method = "POST"; 332 form.action = postParams.action; 333 334 Object.keys(postParams.data).map(key => { 335 const field = document.createElement("input"); 336 field.type = 'hidden' 337 field.value = postParams.data[key]; 338 field.name = key; 339 form.appendChild(field); 340 }); 341 342 const form_key = document.createElement("input"); 343 form_key.type = 'hidden'; 344 form_key.value = hyva.getFormKey(); 345 form_key.name="form_key"; 346 form.appendChild(form_key); 347 348 document.body.appendChild(form); 349 350 form.submit(); 351 } 352 353 hyva.getFormKey = function () { 354 let formKey = hyva.getCookie('form_key'); 355 356 if (!formKey) { 357 formKey = generateRandomString(); 358 hyva.setCookie('form_key', formKey); 359 } 360 361 return formKey; 362 } 363 364 hyva.formatPrice = (value, showSign, options = {}) => { 365 const groupSeparator = options.groupSeparator; 366 const decimalSeparator = options.decimalSeparator 367 delete options.groupSeparator; 368 delete options.decimalSeparator; 369 const formatter = new Intl.NumberFormat( 370 'nl\u002DNL', 371 Object.assign({ 372 style: 'currency', 373 currency: 'EUR', 374 signDisplay: showSign ? 'always' : 'auto' 375 }, options) 376 ); 377 return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? 378 formatter.formatToParts(value).map(({type, value}) => { 379 switch (type) { 380 case 'currency': 381 return '\u20AC' || value; 382 case 'minusSign': 383 return '- '; 384 case 'plusSign': 385 return '+ '; 386 case 'group': 387 return groupSeparator !== undefined ? groupSeparator : value; 388 case 'decimal': 389 return decimalSeparator !== undefined ? decimalSeparator : value; 390 default : 391 return value; 392 } 393 }).reduce((string, part) => string + part) : 394 formatter.format(value); 395 } 396 397 const formatStr = function (str, nStart) { 398 const args = Array.from(arguments).slice(2); 399 400 return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { 401 const idx = parseInt(n) - nStart; 402 403 if (args[idx] === null || args[idx] === void 0) { 404 return m; 405 } 406 return p.length % 2 407 ? p.slice(0, -1).replace('%%', '%') + args[idx] 408 : p.replace('%%', '%') + n; 409 }) 410 } 411 412 hyva.str = function (string) { 413 const args = Array.from(arguments); 414 args.splice(1, 0, 1); 415 416 return formatStr.apply(undefined, args); 417 } 418 419 hyva.strf = function () { 420 const args = Array.from(arguments); 421 args.splice(1, 0, 0); 422 423 return formatStr.apply(undefined, args); 424 } 425 426 /** 427 * Take a html string as `content` parameter and 428 * extract an element from the DOM to replace in 429 * the current page under the same selector, 430 * defined by `targetSelector` 431 */ 432 hyva.replaceDomElement = (targetSelector, content) => { 433 // Parse the content and extract the DOM node using the `targetSelector` 434 const parser = new DOMParser(); 435 const doc = parser.parseFromString(content, 'text/html');
436 const contentNode = doc.querySelector(targetSelector); 437 438 // Bail if content or target can't be found 439 if (!contentNode || !document.querySelector(targetSelector)) { 440 return; 441 } 442 443 hyva.activateScripts(contentNode); 444 445 // Replace the old DOM node with the new content 446 document.querySelector(targetSelector).replaceWith(contentNode); 447 448 // Reload customerSectionData and display cookie-messages if present 449 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 450 hyva.initMessages(); 451 } 452 453 hyva.removeScripts = (contentNode) => { 454 const scripts = contentNode.getElementsByTagName('script'); 455 for (let i = 0; i < scripts.length; i++) { 456 scripts[i].parentNode.removeChild(scripts[i]); 457 } 458 const templates = contentNode.getElementsByTagName('template'); 459 for (let i = 0; i < templates.length; i++) { 460 const container = document.createElement('div'); 461 container.innerHTML = templates[i].innerHTML; 462 hyva.removeScripts(container); 463 templates[i].innerHTML = container.innerHTML; 464 } 465 } 466 467 hyva.activateScripts = (contentNode) => { 468 // Create new array from HTMLCollection to avoid mutation of collection while manipulating the DOM. 469 const scripts = Array.from(contentNode.getElementsByTagName('script')); 470 471 // Iterate over all script tags to duplicate+inject each into the head 472 for (const original of scripts) { 473 const script = document.createElement('script'); 474 original.type && (script.type = original.type); 475 script.innerHTML = original.innerHTML; 476 477 // Remove the original (non-executing) script from the contentNode 478 original.parentNode.removeChild(original) 479 480 // Add script to head 481 document.head.appendChild(script); 482 } 483 484 return contentNode; 485 } 486 487 const replace = {['+']: '-', ['/']: '_', ['=']: ','}; 488 hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); 489 490 let currentTrap; 491 492 const focusableElements = (rootElement) => { 493 const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; 494 return Array.from(rootElement.querySelectorAll(selector)) 495 .filter(el => { 496 return el.style.display !== 'none' 497 && !el.disabled 498 && el.tabIndex !== -1 499 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) 500 }) 501 } 502 503 const focusTrap = (e) => { 504 const isTabPressed = e.key === 'Tab' || e.keyCode === 9; 505 if (!isTabPressed) return; 506 507 const focusable = focusableElements(currentTrap) 508 const firstFocusableElement = focusable[0] 509 const lastFocusableElement = focusable[focusable.length - 1] 510 511 e.shiftKey 512 ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) 513 : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) 514 }; 515 516 hyva.releaseFocus = (rootElement) => { 517 if (currentTrap && (!rootElement || rootElement === currentTrap)) { 518 currentTrap.removeEventListener('keydown', focusTrap) 519 currentTrap = null 520 } 521 } 522 hyva.trapFocus = (rootElement) => { 523 if (!rootElement) return; 524 hyva.releaseFocus() 525 currentTrap = rootElement 526 rootElement.addEventListener('keydown', focusTrap) 527 const firstElement = focusableElements(rootElement)[0] 528 firstElement && firstElement.focus() 529 } 530 531 hyva.safeParseNumber = (rawValue) => { 532 const number = rawValue ? parseFloat(rawValue) : null; 533 534 return Array.isArray(number) || isNaN(number) ? rawValue : number; 535 } 536 537 const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(''); 538 hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => { 539 540 const camelCase = toCamelCase(name);
541 const key = '__hyva_bool_' + name 542 543 return new Proxy(Object.assign( 544 additionalMethods, 545 { 546 [key]: !!value, 547 [name]() {return !!this[key]}, 548 ['!' + name]() {return !this[key]}, // @deprecated This does not work with non-CSP Alpine 549 ['not' + camelCase]() {return !this[key]}, 550 ['toggle' + camelCase]() {this[key] = !this[key]}, 551 [`set${camelCase}True`]() {this[key] = true}, 552 [`set${camelCase}False`]() {this[key] = false}, 553 } 554 ), { 555 set(target, prop, value) { 556 return prop === name 557 ? (target[key] = !!value) 558 : Reflect.set(...arguments); 559 } 560 }) 561 } 562 563 hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) 564 window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true}); 565 window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) 566 567 }( window.hyva = window.hyva || {} )); 568</script>
568 569<!-- BEGIN CHATGPT ADS MEASUREMENT PIXEL -->
570<script> 571 { 572 (function () { 573 var pixelId = "6uQadyXVKUiqKoBqYtRvys"; 574 var config = { 575 isCookieRestrictionModeEnabled: false, 576 cookieName: 'user_allowed_save_cookie', 577 currentWebsite: '2' 578 }; 579 580 function hasMagentoCookieConsent() { 581 if (!config.isCookieRestrictionModeEnabled) return true; 582 if (typeof hyva === 'undefined' || !hyva.getCookie) return false; 583 584 var allowedCookies = hyva.getCookie(config.cookieName); 585 if (allowedCookies === null) return false; 586 587 var allowedWebsites = JSON.parse(unescape(allowedCookies)); 588 return allowedWebsites[config.currentWebsite] === 1; 589 } 590 591 function hasCookiebotConsent() { 592 return !!(Cookiebot.hasResponse && Cookiebot.consent && Cookiebot.consent.marketing); 593 } 594 595 function initChatGptPixel() { 596 if (window.oaiq || !hasMagentoCookieConsent()) return; 597 if (typeof Cookiebot !== 'undefined' && !hasCookiebotConsent()) return; 598 599 (function (w, d, s, u) { 600 if (w.oaiq) return; 601 var q = function () { 602 q.q.push(arguments); 603 }; 604 q.q = []; 605 w.oaiq = q; 606 var js = d.createElement(s); 607 js.async = true; 608 js.src = u; 609 var f = d.getElementsByTagName(s)[0]; 610 f.parentNode.insertBefore(js, f); 611 })(window, document, "script", "https://bzrcdn.openai.com/sdk/oaiq.min.js"); 612 613 oaiq("init", { 614 pixelId: pixelId 615 }); 616 } 617 618 window.addEventListener('user-allowed-save-cookie', initChatGptPixel); 619 window.addEventListener('CookiebotOnConsentReady', initChatGptPixel); 620 window.addEventListener('CookiebotOnAccept', initChatGptPixel); 621 622 // Cookiebot loads asynchronously (via GTM); wait for it to appear before 623 // treating its absence as "this store does not use Cookiebot". 624 (function waitForCookiebot(attemptsLeft) { 625 if (typeof Cookiebot !== 'undefined' || attemptsLeft <= 0) { 626 initChatGptPixel(); 627 return; 628 } 629 setTimeout(function () { waitForCookiebot(attemptsLeft - 1); }, 200); 630 })(25); 631 }()) 632 } 633</script>
633 634<!-- END CHATGPT ADS MEASUREMENT PIXEL -->
635<script type="speculationrules"> 636{ 637 "tag": "Hyva Theme", 638 "prefetch": [{ 639 "source": "document", 640 "where": { 641 "and": [ 642 { "href_matches": "/*" }, 643 { "not": { 644 "href_matches": ["/customer/*","*/customer/*","/search/*","*/search/*","/sales/*","*/sales/*","/wishlist/*","*/wishlist/*","/checkout/*","*/checkout/*","/paypal/*","*/paypal/*"] }}, 645 { "not": { 646 "selector_matches": [".no-preload", ".do-not-prerender", "[download]", "[rel~=nofollow]", "[target]"] 647 }} 648 ] 649 }, 650 "eagerness": "moderate" 651 }] 652} 653</script>
653 654 655 656<link rel="canonical" href="https://www.123drogisterij.nl"/>
657<script nonce="aGozZ2U5amsyNHl1b3F5cWJ5cjJreTM2OGR4enQxNzc="> 658 var dfPageType = "home"; 659 var dfProductId = ""; 660 var dfCategoryName = ""; 661</script>
661 662
662<script nonce="aGozZ2U5amsyNHl1b3F5cWJ5cjJreTM2OGR4enQxNzc="> 663 (function(w, k) {w[k] = window[k] || 664 function () { (window[k].q = window[k].q || []).push(arguments) }})(window, "doofinderApp") 665 666 doofinderApp("config", "language", "nl") 667 doofinderApp("config", "currency", "EUR") 668 doofinderApp("config", "priceName", "EUR") 669 </script>
vendor: 1 bytes, line 669
669
670<script src="https://eu1-config.doofinder.com/2.x/bac20ef8-c1e7-4f6f-83a4-a38262eb76d2.js" async></script>
670</head> 671<body id="html-body" class="cms-home cms-index-index page-layout-1column">
672<script data-mfmofile="true"> 673 function mfGtmGetEcommPageType() { 674 var body = document.getElementsByTagName('body')[0]; 675 var ept = 'other'; 676 677 if (body.className.indexOf('cms-index-index') > -1) { 678 ept = 'home'; 679 } else if (body.className.indexOf('catalog-category-view') > -1) { 680 ept = 'category'; 681 } else if (body.className.indexOf('catalog-product-view') > -1) { 682 ept = 'product'; 683 } else if (body.className.indexOf('checkout-cart-index') > -1) { 684 ept = 'cart'; 685 } else if (body.className.indexOf('checkout-index-index') > -1) { 686 ept = 'checkout'; 687 } else if (body.className.indexOf('contact-index-index') > -1) { 688 ept = 'contact'; 689 } else if (body.className.indexOf('catalogsearch-result-index') > -1) { 690 ept = 'searchresults'; 691 } else if (body.className.indexOf('cms-page-view') > -1) { 692 ept = 'cmspage'; 693 }; 694 return ept; 695 }; 696</script>
696 697
697<script> 698 function mfHyvaGtmCustomerDataLayer(event) { 699 let data, eventFired, i, j, k; 700 let sections = event.detail.data; 701 for ( j in sections) { 702 data = sections[j]; 703 if (!data.mf_datalayer) continue; 704 705 for (i = 0; i < data.mf_datalayer.length; i++) { 706 window.dataLayer = window.dataLayer || []; 707 eventFired = false; 708 for (k = 0; k < window.dataLayer.length; k++) { 709 if (data.mf_datalayer[i].magefanUniqueEventId 710 && data.mf_datalayer[i].magefanUniqueEventId == window.dataLayer[k].magefanUniqueEventId 711 ) { 712 eventFired = true; 713 break; 714 } 715 } 716 if (!eventFired) { 717 /* 718 if (!data.mf_datalayer[i].customer_identifier 719 || (data.mf_datalayer[i].customer_identifier.indexOf('getMfGtmCustomerIdentifier') != -1) 720 ) { 721 data.mf_datalayer[i].customer_identifier = getMfGtmCustomerIdentifier(); 722 } 723 */ 724 725 var ept = data.mf_datalayer[i].ecomm_pagetype; 726 if ('other' === ept) { 727 ept = mfGtmGetEcommPageType(); 728 data.mf_datalayer[i].ecomm_pagetype = ept; 729 if (data.mf_datalayer[i].google_tag_params) { 730 data.mf_datalayer[i].google_tag_params.ecomm_pagetype = ept; 731 } 732 }; 733 window.dataLayer.push(data.mf_datalayer[i]); 734 } 735 } 736 737 delete event.detail.data[j].mf_datalayer; 738 let mcs = localStorage.getItem('mage-cache-storage'); 739 if (mcs) { 740 mcs = JSON.parse(mcs); 741 if (mcs && mcs[j] && mcs[j].mf_datalayer) { 742 delete mcs[j].mf_datalayer; 743 localStorage.setItem('mage-cache-storage', JSON.stringify(mcs)); 744 } 745 } 746 } 747 }; 748 window.addEventListener('private-content-loaded', mfHyvaGtmCustomerDataLayer); 749</script>
vendor: 1 bytes, line 749
749
750<script> 751 document.addEventListener("DOMContentLoaded", function() { 752 document.querySelectorAll("a").forEach(function(link) { 753 link.addEventListener("click", function(event) { 754 let url = link.href; 755 let items, j, x, newDataLayer, dli, index; 756 if (url && window.dataLayer && window.dataLayer.length) { 757 for (let i=0; i<window.dataLayer.length; i++) { 758 dli = window.dataLayer[i]; 759 if (dli.event == "view_item_list" 760 && dli.ecommerce 761 && dli.ecommerce.items 762 && dli.ecommerce.items.length 763 ) { 764 items = dli.ecommerce.items; 765 newDataLayer = false; 766 index = -1; 767 for (j=0; j<items.length; j++) { 768 index++; 769 if (items[j].item_url == url) { 770 newDataLayer = { 771 "event": "select_item", 772 "ecommerce": { 773 "item_list_id": dli.ecommerce.item_list_id, 774 "item_list_name": dli.ecommerce.item_list_name, 775 "items": [items[j]] 776 }, 777 "magefanUniqueEventId": "select_item_" + dli.magefanUniqueEventId, 778 "ecomm_pagetype": dli.ecomm_pagetype, 779 "google_tag_params": { 780 "ecomm_pagetype": dli.google_tag_params.ecomm_pagetype 781 } 782 }; 783 784 let dynamicKeys = ["customer_firstname","customer_lastname","customer_email","customer_dob","customer_gender","customer_telephone","customer_postcode","customer_city","customer_region","customer_country_id","customer_identifier","customerGroup"]; 785 for (x=0; x<dynamicKeys.length;x++) { 786 let key = dynamicKeys[x]; 787 newDataLayer[key] = dli[key]; 788 } 789 790 newDataLayer.ecommerce.items[0].index = index; 791 break; 792 }; 793 }; 794 795 if (newDataLayer) { 796 window.dataLayer.push(newDataLayer); 797 798 //window.location = url; 799 //return false; 800 } 801 } 802 } 803 } 804 }); 805 }); 806 }); 807</script>
807 <!-- Google Tag Manager (noscript) -->
vendor: 80 bytes, lines 807-808
807 808 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
808GTM-K5WHH8
vendor: 117 bytes, lines 808-810
808" 809 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 810
810<!-- End Google Tag Manager (noscript) --> 811
811<script src="https://app.aiden.cx/webshop/build/aiden-embedded.min.js" async=""></script>
811<input name="form_key" type="hidden" value="GE9GUcRbrb4C5Z9I" /> 812 <noscript> 813 <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal"> 814 <div class="container text-center"> 815 <p> 816 <strong>JavaScript lijkt te zijn uitgeschakeld in uw browser.</strong> 817 <span> 818 Voor de beste gebruikerservaring, zorg ervoor dat javascript ingeschakeld is voor uw browser. </span> 819 </p> 820 </div> 821 </section> 822 </noscript> 823 824
825<script> 826 document.body.addEventListener('touchstart', () => {}, {passive: true}) 827</script>
827 828<div class="page-wrapper"> 829<div class="bg-gray-100 py-1.5 font-medium text-sm h-[54px] lg:text-md"> 830 <div class="relative container w-full justify-between"> 831 <div class="flex w-full justify-center items-center gap-8 invisible sm:justify-start lg:visible" data-content-type="header-usps"> 832 <div class="flex justify-center items-center gap-1.5"> 833 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 lg:h-6 lg:w-6 text-primary-500" width="24" height="24" role="img"> 834 <path d="M3.375 4.5C2.339 4.5 1.5 5.34 1.5 6.375V13.5h12V6.375c0-1.036-.84-1.875-1.875-1.875h-8.25zM13.5 15h-12v2.625c0 1.035.84 1.875 1.875 1.875h.375a3 3 0 116 0h3a.75.75 0 00.75-.75V15z"/> 835 <path d="M8.25 19.5a1.5 1.5 0 10-3 0 1.5 1.5 0 003 0zM15.75 6.75a.75.75 0 00-.75.75v11.25c0 .087.015.17.042.248a3 3 0 015.958.464c.853-.175 1.522-.935 1.464-1.883a18.659 18.659 0 00-3.732-10.104 1.837 1.837 0 00-1.47-.725H15.75z"/> 836 <path d="M19.5 19.5a1.5 1.5 0 10-3 0 1.5 1.5 0 003 0z"/> 837<title>Tot 22:30 uur besteld = morgen in huis</title></svg> 838 <span class="relative"> 839 Tot 22:30 uur besteld = morgen in huis <span 840 class="relative inline-flex items-center z-30" 841 x-data="{ open: false, top: 0, left: 0, setPosition() { const rect = this.$refs.trigger.getBoundingClientRect(); this.top = rect.bottom + 8; this.left = rect.left + (rect.width / 2); } }" 842 @mouseenter="open = true; setPosition()" 843 @mouseleave="open = false" 844 > 845 <button 846 type="button" 847 class="inline-flex items-center cursor-pointer" 848 x-ref="trigger" 849 @focus="open = true; setPosition()" 850 @blur="open = false" 851 @keydown.escape.window="open = false" 852 aria-label="Delivery info" 853 > 854 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative top-1 ml-1 h-5 w-5" width="24" height="24" role="img"> 855 <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"/> 856<title/></svg> 857 </button> 858 <template x-teleport="body"> 859 <span 860 x-show="open" 861 x-cloak 862 class="fixed p-2 bg-white text-black text-sm rounded shadow-lg pointer-events-none z-[9999] break-words w-[70vw] max-w-[240px]" 863 :style="`top:${top}px;left:${left}px;transform:translateX(-50%);`" 864 > 865 Pakketten op werkdagen besteld worden in 95% van de gevallen de volgende werkdag bezorgd </span> 866 </template> 867 </span> 868 </span> 869 </div> 870 <div class="flex justify-center items-center gap-1.5"> 871 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 lg:h-6 lg:w-6 text-primary-500" width="24" height="24" role="img"> 872 <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm-1.902 7.098a3.75 3.75 0 013.903-.884.75.75 0 10.498-1.415A5.25 5.25 0 008.005 9.75H7.5a.75.75 0 000 1.5h.054a5.281 5.281 0 000 1.5H7.5a.75.75 0 000 1.5h.505a5.25 5.25 0 006.494 2.701.75.75 0 00-.498-1.415 3.75 3.75 0 01-4.252-1.286h3.001a.75.75 0 000-1.5H9.075a3.77 3.77 0 010-1.5h3.675a.75.75 0 000-1.5h-3c.105-.14.221-.274.348-.402z" clip-rule="evenodd"/> 873<title>Achteraf betalen</title></svg>
874 <span> 875 Achteraf betalen </span> 876 </div> 877 <div class="flex justify-center items-center gap-1.5"> 878 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 lg:h-6 lg:w-6 text-primary-500" width="24" height="24" role="img"> 879 <path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 00-5.25 5.25v3a3 3 0 00-3 3v6.75a3 3 0 003 3h10.5a3 3 0 003-3v-6.75a3 3 0 00-3-3v-3c0-2.9-2.35-5.25-5.25-5.25zm3.75 8.25v-3a3.75 3.75 0 10-7.5 0v3h7.5z" clip-rule="evenodd"/> 880<title>100% anoniem verpakt</title></svg> 881 <span> 882 100% anoniem verpakt </span> 883 </div> 884 <div class="flex justify-center items-center gap-1.5"> 885 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 lg:h-6 lg:w-6 text-primary-500" width="24" height="24" role="img"> 886 <path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z" clip-rule="evenodd"/> 887<title>Niet goed, geld terug</title></svg> 888 <span> 889 Niet goed, geld terug </span> 890 </div> 891 <a class="flex items-center p-1 gap-1 bg-white rounded-lg xl:ml-auto hover:underline" 892 href="https://www.kiyoh.com/reviews/1044623/123drogisterij_nl" target="_blank" 893 title="Ga naar Kiyoh" 894 > 895 <div class="relative"> 896 <img height="32" width="32" alt="Kiyoh reviews" src="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/Magento_Theme/images/kiyoh.svg"/> 897 <span class="absolute top-2.5 left-2 text-xs font-medium">9.5</span> 898 </div> 899 <span class="font-normal ml-1"> 900 5231 beoordelingen </span> 901 </a> 902 </div> 903 </div> 904</div> 905<header class="page-header bg-white z-20"><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focu
905s:bg-white 906 contentarea" 907 href="#contentarea"> 908 <span> 909 Ga naar de inhoud </span> 910</a>
911<script type="application/javascript" async 912 src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=VE3mHN"></script>
912 913<div x-data="initKlaviyoCustomerTracking()" 914 @private-content-loaded.window="sendCustomerDataToKlaviyo(event.detail.data)"></div> 915
915<script> 916 function initKlaviyoCustomerTracking() { 917 return { 918 sendCustomerDataToKlaviyo(data) { 919 window._learnq = window._learnq || []; 920 const customer = data.customer; 921 922 if (customer && customer.email) { 923 window._learnq.push(['identify', { 924 $email: customer.email, 925 $first_name: customer.firstname ? customer.firstname : '', 926 $last_name: customer.lastname ? customer.lastname : '' 927 }]); 928 } 929 } 930 } 931 } 932 </script>
932 933
934<script> 935 function initHeader () { 936 return { 937 customer: false, 938 searchOpen: false, 939 cart: {}, 940 isCartOpen: false, 941 getData(data) { 942 if (data.cart) { 943 this.cart = data.cart 944 } 945 if (data.customer) { 946 this.customer = data.customer; 947 } 948 }, 949 isCartEmpty() { 950 return !this.cart.summary_count 951 }, 952 toggleCart(event) { 953 if (event.detail && event.detail.isOpen !== undefined) { 954 this.isCartOpen = event.detail.isOpen 955 if (!this.isCartOpen && this.$refs && this.$refs.cartButton) { 956 this.$refs.cartButton.focus() 957 } 958 } else { 959 this.isCartOpen = true 960 } 961 } 962 } 963 } 964 965 function initCompareHeader() { 966 return { 967 compareProducts: null, 968 itemCount: 0, 969 receiveCompareData(data) { 970 if (data['compare-products']) { 971 this.compareProducts = data['compare-products']; 972 this.itemCount = this.compareProducts.count; 973 } 974 } 975 } 976 } 977 978 let lastScroll = 0; 979 let isScrolled = false; 980 let scrollUpThreshold = 200; 981 let scrollUpDistance = 0; 982 983 window.addEventListener("scroll", function () { 984 var topHeader = document.querySelector(".page-header"); 985 var searchWrapper = document.querySelector("#sticky-search-wrapper"); 986 var currentScroll = 987 window.pageYOffset || 988 document.documentElement.scrollTop || 989 document.body.scrollTop || 990 0; 991 992 var isScrollingUp = currentScroll < lastScroll; 993 isScrolled = currentScroll > 100; // Header becomes sticky 994 995 var isMenuOpen = document.querySelector('.menu-open'); 996 997 // Only if meun is not open 998 if (isMenuOpen === null) { 999 if (isScrollingUp) { 1000 scrollUpDistance += lastScroll - currentScroll; 1001 } else { 1002 scrollUpDistance = 0; 1003 } 1004 1005 // Only make the header sticky if user has scrolled up more than 200px 1006 var shouldToggle = isScrolled && isScrollingUp && scrollUpDistance > scrollUpThreshold; 1007 1008 topHeader.classList.toggle("sticky", shouldToggle); 1009 topHeader.classList.toggle("top-0", shouldToggle); 1010 1011 var showSearch = 1012 currentScroll > 200 && 1013 !shouldToggle; 1014 1015 searchWrapper.classList.toggle("search-sticky", showSearch); 1016 document.body.classList.toggle("search-sticky-active", showSearch); 1017 1018 lastScroll = currentScroll; 1019 } else { 1020 searchWrapper.classList.remove("search-sticky"); 1021 document.body.classList.remove("search-sticky-active"); 1022 } 1023 }); 1024</script>
1024 1025 1026<nav id="header" 1027 class="w-full lg:pb-0 lg:shadow-soft-no-top" 1028 x-data="initHeader()" 1029 @private-content-loaded.window="getData(event.detail.data)" 1030> 1031 <div class="border-b border-gray-200"> 1032 <div class="container flex flex-wrap items-center w-full py-2 mx-auto gap-y-4 lg:py-0"> 1033 <div class="order-1 w-2/5 md:w-2/3 lg:w-auto lg:max-w-[275px]"> 1034 <a id="logo" class="flex items-center justify-start text-xl no-underline hover:no-underline font-title" 1035 href="https://www.123drogisterij.nl/" 1036 aria-label="Go to Home page" 1037 > 1038 <picture> 1039 <img src="https://www.123drogisterij.nl/media/logo/stores/2/123drogisterij.jpeg" 1040 alt="Store logo" 1041 width="333" height="100" /> 1042 </picture> 1043 </a> 1044</div> 1045
1045<script> 1046 'use strict'; 1047 1048 const initMenuMobile_6ac1ddf25b411 = () => { 1049 return { 1050 open: false, 1051 currentLevel: 0, 1052 activeNode: null, 1053 activeNode1: null, 1054 activeNode2: null, 1055 activeNode3: null, 1056 activeNode4: null, 1057 openMenu(event) { 1058 this.open = true 1059 this.$nextTick(() => hyva.trapFocus(this.$refs['menu-dialog'])) 1060 document.getElementsByTagName('html')[0].classList.add('overflow-y-hidden') 1061 }, 1062 openSubmenu() { 1063 this.currentLevel++; 1064 document.querySelector('.mobile-menu-page').scrollTop = 0; 1065 }, 1066 closeMenu(event) { 1067 event.stopPropagation() 1068 document.getElementsByTagName('html')[0].classList.remove('overflow-y-hidden') 1069 this.open = false; 1070 this.activeNode1 = null; 1071 this.$nextTick(() => this.$refs['open-menu-button'].focus() || hyva.releaseFocus()) 1072 }, 1073 } 1074 } 1075 </script>
1075 1076 1077 <nav class=" order-3 flex px-1 py-0.5 justify-between bg-tertiary-300 z-20 rounded-md navigation text-base lg:hidden" 1078 x-data="initMenuMobile_6ac1ddf25b411()" 1079 x-defer="interact" 1080 @keydown.escape="open && closeMenu" 1081 @click.outside="open && closeMenu" 1082 aria-label="Main menu" 1083 role="navigation" 1084 > 1085 <button x-ref="open-menu-button" 1086 class="flex flex-col items-center outline-none" 1087 @click="openMenu" 1088 type="button" 1089 aria-label="Open menu" 1090 :aria-expanded="open" 1091 aria-haspopup="menu" 1092 > 1093 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6" width="24" height="24"> 1094 <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/> 1095</svg> 1096 <span class="leading-none"> 1097 Menu </span> 1098 </button> 1099 1100 <div class="backdrop" 1101 x-show="open" 1102 x-transition:enter="ease-in-out duration-500" 1103 x-transition:enter-start="opacity-0" 1104 x-transition:enter-end="opacity-100" 1105 x-transition:leave="ease-in-out duration-500" 1106 x-transition:leave-start="opacity-100" 1107 x-transition:leave-end="opacity-0" 1108 @click="closeMenu" 1109 x-cloak 1110 ></div> 1111 1112 <div class="fixed z-30 top-0 left-0 w-11/12 max-w-lg h-full bg-white shadow-2xl overflow-y-auto overflow-x-hidden transform transition ease-in-out duration-500 sm:duration-700" 1113 :class="{ 1114 '-translate-x-full' : !open, 1115 'translate-x-0' : open, 1116 }" 1117 x-cloak 1118 x-ref="menu-dialog" 1119 role="dialog" 1120 aria-modal="true" 1121 aria-label="Main menu" 1122 :aria-hidden="open ? 'false' : 'true'" 1123 > 1124 <div x-show="open" 1125 class="flex flex-col h-full" 1126 > 1127 <div class="px-8"> 1128 <button @click="closeMenu" 1129 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1130 aria-label="Close menu" 1131 type="button" 1132 > 1133 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 1134 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1135</svg> 1136 </button> 1137 </div> 1138 1139 <div class="mb-1"> 1140 <button type="button" class="group menu-item-with-submenu font-semibold" 1141 @click="openSubmenu(), activeNode1 = 'node196', activeNode = 'node196'" 1142 > 1143 Incontinentiemateriaal <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1144 class="h-5 w-5" 1145 :class="0 === currentLevel ? 'relative' : ''" 1146 > 1147 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1148 </svg> 1149 </button> 1150 <div class="mobile-menu-page" 1151 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 1152 x-transition:enter-start="translate-x-full" 1153 x-transition:enter-end="-translate-x-0" 1154 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 1155 x-transition:leave-start="-translate-x-0" 1156 x-transition:leave-end="translate-x-full" 1157 :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 1158 x-show="activeNode1 === 'node196'" 1159 > 1160 <div class="flex justify-between px-8">
1161 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 1162 @click="currentLevel--, activeNode1 = '', activeNode = 'node196'" 1163 > 1164 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1165 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Incontinentiemateriaal" 1166 > 1167 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 1168 </svg> 1169 Terug </span> 1170 <button @click="closeMenu" 1171 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1172 aria-label="Close menu" 1173 type="button" 1174 > 1175 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 1176 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1177</svg> 1178 </button> 1179 </div> 1180 1181 1182<a href="https://www.123drogisterij.nl/incontinentiemateriaal" 1183 class="menu-item underline" 1184 > 1185 Bekijk alles van: Incontinentiemateriaal</a> 1186 1187<a href="https://www.123drogisterij.nl/incontinentiemateriaal/koopjeshoek" 1188 class="menu-item " 1189 > 1190 Koopjeshoek</a> 1191 <button type="button" class="group menu-item-with-submenu" 1192 @click="openSubmenu(), activeNode2 = 'node198', activeNode = 'node198'" 1193 > 1194 TENA <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1195 class="h-5 w-5" 1196 :class="1 === currentLevel ? 'relative' : ''" 1197 > 1198 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1199 </svg> 1200 </button> 1201 <div class="mobile-menu-page" 1202 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 1203 x-transition:enter-start="translate-x-full" 1204 x-transition:enter-end="-translate-x-0" 1205 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 1206 x-transition:leave-start="-translate-x-0" 1207 x-transition:leave-end="translate-x-full" 1208 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 1209 x-show="activeNode2 === 'node198'" 1210 > 1211 <div class="flex justify-between px-8"> 1212 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 1213 @click="currentLevel--, activeNode2 = '', activeNode = 'node198'" 1214 > 1215 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1216 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to TENA" 1217 > 1218 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 1219 </svg> 1220 Terug </span> 1221 <button @click="closeMenu" 1222 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1223 aria-label="Close menu" 1224 type="button" 1225 > 1226 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 1227 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1228</svg> 1229 </button> 1230 </div> 1231 1232 1233<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie" 1234 class="menu-item underline" 1235 > 1236 Bekijk alles van: TENA</a> 1237 <button type="button" class="group menu-item-with-submenu" 1238 @click="openSubmenu(), activeNode3 = 'node199', activeNode = 'node199'" 1239 > 1240 TENA Pants <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1241 class="h-5 w-5" 1242 :class="2 === currentLevel ? 'relative' : ''" 1243 > 1244 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1245 </svg> 1246 </button> 1247 <div class="mobile-menu-page" 1248 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 1249 x-transition:enter-start="translate-x-full" 1250 x-transition:enter-end="-translate-x-0" 1251 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 1252 x-transition:leave-start="-translate-x-0" 1253 x-transition:leave-end="translate-x-full" 1254 :class="3 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 1255 x-show="activeNode3 === 'node199'" 1256 > 1257 <div class="flex justify-between px-8">
1258 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 1259 @click="currentLevel--, activeNode3 = '', activeNode = 'node199'" 1260 > 1261 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1262 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to TENA Pants" 1263 > 1264 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 1265 </svg> 1266 Terug </span> 1267 <button @click="closeMenu" 1268 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1269 aria-label="Close menu" 1270 type="button" 1271 > 1272 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 1273 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1274</svg> 1275 </button> 1276 </div> 1277 1278 1279<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants" 1280 class="menu-item underline" 1281 > 1282 Bekijk alles van: TENA Pants</a> 1283 1284<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants/tena-pants-voor-vrouwen" 1285 class="menu-item " 1286 > 1287 TENA Pants voor vrouwen</a> 1288 1289<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants/tena-pants-voor-mannen" 1290 class="menu-item " 1291 > 1292 TENA Pants voor mannen</a> 1293 </div> 1294 1295<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-lady" 1296 class="menu-item " 1297 > 1298 TENA Lady</a> 1299 1300<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-for-men" 1301 class="menu-item " 1302 > 1303 TENA For Men</a> 1304 1305<a href="#" 1306 class="menu-item " 1307 > 1308 TENA Slip Active Fit</a> 1309 1310<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-lady-broekjes" 1311 class="menu-item " 1312 > 1313 TENA Lady Pants</a> 1314 1315<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-discreet" 1316 class="menu-item " 1317 > 1318 TENA Discreet</a> 1319 1320<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-flex" 1321 class="menu-item " 1322 > 1323 TENA Flex</a> 1324 1325<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-bed-onderleggers" 1326 class="menu-item " 1327 > 1328 TENA Bed Onderlegger</a> 1329 1330<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-huidverzorging" 1331 class="menu-item " 1332 > 1333 TENA Huidverzorging</a> 1334 1335<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-slips-confioair" 1336 class="menu-item " 1337 > 1338 TENA Slips - PROskin</a> 1339 1340<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-comfort-confioair" 1341 class="menu-item " 1342 > 1343 TENA Comfort - PROskin</a> 1344 1345<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-bariatric-slip" 1346 class="menu-item " 1347 > 1348 TENA Bariatric Slip</a> 1349 1350<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-fix" 1351 class="menu-item " 1352 > 1353 TENA Fix</a> 1354 1355<a href="#" 1356 class="menu-item " 1357 > 1358 TENA Pants Original</a> 1359 1360<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-steeklaken" 1361 class="menu-item " 1362 > 1363 TENA Steeklaken</a> 1364 1365<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-men" 1366 class="menu-item " 1367 > 1368 TENA Men</a> 1369 1370<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-comfort-mini" 1371 class="menu-item " 1372 > 1373 TENA Comfort Mini</a> 1374 </div> 1375 1376<a href="https://www.123drogisterij.nl/incontinentiemateriaal/plastic-broekjes-voor-volwassenen" 1377 class="menu-item " 1378 > 1379 Plastic Broek Volwassenen</a> 1380 1381<a href="https://www.123drogisterij.nl/incontinentiemateriaal/inleggers-voor-extra-absorptie" 1382 class="menu-item " 1383 > 1384 Inleggers voor extra absorptie</a> 1385 1386<a href="https://www.123drogisterij.nl/incontinentiemateriaal/zwemluiers" 1387 class="menu-item " 1388 > 1389 Zwemluiers</a> 1390 <button type="button" class="group menu-item-with-submenu"
1391 @click="openSubmenu(), activeNode2 = 'node221', activeNode = 'node221'" 1392 > 1393 Abena <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1394 class="h-5 w-5" 1395 :class="1 === currentLevel ? 'relative' : ''" 1396 > 1397 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1398 </svg> 1399 </button> 1400 <div class="mobile-menu-page" 1401 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 1402 x-transition:enter-start="translate-x-full" 1403 x-transition:enter-end="-translate-x-0" 1404 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 1405 x-transition:leave-start="-translate-x-0" 1406 x-transition:leave-end="translate-x-full" 1407 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 1408 x-show="activeNode2 === 'node221'" 1409 > 1410 <div class="flex justify-between px-8"> 1411 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 1412 @click="currentLevel--, activeNode2 = '', activeNode = 'node221'" 1413 > 1414 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1415 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Abena" 1416 > 1417 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 1418 </svg> 1419 Terug </span> 1420 <button @click="closeMenu" 1421 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1422 aria-label="Close menu" 1423 type="button" 1424 > 1425 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 1426 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1427</svg> 1428 </button> 1429 </div> 1430 1431 1432<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena" 1433 class="menu-item underline" 1434 > 1435 Bekijk alles van: Abena</a> 1436 1437<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-flex" 1438 class="menu-item " 1439 > 1440 Abena Pants</a> 1441 1442<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-form" 1443 class="menu-item " 1444 > 1445 Abena Slip</a> 1446 1447<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-man" 1448 class="menu-item " 1449 > 1450 Abena Man</a> 1451 1452<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/verzorgend-wassen-abena" 1453 class="menu-item " 1454 > 1455 Verzorgend Wassen van Abena</a> 1456 1457<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-san" 1458 class="menu-item " 1459 > 1460 Abena San</a> 1461 1462<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abena-geurneutralisator" 1463 class="menu-item " 1464 > 1465 Abena Geurneutralisator</a> 1466 1467<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abena-abri-let" 1468 class="menu-item " 1469 > 1470 Abena Let</a> 1471 1472<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-light" 1473 class="menu-item " 1474 > 1475 Abena Light</a> 1476 1477<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-soft" 1478 class="menu-item " 1479 > 1480 Abena Abri-Soft</a> 1481 1482<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-form-junior" 1483 class="menu-item " 1484 > 1485 Abena Slip Junior</a> 1486 </div> 1487 <button type="button" class="group menu-item-with-submenu"
1488 @click="openSubmenu(), activeNode2 = 'node232', activeNode = 'node232'" 1489 > 1490 Depend <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1491 class="h-5 w-5" 1492 :class="1 === currentLevel ? 'relative' : ''" 1493 > 1494 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1495 </svg> 1496 </button> 1497 <div class="mobile-menu-page" 1498 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 1499 x-transition:enter-start="translate-x-full" 1500 x-transition:enter-end="-translate-x-0" 1501 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 1502 x-transition:leave-start="-translate-x-0" 1503 x-transition:leave-end="translate-x-full" 1504 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 1505 x-show="activeNode2 === 'node232'" 1506 > 1507 <div class="flex justify-between px-8"> 1508 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 1509 @click="currentLevel--, activeNode2 = '', activeNode = 'node232'" 1510 > 1511 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1512 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Depend" 1513 > 1514 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 1515 </svg> 1516 Terug </span> 1517 <button @click="closeMenu" 1518 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1519 aria-label="Close menu" 1520 type="button" 1521 > 1522 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 1523 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1524</svg> 1525 </button> 1526 </div> 1527 1528 1529<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend" 1530 class="menu-item underline" 1531 > 1532 Bekijk alles van: Depend</a> 1533 1534<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-inleggers" 1535 class="menu-item " 1536 > 1537 Depend Inleggers</a> 1538 1539<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-slip" 1540 class="menu-item " 1541 > 1542 Depend Slip</a> 1543 <button type="button" class="group menu-item-with-submenu" 1544 @click="openSubmenu(), activeNode3 = 'node235', activeNode = 'node235'" 1545 > 1546 Depend Pants <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1547 class="h-5 w-5" 1548 :class="2 === currentLevel ? 'relative' : ''" 1549 > 1550 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1551 </svg> 1552 </button> 1553 <div class="mobile-menu-page" 1554 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 1555 x-transition:enter-start="translate-x-full" 1556 x-transition:enter-end="-translate-x-0" 1557 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 1558 x-transition:leave-start="-translate-x-0" 1559 x-transition:leave-end="translate-x-full" 1560 :class="3 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 1561 x-show="activeNode3 === 'node235'" 1562 > 1563 <div class="flex justify-between px-8">
1564 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 1565 @click="currentLevel--, activeNode3 = '', activeNode = 'node235'" 1566 > 1567 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1568 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Depend Pants" 1569 > 1570 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 1571 </svg> 1572 Terug </span> 1573 <button @click="closeMenu" 1574 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1575 aria-label="Close menu" 1576 type="button" 1577 > 1578 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 1579 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1580</svg> 1581 </button> 1582 </div> 1583 1584 1585<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants" 1586 class="menu-item underline" 1587 > 1588 Bekijk alles van: Depend Pants</a> 1589 1590<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants/depend-pants-for-women" 1591 class="menu-item " 1592 > 1593 Depend Pants for Women</a> 1594 1595<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants/depend-pants-for-men" 1596 class="menu-item " 1597 > 1598 Depend Pants for Men</a> 1599 </div> 1600 1601<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-verband" 1602 class="menu-item " 1603 > 1604 Depend Verband</a> 1605 1606<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-for-men" 1607 class="menu-item " 1608 > 1609 Depend For Men</a> 1610 1611<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-anatomic" 1612 class="menu-item " 1613 > 1614 Depend Anatomic</a> 1615 </div> 1616 <button type="button" class="group menu-item-with-submenu" 1617 @click="openSubmenu(), activeNode2 = 'node242', activeNode = 'node242'" 1618 > 1619 Attends <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1620 class="h-5 w-5" 1621 :class="1 === currentLevel ? 'relative' : ''" 1622 > 1623 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1624 </svg> 1625 </button> 1626 <div class="mobile-menu-page" 1627 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 1628 x-transition:enter-start="translate-x-full" 1629 x-transition:enter-end="-translate-x-0" 1630 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 1631 x-transition:leave-start="-translate-x-0" 1632 x-transition:leave-end="translate-x-full" 1633 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 1634 x-show="activeNode2 === 'node242'" 1635 > 1636 <div class="flex justify-between px-8"> 1637 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 1638 @click="currentLevel--, activeNode2 = '', activeNode = 'node242'" 1639 > 1640 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1641 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Attends" 1642 > 1643 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 1644 </svg> 1645 Terug </span> 1646 <button @click="closeMenu" 1647 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1648 aria-label="Close menu" 1649 type="button" 1650 > 1651 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 1652 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1653</svg> 1654 </button> 1655 </div> 1656 1657 1658<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie" 1659 class="menu-item underline" 1660 > 1661 Bekijk alles van: Attends</a> 1662 1663<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-slip" 1664 class="menu-item " 1665 > 1666 Attends Slip</a> 1667 1668<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-inleggers-2" 1669 class="menu-item " 1670 > 1671 Attends inleggers</a> 1672 1673<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-pull-ons" 1674 class="menu-item " 1675 > 1676 Attends Pull-Ons</a> 1677 1678<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-for-men" 1679 class="menu-item " 1680 > 1681 Attends For Men</a> 1682 1683<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-soft" 1684 class="menu-item " 1685 > 1686 Attends Soft</a> 1687 1688<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-contours" 1689 class="menu-item " 1690 > 1691 Attends Contours</a> 1692 1693<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-contours-air-comfort" 1694 class="menu-item " 1695 > 1696 Attends Contours Air Comfort</a> 1697 1698<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-cover-dri" 1699 class="menu-item " 1700 > 1701 Attends Cover Dri</a> 1702 </div> 1703 <button type="button" class="group menu-item-with-submenu"
1704 @click="openSubmenu(), activeNode2 = 'node253', activeNode = 'node253'" 1705 > 1706 Absorin <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1707 class="h-5 w-5" 1708 :class="1 === currentLevel ? 'relative' : ''" 1709 > 1710 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1711 </svg> 1712 </button> 1713 <div class="mobile-menu-page" 1714 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 1715 x-transition:enter-start="translate-x-full" 1716 x-transition:enter-end="-translate-x-0" 1717 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 1718 x-transition:leave-start="-translate-x-0" 1719 x-transition:leave-end="translate-x-full" 1720 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 1721 x-show="activeNode2 === 'node253'" 1722 > 1723 <div class="flex justify-between px-8"> 1724 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 1725 @click="currentLevel--, activeNode2 = '', activeNode = 'node253'" 1726 > 1727 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1728 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Absorin" 1729 > 1730 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 1731 </svg> 1732 Terug </span> 1733 <button @click="closeMenu" 1734 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1735 aria-label="Close menu" 1736 type="button" 1737 > 1738 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 1739 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1740</svg> 1741 </button> 1742 </div> 1743 1744 1745<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie" 1746 class="menu-item underline" 1747 > 1748 Bekijk alles van: Absorin</a> 1749 1750<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-slip" 1751 class="menu-item " 1752 > 1753 Absorin Slip</a> 1754 1755<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-pants" 1756 class="menu-item " 1757 > 1758 Absorin Pants</a> 1759 1760<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-sanette" 1761 class="menu-item " 1762 > 1763 Absorin Sanette</a> 1764 1765<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-finette" 1766 class="menu-item " 1767 > 1768 Absorin Finette</a> 1769 1770<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-onderlegger" 1771 class="menu-item " 1772 > 1773 Absorin Onderlegger</a> 1774 1775<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-inlay" 1776 class="menu-item " 1777 > 1778 Absorin Classic Inlay</a> 1779 1780<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-mincy" 1781 class="menu-item " 1782 > 1783 Absorin Mannen</a> 1784 </div> 1785 1786<a href="https://www.123drogisterij.nl/incontinentiemateriaal/betterdry" 1787 class="menu-item " 1788 > 1789 BetterDry</a> 1790 1791<a href="https://www.123drogisterij.nl/incontinentiemateriaal/inco-s" 1792 class="menu-item " 1793 > 1794 Inco's</a> 1795 1796<a href="https://www.123drogisterij.nl/incontinentiemateriaal/netbroekjes" 1797 class="menu-item " 1798 > 1799 Netbroekjes</a> 1800 1801<a href="#" 1802 class="menu-item " 1803 > 1804 DryNites</a> 1805 <button type="button" class="group menu-item-with-submenu"
1806 @click="openSubmenu(), activeNode2 = 'node265', activeNode = 'node265'" 1807 > 1808 Seni <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1809 class="h-5 w-5" 1810 :class="1 === currentLevel ? 'relative' : ''" 1811 > 1812 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1813 </svg> 1814 </button> 1815 <div class="mobile-menu-page" 1816 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 1817 x-transition:enter-start="translate-x-full" 1818 x-transition:enter-end="-translate-x-0" 1819 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 1820 x-transition:leave-start="-translate-x-0" 1821 x-transition:leave-end="translate-x-full" 1822 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 1823 x-show="activeNode2 === 'node265'" 1824 > 1825 <div class="flex justify-between px-8"> 1826 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 1827 @click="currentLevel--, activeNode2 = '', activeNode = 'node265'" 1828 > 1829 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1830 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Seni" 1831 > 1832 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 1833 </svg> 1834 Terug </span> 1835 <button @click="closeMenu" 1836 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1837 aria-label="Close menu" 1838 type="button" 1839 > 1840 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 1841 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1842</svg> 1843 </button> 1844 </div> 1845 1846 1847<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni" 1848 class="menu-item underline" 1849 > 1850 Bekijk alles van: Seni</a> 1851 1852<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-bed-onderlegger" 1853 class="menu-item " 1854 > 1855 Seni Bed Onderlegger</a> 1856 1857<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-slips" 1858 class="menu-item " 1859 > 1860 Seni Slips</a> 1861 1862<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-lady" 1863 class="menu-item " 1864 > 1865 Seni Lady</a> 1866 1867<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-care" 1868 class="menu-item " 1869 > 1870 Seni Care</a> 1871 1872<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-pants" 1873 class="menu-item " 1874 > 1875 Seni Pants</a> 1876 1877<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-man" 1878 class="menu-item " 1879 > 1880 Seni Man</a> 1881 1882<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/san-seni-inleggers" 1883 class="menu-item " 1884 > 1885 San Seni inleggers</a> 1886 1887<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-kids-junior" 1888 class="menu-item " 1889 > 1890 Seni Kids Junior</a> 1891 </div> 1892 1893<a href="https://www.123drogisterij.nl/incontinentiemateriaal/matrasbeschermer" 1894 class="menu-item " 1895 > 1896 Incontinentie matrasbeschermer</a> 1897 <button type="button" class="group menu-item-with-submenu" 1898 @click="openSubmenu(), activeNode2 = 'node276', activeNode = 'node276'" 1899 > 1900 Verzorging <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1901 class="h-5 w-5" 1902 :class="1 === currentLevel ? 'relative' : ''" 1903 > 1904 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1905 </svg> 1906 </button> 1907 <div class="mobile-menu-page" 1908 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 1909 x-transition:enter-start="translate-x-full" 1910 x-transition:enter-end="-translate-x-0" 1911 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 1912 x-transition:leave-start="-translate-x-0" 1913 x-transition:leave-end="translate-x-full" 1914 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 1915 x-show="activeNode2 === 'node276'" 1916 > 1917 <div class="flex justify-between px-8">
1918 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 1919 @click="currentLevel--, activeNode2 = '', activeNode = 'node276'" 1920 > 1921 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1922 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Verzorging" 1923 > 1924 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 1925 </svg> 1926 Terug </span> 1927 <button @click="closeMenu" 1928 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1929 aria-label="Close menu" 1930 type="button" 1931 > 1932 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 1933 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1934</svg> 1935 </button> 1936 </div> 1937 1938 1939<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging" 1940 class="menu-item underline" 1941 > 1942 Bekijk alles van: Verzorging</a> 1943 1944<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/washandjes" 1945 class="menu-item " 1946 > 1947 Washandjes</a> 1948 1949<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/tena-verzorging" 1950 class="menu-item " 1951 > 1952 TENA Verzorging</a> 1953 1954<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/seni-verzorging" 1955 class="menu-item " 1956 > 1957 Seni Verzorging</a> 1958 1959<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/abena-verzorging" 1960 class="menu-item " 1961 > 1962 Abena Verzorging</a> 1963 </div> 1964 <button type="button" class="group menu-item-with-submenu" 1965 @click="openSubmenu(), activeNode2 = 'node281', activeNode = 'node281'" 1966 > 1967 Molicare <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1968 class="h-5 w-5" 1969 :class="1 === currentLevel ? 'relative' : ''" 1970 > 1971 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 1972 </svg> 1973 </button> 1974 <div class="mobile-menu-page" 1975 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 1976 x-transition:enter-start="translate-x-full" 1977 x-transition:enter-end="-translate-x-0" 1978 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 1979 x-transition:leave-start="-translate-x-0" 1980 x-transition:leave-end="translate-x-full" 1981 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 1982 x-show="activeNode2 === 'node281'" 1983 > 1984 <div class="flex justify-between px-8"> 1985 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 1986 @click="currentLevel--, activeNode2 = '', activeNode = 'node281'" 1987 > 1988 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 1989 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Molicare" 1990 > 1991 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 1992 </svg> 1993 Terug </span> 1994 <button @click="closeMenu" 1995 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 1996 aria-label="Close menu" 1997 type="button" 1998 > 1999 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 2000 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2001</svg> 2002 </button> 2003 </div> 2004 2005 2006<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare" 2007 class="menu-item underline" 2008 > 2009 Bekijk alles van: Molicare</a> 2010 2011<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare/molicare-mobile" 2012 class="menu-item " 2013 > 2014 Hartmann Molicare Mobile</a> 2015 2016<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare/hartmann-molicare-men" 2017 class="menu-item " 2018 > 2019 Hartmann Molicare Men</a> 2020 </div> 2021 <button type="button" class="group menu-item-with-submenu"
2022 @click="openSubmenu(), activeNode2 = 'node285', activeNode = 'node285'" 2023 > 2024 Egosan <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2025 class="h-5 w-5" 2026 :class="1 === currentLevel ? 'relative' : ''" 2027 > 2028 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2029 </svg> 2030 </button> 2031 <div class="mobile-menu-page" 2032 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 2033 x-transition:enter-start="translate-x-full" 2034 x-transition:enter-end="-translate-x-0" 2035 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 2036 x-transition:leave-start="-translate-x-0" 2037 x-transition:leave-end="translate-x-full" 2038 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 2039 x-show="activeNode2 === 'node285'" 2040 > 2041 <div class="flex justify-between px-8"> 2042 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 2043 @click="currentLevel--, activeNode2 = '', activeNode = 'node285'" 2044 > 2045 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2046 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Egosan" 2047 > 2048 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 2049 </svg> 2050 Terug </span> 2051 <button @click="closeMenu" 2052 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 2053 aria-label="Close menu" 2054 type="button" 2055 > 2056 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 2057 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2058</svg> 2059 </button> 2060 </div> 2061 2062 2063<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan" 2064 class="menu-item underline" 2065 > 2066 Bekijk alles van: Egosan</a> 2067 2068<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-pants" 2069 class="menu-item " 2070 > 2071 Egosan Pants</a> 2072 2073<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-slip" 2074 class="menu-item " 2075 > 2076 Egosan Slip</a> 2077 2078<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-man" 2079 class="menu-item " 2080 > 2081 Egosan Man</a> 2082 2083<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-bed" 2084 class="menu-item " 2085 > 2086 Egosan Bed</a> 2087 </div> 2088 <button type="button" class="group menu-item-with-submenu" 2089 @click="openSubmenu(), activeNode2 = 'node290', activeNode = 'node290'" 2090 > 2091 Incontinentiemateriaal voor kinderen <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2092 class="h-5 w-5" 2093 :class="1 === currentLevel ? 'relative' : ''" 2094 > 2095 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2096 </svg> 2097 </button> 2098 <div class="mobile-menu-page" 2099 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 2100 x-transition:enter-start="translate-x-full" 2101 x-transition:enter-end="-translate-x-0" 2102 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 2103 x-transition:leave-start="-translate-x-0" 2104 x-transition:leave-end="translate-x-full" 2105 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 2106 x-show="activeNode2 === 'node290'" 2107 > 2108 <div class="flex justify-between px-8">
2109 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 2110 @click="currentLevel--, activeNode2 = '', activeNode = 'node290'" 2111 > 2112 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2113 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Incontinentiemateriaal voor kinderen" 2114 > 2115 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 2116 </svg> 2117 Terug </span> 2118 <button @click="closeMenu" 2119 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 2120 aria-label="Close menu" 2121 type="button" 2122 > 2123 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 2124 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2125</svg> 2126 </button> 2127 </div> 2128 2129 2130<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen" 2131 class="menu-item underline" 2132 > 2133 Bekijk alles van: Incontinentiemateriaal voor kinderen</a> 2134 2135<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/luiers-voor-kinderen" 2136 class="menu-item " 2137 > 2138 Luiers voor kinderen</a> 2139 2140<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/incontinentiebroekjes-voor-kinderen" 2141 class="menu-item " 2142 > 2143 Incontinentiebroekjes voor kinderen</a> 2144 2145<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/matrasbescherming-voor-kinderen" 2146 class="menu-item " 2147 > 2148 Matrasbescherming voor kinderen</a> 2149 </div> 2150 <button type="button" class="group menu-item-with-submenu" 2151 @click="openSubmenu(), activeNode2 = 'node294', activeNode = 'node294'" 2152 > 2153 Fix <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2154 class="h-5 w-5" 2155 :class="1 === currentLevel ? 'relative' : ''" 2156 > 2157 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2158 </svg> 2159 </button> 2160 <div class="mobile-menu-page" 2161 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 2162 x-transition:enter-start="translate-x-full" 2163 x-transition:enter-end="-translate-x-0" 2164 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 2165 x-transition:leave-start="-translate-x-0" 2166 x-transition:leave-end="translate-x-full" 2167 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 2168 x-show="activeNode2 === 'node294'" 2169 > 2170 <div class="flex justify-between px-8"> 2171 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 2172 @click="currentLevel--, activeNode2 = '', activeNode = 'node294'" 2173 > 2174 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2175 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Fix" 2176 > 2177 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 2178 </svg> 2179 Terug </span> 2180 <button @click="closeMenu" 2181 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 2182 aria-label="Close menu" 2183 type="button" 2184 > 2185 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 2186 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2187</svg> 2188 </button> 2189 </div> 2190 2191 2192<a href="https://www.123drogisterij.nl/incontinentiemateriaal/fixatie-broekjes-incontinentie" 2193 class="menu-item underline" 2194 > 2195 Bekijk alles van: Fix</a> 2196 2197<a href="https://www.123drogisterij.nl/incontinentiemateriaal/fixatie-broekjes-incontinentie/tena-fixatie-broekjes" 2198 class="menu-item " 2199 > 2200 TENA Fixatie Broekjes</a> 2201 </div> 2202 </div> 2203 <button type="button" class="group menu-item-with-submenu font-semibold" 2204 @click="openSubmenu(), activeNode1 = 'node297', activeNode = 'node297'" 2205 > 2206 Luiers <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2207 class="h-5 w-5" 2208 :class="0 === currentLevel ? 'relative' : ''" 2209 > 2210 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2211 </svg> 2212 </button> 2213 <div class="mobile-menu-page" 2214 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 2215 x-transition:enter-start="translate-x-full" 2216 x-transition:enter-end="-translate-x-0" 2217 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 2218 x-transition:leave-start="-translate-x-0" 2219 x-transition:leave-end="translate-x-full" 2220 :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 2221 x-show="activeNode1 === 'node297'" 2222 > 2223 <div class="flex justify-between px-8">
2224 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 2225 @click="currentLevel--, activeNode1 = '', activeNode = 'node297'" 2226 > 2227 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2228 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Luiers" 2229 > 2230 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 2231 </svg> 2232 Terug </span> 2233 <button @click="closeMenu" 2234 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 2235 aria-label="Close menu" 2236 type="button" 2237 > 2238 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 2239 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2240</svg> 2241 </button> 2242 </div> 2243 2244 2245<a href="https://www.123drogisterij.nl/incontinentie-luiers" 2246 class="menu-item underline" 2247 > 2248 Bekijk alles van: Luiers</a> 2249 2250<a href="https://www.123drogisterij.nl/incontinentie-luiers/zwemluiers" 2251 class="menu-item " 2252 > 2253 Zwemluiers</a> 2254 2255<a href="https://www.123drogisterij.nl/incontinentie-luiers/tena-luiers-voor-volwassenen" 2256 class="menu-item " 2257 > 2258 TENA Luiers</a> 2259 2260<a href="https://www.123drogisterij.nl/incontinentie-luiers/abena-luiers" 2261 class="menu-item " 2262 > 2263 Abena Luiers</a> 2264 2265<a href="https://www.123drogisterij.nl/incontinentie-luiers/attends-luiers" 2266 class="menu-item " 2267 > 2268 Attends Luiers</a> 2269 2270<a href="https://www.123drogisterij.nl/incontinentie-luiers/absorin-luiers" 2271 class="menu-item " 2272 > 2273 Absorin Luiers</a> 2274 2275<a href="https://www.123drogisterij.nl/incontinentie-luiers/plastic-luiers-voor-volwassenen" 2276 class="menu-item " 2277 > 2278 Plastic luiers voor volwassenen</a> 2279 2280<a href="https://www.123drogisterij.nl/incontinentie-luiers/luiers-voor-volwassenen" 2281 class="menu-item " 2282 > 2283 Luiers voor volwassenen</a> 2284 2285<a href="https://www.123drogisterij.nl/incontinentie-luiers/depend-luiers" 2286 class="menu-item " 2287 > 2288 Depend Luiers</a> 2289 2290<a href="https://www.123drogisterij.nl/incontinentie-luiers/seni-luiers" 2291 class="menu-item " 2292 > 2293 Seni Luiers</a> 2294 2295<a href="https://www.123drogisterij.nl/incontinentie-luiers/nachtluiers" 2296 class="menu-item " 2297 > 2298 Nachtluiers volwassenen</a> 2299 </div> 2300 2301<a href="https://www.123drogisterij.nl/incontinentiemateriaal-voor-mannen" 2302 class="flex items-center justify-between w-full px-8 py-4 text-left group font-semibold hover:bg-tertiary-300 hover:underline" 2303 > 2304 Mannen</a> 2305 <button type="button" class="group menu-item-with-submenu font-semibold" 2306 @click="openSubmenu(), activeNode1 = 'node310', activeNode = 'node310'" 2307 > 2308 Slip <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2309 class="h-5 w-5" 2310 :class="0 === currentLevel ? 'relative' : ''" 2311 > 2312 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2313 </svg> 2314 </button> 2315 <div class="mobile-menu-page" 2316 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 2317 x-transition:enter-start="translate-x-full" 2318 x-transition:enter-end="-translate-x-0" 2319 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 2320 x-transition:leave-start="-translate-x-0" 2321 x-transition:leave-end="translate-x-full" 2322 :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 2323 x-show="activeNode1 === 'node310'" 2324 > 2325 <div class="flex justify-between px-8">
2326 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 2327 @click="currentLevel--, activeNode1 = '', activeNode = 'node310'" 2328 > 2329 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2330 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Slip" 2331 > 2332 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 2333 </svg> 2334 Terug </span> 2335 <button @click="closeMenu" 2336 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 2337 aria-label="Close menu" 2338 type="button" 2339 > 2340 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 2341 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2342</svg> 2343 </button> 2344 </div> 2345 2346 2347<a href="https://www.123drogisterij.nl/incontinentie-slips" 2348 class="menu-item underline" 2349 > 2350 Bekijk alles van: Slip</a> 2351 2352<a href="https://www.123drogisterij.nl/incontinentie-slips/tena-slips" 2353 class="menu-item " 2354 > 2355 TENA Slips</a> 2356 2357<a href="https://www.123drogisterij.nl/incontinentie-slips/absorin-slip" 2358 class="menu-item " 2359 > 2360 Absorin Slip</a> 2361 2362<a href="https://www.123drogisterij.nl/incontinentie-slips/attends-slip" 2363 class="menu-item " 2364 > 2365 Attends Slip</a> 2366 2367<a href="https://www.123drogisterij.nl/incontinentie-slips/abena-slips" 2368 class="menu-item " 2369 > 2370 Abena Slips</a> 2371 2372<a href="https://www.123drogisterij.nl/incontinentie-slips/depend-slip" 2373 class="menu-item " 2374 > 2375 Depend Slip</a> 2376 2377<a href="https://www.123drogisterij.nl/incontinentie-slips/seni-slip" 2378 class="menu-item " 2379 > 2380 Seni Slip</a> 2381 2382<a href="https://www.123drogisterij.nl/incontinentie-slips/betterdry-slip" 2383 class="menu-item " 2384 > 2385 BetterDry Slip</a> 2386 </div> 2387 <button type="button" class="group menu-item-with-submenu font-semibold" 2388 @click="openSubmenu(), activeNode1 = 'node318', activeNode = 'node318'" 2389 > 2390 Pants <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2391 class="h-5 w-5" 2392 :class="0 === currentLevel ? 'relative' : ''" 2393 > 2394 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2395 </svg> 2396 </button> 2397 <div class="mobile-menu-page" 2398 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 2399 x-transition:enter-start="translate-x-full" 2400 x-transition:enter-end="-translate-x-0" 2401 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 2402 x-transition:leave-start="-translate-x-0" 2403 x-transition:leave-end="translate-x-full" 2404 :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 2405 x-show="activeNode1 === 'node318'" 2406 > 2407 <div class="flex justify-between px-8"> 2408 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 2409 @click="currentLevel--, activeNode1 = '', activeNode = 'node318'" 2410 > 2411 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2412 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Pants" 2413 > 2414 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 2415 </svg> 2416 Terug </span> 2417 <button @click="closeMenu" 2418 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 2419 aria-label="Close menu" 2420 type="button" 2421 > 2422 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 2423 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2424</svg> 2425 </button> 2426 </div> 2427 2428 2429<a href="https://www.123drogisterij.nl/incontinentie-pants" 2430 class="menu-item underline" 2431 > 2432 Bekijk alles van: Pants</a> 2433 2434<a href="https://www.123drogisterij.nl/pants/abso-x-pants" 2435 class="menu-item " 2436 > 2437 ABSO-X Ultra Pants</a> 2438 2439<a href="https://www.123drogisterij.nl/incontinentie-pants/tena-pants" 2440 class="menu-item " 2441 > 2442 TENA Pants</a> 2443 2444<a href="https://www.123drogisterij.nl/incontinentie-pants/abena-pants" 2445 class="menu-item " 2446 > 2447 Abena Pants</a> 2448 2449<a href="https://www.123drogisterij.nl/incontinentie-pants/attends-pants" 2450 class="menu-item " 2451 > 2452 Attends Pants</a> 2453 <button type="button" class="group menu-item-with-submenu"
2454 @click="openSubmenu(), activeNode2 = 'node322', activeNode = 'node322'" 2455 > 2456 Depend Pants <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2457 class="h-5 w-5" 2458 :class="1 === currentLevel ? 'relative' : ''" 2459 > 2460 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2461 </svg> 2462 </button> 2463 <div class="mobile-menu-page" 2464 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 2465 x-transition:enter-start="translate-x-full" 2466 x-transition:enter-end="-translate-x-0" 2467 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 2468 x-transition:leave-start="-translate-x-0" 2469 x-transition:leave-end="translate-x-full" 2470 :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 2471 x-show="activeNode2 === 'node322'" 2472 > 2473 <div class="flex justify-between px-8"> 2474 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 2475 @click="currentLevel--, activeNode2 = '', activeNode = 'node322'" 2476 > 2477 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2478 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Depend Pants" 2479 > 2480 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 2481 </svg> 2482 Terug </span> 2483 <button @click="closeMenu" 2484 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 2485 aria-label="Close menu" 2486 type="button" 2487 > 2488 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 2489 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2490</svg> 2491 </button> 2492 </div> 2493 2494 2495<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants" 2496 class="menu-item underline" 2497 > 2498 Bekijk alles van: Depend Pants</a> 2499 2500<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants/vrouwen" 2501 class="menu-item " 2502 > 2503 Vrouwen</a> 2504 2505<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants/mannen" 2506 class="menu-item " 2507 > 2508 Mannen</a> 2509 </div> 2510 2511<a href="https://www.123drogisterij.nl/pants/incontinentiebroekjes" 2512 class="menu-item " 2513 > 2514 Incontinentiebroekjes</a> 2515 2516<a href="https://www.123drogisterij.nl/incontinentie-pants/lille-pants" 2517 class="menu-item " 2518 > 2519 Lille Pants</a> 2520 2521<a href="https://www.123drogisterij.nl/incontinentie-pants/seni-active-pants" 2522 class="menu-item " 2523 > 2524 Seni Active pants</a> 2525 2526<a href="https://www.123drogisterij.nl/incontinentie-pants/absorin-pants" 2527 class="menu-item " 2528 > 2529 Absorin Comfort Pants</a> 2530 </div> 2531 <button type="button" class="group menu-item-with-submenu font-semibold" 2532 @click="openSubmenu(), activeNode1 = 'node329', activeNode = 'node329'" 2533 > 2534 Inlegger <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2535 class="h-5 w-5" 2536 :class="0 === currentLevel ? 'relative' : ''" 2537 > 2538 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2539 </svg> 2540 </button> 2541 <div class="mobile-menu-page" 2542 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 2543 x-transition:enter-start="translate-x-full" 2544 x-transition:enter-end="-translate-x-0" 2545 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 2546 x-transition:leave-start="-translate-x-0" 2547 x-transition:leave-end="translate-x-full" 2548 :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 2549 x-show="activeNode1 === 'node329'" 2550 > 2551 <div class="flex justify-between px-8">
2552 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 2553 @click="currentLevel--, activeNode1 = '', activeNode = 'node329'" 2554 > 2555 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2556 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Inlegger" 2557 > 2558 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 2559 </svg> 2560 Terug </span> 2561 <button @click="closeMenu" 2562 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 2563 aria-label="Close menu" 2564 type="button" 2565 > 2566 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 2567 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2568</svg> 2569 </button> 2570 </div> 2571 2572 2573<a href="https://www.123drogisterij.nl/incontinentie-inleggers" 2574 class="menu-item underline" 2575 > 2576 Bekijk alles van: Inlegger</a> 2577 2578<a href="https://www.123drogisterij.nl/incontinentie-inleggers/tena-inleggers" 2579 class="menu-item " 2580 > 2581 TENA Inleggers</a> 2582 2583<a href="https://www.123drogisterij.nl/incontinentie-inleggers/abena-inleggers" 2584 class="menu-item " 2585 > 2586 Abena Inleggers</a> 2587 2588<a href="https://www.123drogisterij.nl/incontinentie-inleggers/depend-inleggers" 2589 class="menu-item " 2590 > 2591 Depend Inleggers</a> 2592 2593<a href="https://www.123drogisterij.nl/incontinentie-inleggers/absorin-inleggers" 2594 class="menu-item " 2595 > 2596 Absorin Inleggers</a> 2597 2598<a href="https://www.123drogisterij.nl/incontinentie-inleggers/seni-inleggers" 2599 class="menu-item " 2600 > 2601 Seni inleggers</a> 2602 2603<a href="https://www.123drogisterij.nl/incontinentie-inleggers/attends-inleggers" 2604 class="menu-item " 2605 > 2606 Attends Inlegger</a> 2607 2608<a href="https://www.123drogisterij.nl/incontinentie-inleggers/inlegverband-incontinentieverband" 2609 class="menu-item " 2610 > 2611 Inlegverband / incontinentieverband</a> 2612 2613<a href="https://www.123drogisterij.nl/incontinentie-inleggers/mannenverband" 2614 class="menu-item " 2615 > 2616 Mannenverband</a> 2617 </div> 2618 <button type="button" class="group menu-item-with-submenu font-semibold" 2619 @click="openSubmenu(), activeNode1 = 'node338', activeNode = 'node338'" 2620 > 2621 Verzorging <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2622 class="h-5 w-5" 2623 :class="0 === currentLevel ? 'relative' : ''" 2624 > 2625 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2626 </svg> 2627 </button> 2628 <div class="mobile-menu-page" 2629 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 2630 x-transition:enter-start="translate-x-full" 2631 x-transition:enter-end="-translate-x-0" 2632 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 2633 x-transition:leave-start="-translate-x-0" 2634 x-transition:leave-end="translate-x-full" 2635 :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 2636 x-show="activeNode1 === 'node338'" 2637 > 2638 <div class="flex justify-between px-8">
2639 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 2640 @click="currentLevel--, activeNode1 = '', activeNode = 'node338'" 2641 > 2642 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2643 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Verzorging" 2644 > 2645 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 2646 </svg> 2647 Terug </span> 2648 <button @click="closeMenu" 2649 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 2650 aria-label="Close menu" 2651 type="button" 2652 > 2653 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 2654 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2655</svg> 2656 </button> 2657 </div> 2658 2659 2660<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie" 2661 class="menu-item underline" 2662 > 2663 Bekijk alles van: Verzorging</a> 2664 2665<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/wegwerp-washandjes-nat-en-droog" 2666 class="menu-item " 2667 > 2668 Wegwerp Washandjes</a> 2669 2670<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/verzorgingsproducten-cremes-wasgels" 2671 class="menu-item " 2672 > 2673 Crèmes & wasgels</a> 2674 2675<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/verzorgend-wassen-natte-washandjes" 2676 class="menu-item " 2677 > 2678 Verzorgend wassen - Wet Wash - Shampoo Cap</a> 2679 2680<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/luieremmer-janibell-akord" 2681 class="menu-item " 2682 > 2683 Luieremmer Janibell Akord</a> 2684 2685<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/uri-go" 2686 class="menu-item " 2687 > 2688 Uri-Go</a> 2689 2690<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/vochtige-washandjes" 2691 class="menu-item " 2692 > 2693 Vochtige washandjes</a> 2694 2695<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/slabben-voor-volwassenen" 2696 class="menu-item " 2697 > 2698 Slab voor volwassenen</a> 2699 2700<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/shampoo-cap" 2701 class="menu-item " 2702 > 2703 Shampoo cap</a> 2704 2705<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/opvangzakken" 2706 class="menu-item " 2707 > 2708 Opvangzakken | Dr. Helewa</a> 2709 2710<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/producten-voor-mantelzorgers" 2711 class="menu-item " 2712 > 2713 Producten voor mantelzorgers</a> 2714 2715<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/handschoenen" 2716 class="menu-item " 2717 > 2718 Handschoenen</a> 2719 </div> 2720 <button type="button" class="group menu-item-with-submenu font-semibold" 2721 @click="openSubmenu(), activeNode1 = 'node350', activeNode = 'node350'" 2722 > 2723 Onderlegger <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2724 class="h-5 w-5" 2725 :class="0 === currentLevel ? 'relative' : ''" 2726 > 2727 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> 2728 </svg> 2729 </button> 2730 <div class="mobile-menu-page" 2731 x-transition:enter="transform transition ease-in-out duration-500 opacity-100" 2732 x-transition:enter-start="translate-x-full" 2733 x-transition:enter-end="-translate-x-0" 2734 x-transition:leave="transform transition ease-in-out duration-500 opacity-0" 2735 x-transition:leave-start="-translate-x-0" 2736 x-transition:leave-end="translate-x-full" 2737 :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'" 2738 x-show="activeNode1 === 'node350'" 2739 > 2740 <div class="flex justify-between px-8">
2741 <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline" 2742 @click="currentLevel--, activeNode1 = '', activeNode = 'node350'" 2743 > 2744 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2745 class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Onderlegger" 2746 > 2747 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" /> 2748 </svg> 2749 Terug </span> 2750 <button @click="closeMenu" 2751 class="flex items-center justify-end w-16 h-16 ml-auto outline-none" 2752 aria-label="Close menu" 2753 type="button" 2754 > 2755 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24"> 2756 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 2757</svg> 2758 </button> 2759 </div> 2760 2761 2762<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers" 2763 class="menu-item underline" 2764 > 2765 Bekijk alles van: Onderlegger</a> 2766 2767<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/abso-x-ultra-bed" 2768 class="menu-item " 2769 > 2770 ABSO-X Ultra Bed</a> 2771 2772<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/tena-bed-onderleggers" 2773 class="menu-item " 2774 > 2775 TENA Bed Onderleggers</a> 2776 2777<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/wasbare-onderleggers" 2778 class="menu-item " 2779 > 2780 Wasbare onderleggers</a> 2781 2782<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/matrasbeschermer" 2783 class="menu-item " 2784 > 2785 Waterdichte matrasbeschermer</a> 2786 2787<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/abena-bed-onderleggers" 2788 class="menu-item " 2789 > 2790 Abena Bed Onderleggers</a> 2791 2792<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/seni-bed-onderleggers" 2793 class="menu-item " 2794 > 2795 Seni Bed Onderlegger</a> 2796 2797<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/absorin-bed-onderleggers" 2798 class="menu-item " 2799 > 2800 Absorin Bed Onderleggers</a> 2801 2802<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/attends-bed-onderleggers" 2803 class="menu-item " 2804 > 2805 Attends Bed Onderleggers</a> 2806 2807<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/stoelbeschermer" 2808 class="menu-item " 2809 > 2810 Stoelbeschermer</a> 2811 2812<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/bedzeil" 2813 class="menu-item " 2814 > 2815 Bedzeil</a> 2816 2817<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/celstofmatjes" 2818 class="menu-item " 2819 > 2820 Celstofmatjes</a> 2821 2822<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/steeklaken" 2823 class="menu-item " 2824 > 2825 Steeklaken</a> 2826 </div> 2827 </div> 2828 </div> 2829 </div> 2830 </nav> 2831 2832 <div id="sticky-search-wrapper" 2833 class="order-4 ml-auto relative w-search lg:mx-4 lg:order-2 lg:ml-12 lg:my-4 lg:w-[380px] xl:ml-16" 2834 > 2835 <div id="search-content" 2836 class="relative transition-all duration-300 ease-in-out" 2837 > 2838
2839<script> 2840 function initMiniSearchComponent() { 2841 "use strict"; 2842 2843 return { 2844 show: false, 2845 showNoResults: false, 2846 query: null, 2847 formSelector: "#search_mini_form", 2848 url: "https://www.123drogisterij.nl/search/ajax/suggest/", 2849 destinationSelector: "#search_autocomplete", 2850 templates: {"term":{"title":"Zoektermen","template":"Hyva_SmileElasticsuite::core\/autocomplete\/term.phtml"},"product":{"title":"Producten","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product.phtml"},"category":{"title":"Categorie\u00ebn","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/category.phtml"},"product_attribute":{"title":"Attributen","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product_attribute.phtml","titleRenderer":"renderEsAutocompleteTitleAttribute"},"cms_page":{"title":"Cms page","template":"Hyva_SmileElasticsuite::cms-search\/autocomplete\/cms.phtml"}}, 2851 priceFormat: {"pattern":"\u20ac\u00a0%s","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false}, 2852 minSearchLength: 2, 2853 searchResultsByType: {}, 2854 currentRequest: null, 2855 2856 /** 2857 * Get search results. 2858 */ 2859 getSearchResults: function () { 2860 this.showNoResults = false; 2861 2862 let value = document.querySelector('#search').value.trim(); 2863 this.query = value; 2864 2865 if (value.length < parseInt(this.minSearchLength, 10)) { 2866 this.searchResultsByType = []; 2867 2868 return false; 2869 } 2870 2871 let url = this.url + '?' + new URLSearchParams({ 2872 q: document.querySelector('#search').value, 2873 _: Date.now() 2874 }).toString(); 2875 2876 if (this.currentRequest !== null) { 2877 this.currentRequest.abort(); 2878 } 2879 this.currentRequest = new AbortController(); 2880 2881 fetch(url, { 2882 method: 'GET', 2883 signal: this.currentRequest.signal, 2884 }).then((response) => { 2885 if (response.ok) { 2886 return response.json(); 2887 } 2888 }).then((data) => { 2889 this.show = data.length > 0; 2890 2891 if (data.length === 0) { 2892 this.showNoResults = true; 2893 } else { 2894 this.showNoResults = false; 2895 } 2896 2897 this.searchResultsByType = data.reduce((acc, result) => { 2898 if (! acc[result.type]) acc[result.type] = []; 2899 acc[result.type].push(result); 2900 return acc; 2901 }, {}); 2902 }).catch((error) => { 2903 ; 2904 }); 2905 }, 2906 } 2907 } 2908</script>
2908 2909 2910<div id="search-content" x-show="true"> 2911 <div x-data="initMiniSearchComponent()" @click.away="show = false; showNoResults = false"> 2912 <form class="form minisearch" id="search_mini_form" action="https://www.123drogisterij.nl/catalogsearch/result/" method="get" role="search"> 2913 <div class="relative"> 2914 <label class="sr-only" for="search"> 2915 Zoek naar... </label> 2916 <input id="search" 2917 x-on:input.debounce="getSearchResults()" 2918 x-ref="searchInput" 2919 type="search" 2920 class="w-full pl-4 transition border-gray-400 h-[44px] lg:!flex lg:h-[54px]" 2921 autocapitalize="off" autocomplete="off" autocorrect="off" 2922 name="q" 2923 value="" 2924 placeholder="Zoek naar..." 2925 maxlength="128" 2926 @search-open.window.debounce.10=" 2927 $el.focus(); 2928 $el.select(); 2929 " 2930 /> 2931 </div> 2932 <div x-cloak x-show="showNoResults" class="absolute text-md bg-white z-50 f-w top-[110%] right-0 card w-full"> 2933 Geen resultaten gevonden voor: "<strong x-html="query"></strong>" 2934 </div> 2935 <div id="search_autocomplete" class="search-autocomplete w-full" x-show="show" style="display:none;"> 2936 <div class="absolute bg-white z-50 top-[110%] card f-w py-0 right-0 max-h-screen-75 overflow-y-scroll sm:w-full"> 2937 <template x-for="searchResultByType in Object.values(searchResultsByType).reverse()"> 2938 <div class="border-t py-4 first-of-type:border-t-0"> 2939 <template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].title && templates[searchResultByType[0].type].titleRenderer === undefined"> 2940 <div class="font-bold text-md" x-text="templates[searchResultByType[0].type].title"></div> 2941 </template> 2942 <template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].titleRenderer !== undefined"> 2943 <div class="font-bold text-md" x-text="window[templates[searchResultByType[0].type].titleRenderer](searchResultByType)"></div> 2944 </template> 2945 <template x-for="searchResult in searchResultByType"> 2946 <div class="rounded-md p-2"> 2947 2948<template x-if="searchResult.type == 'term'"> 2949 <a class="flex gap-2 w-full block p-2" 2950 x-bind:href="'https://www.123drogisterij.nl/catalogsearch/result/?q=' + searchResult.title" 2951 :title="searchResult.title"> 2952 <span class="text-sm" x-text="searchResult.title"></span> 2953 <span class="text-sm" x-text="'(' + searchResult.num_results + ')'"></span> 2954 </a> 2955</template> 2956 2957<template x-if="searchResult.type == 'product'"> 2958 <a class="w-full block" :href="searchResult.url" :title="searchResult.title"> 2959 <div class="grid grid-cols-4 gap-4 p-3"> 2960 <div> 2961 <img :src="searchResult.image" class="inline-block" /> 2962 </div> 2963 <div class="col-span-3"> 2964 <span class="block text-md font-bold mb-2" x-text="searchResult.title"></span> 2965 <span class="text-md price-wrapper-search" x-html="searchResult.price"></span> 2966 </div> 2967 </div> 2968 </a> 2969</template> 2970 2971<template x-if="searchResult.type == 'category'"> 2972 <a class="flex gap-2 w-full block p-2" :href="searchResult.url" :title="searchResult.title"> 2973 <span class="text-md italic block text-gray-500" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span> 2974 <span class="text-md" x-text="searchResult.title"></span> 2975 </a> 2976</template> 2977 2978<template x-if="searchResult.type == 'product_attribute'"> 2979 <a class="flex gap-2 w-full block p-2" :href="searchResult.url" :title="searchResult.title">
2980 <span class="text-md" x-text="searchResult.title"></span> 2981 <span class="text-md uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span> 2982 </a> 2983</template> 2984
2985<script> 2986 function renderEsAutocompleteTitleAttribute(data) 2987 { 2988 data = data.filter(function(item) { 2989 return item.type === 'product_attribute'; 2990 }).map(function(item) { 2991 return item['attribute_label'] 2992 }).reduce(function(prev, item) { 2993 if (item in prev) { 2994 prev[item]++; 2995 } else { 2996 prev[item] = 1; 2997 } 2998 return prev; 2999 }, {}); 3000 3001 data = Object.entries(data).sort(function(item1, item2) { 3002 return item2[1] - item1[1] 3003 }).map(function(item) {return item[0]}); 3004 3005 if (data.length > 2) { 3006 data = data.slice(0, 2); 3007 data.push('...'); 3008 } 3009 3010 return data.join(', '); 3011 } 3012</script>
3012 3013 3014<template x-if="searchResult.type == 'cms_page'"> 3015 <a class="flex gap-2 w-full block p-2" :href="searchResult.url" :title="searchResult.title"> 3016 <span class="text-sm" x-text="searchResult.title"></span> 3017 </a> 3018</template> 3019 </div> 3020 </template> 3021 </div> 3022 </template> 3023 </div> 3024 </div> 3025 </form> 3026 </div> 3027</div> 3028 3029 <a class="flex p-1.5 bg-primary-500 rounded-md no-underline cursor-pointer absolute top-1 left-auto right-1 transition lg:p-2.5 lg:right-1 lg:top-[0.325rem] hover:bg-primary-300" 3030 title="Zoeken" 3031 @click="document.getElementById('search_mini_form').submit();" 3032 > 3033 <span class="hidden md:block text-white mr-1">Zoeken</span> 3034 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-6 h-6 text-white" width="24" height="24" role="img"> 3035 <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/> 3036<title/></svg> 3037 </a> 3038 </div> 3039 </div> 3040 3041 <div class="order-2 flex justify-end items-center ml-auto w-3/5 md:w-1/3 lg:mr-2 lg:my-4 lg:w-auto"> 3042 <a class="p-2 xl:flex gap-1 items-center group" href="tel:0492-747100" title="Bel ons"> 3043 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-6 w-6 text-green-600" width="24" height="24" role="img"> 3044 <path fill-rule="evenodd" d="M1.5 4.5a3 3 0 013-3h1.372c.86 0 1.61.586 1.819 1.42l1.105 4.423a1.875 1.875 0 01-.694 1.955l-1.293.97c-.135.101-.164.249-.126.352a11.285 11.285 0 006.697 6.697c.103.038.25.009.352-.126l.97-1.293a1.875 1.875 0 011.955-.694l4.423 1.105c.834.209 1.42.959 1.42 1.82V19.5a3 3 0 01-3 3h-2.25C8.552 22.5 1.5 15.448 1.5 6.75V4.5z" clip-rule="evenodd"/> 3045<title>Bel ons</title></svg> 3046 <div class="text-md"> 3047 <strong class="hidden xl:block"> 3048 Ma - vrij van 9.00 â 13.00 uur </strong> 3049 <span class="hidden text-secondary-800 group-hover:underline font-medium xl:block"> 3050 0492-747100 </span> 3051 </div> 3052 </a> 3053 <a class="flex flex-row items-center gap-y-2 py-2 px-4 group min-w-14 xl:min-w-44 xl:px-8" 3054 href="https://www.123drogisterij.nl/customer/account/index/" 3055 title="Account" 3056 > 3057 <template x-if="!customer.signin_token"> 3058 <div class="flex items-center gap-1"> 3059 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-6 w-6" width="24" height="24" role="img"> 3060 <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z" clip-rule="evenodd"/> 3061<title>Mijn account</title></svg> 3062 <div class="hidden whitespace-nowrap flex-col mb-auto xl:flex"> 3063 <strong class="text-md"> 3064 Mijn account </strong> 3065 3066 <span class="text-secondary-800 text-md font-medium group-hover:underline group-hover:underline"> 3067 Log in </span> 3068 </div> 3069 </div> 3070 </template> 3071 3072 <template x-if="customer.signin_token"> 3073 <div class="flex items-center gap-1 hover:underline"> 3074 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-6 w-6" width="24" height="24" role="img"> 3075 <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z" clip-rule="evenodd"/> 3076<title>Mijn account</title></svg> 3077 <div class="hidden whitespace-nowrap lg:flex lg:flex-col lg:mb-auto"> 3078 <strong class="text-md"> 3079 Mijn account </strong> 3080
3081 <span class="text-secondary-800 text-md font-medium group-hover:underline group-hover:underline"> 3082 Overzicht </span> 3083 </div> 3084 </div> 3085 </template> 3086 </a> 3087 3088 <a id="compare-link" 3089 class="flex gap-1 items-center fixed bottom-4 right-4 bg-white border-none text-sm rounded-full shadow-hard h-12 py-2 px-4 md:relative md:top-0 md:right-0 md:shadow-none " 3090 :class="{ 'hidden': !(itemCount > 0) }" 3091 href="https://www.123drogisterij.nl/catalog/product_compare/index/" 3092 title="Vergelijken" 3093 x-data="initCompareHeader()" x-cloak 3094 @private-content-loaded.window="receiveCompareData($event.detail.data)" 3095 > 3096 <span class="md:hidden"> 3097 Vergelijken </span> 3098 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-primary-500" width="24" height="24" role="img"> 3099 <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"/> 3100<title>Vergelijken</title></svg> 3101 3102 <span class="absolute top-[0.35rem] right-2 bg-black text-white text-xs font-bold leading-none rounded-full items-center justify-center w-4 h-4 flex "> 3103 3104 <span class="-mt-px ml-px" x-text="itemCount"></span> 3105 3106 <span x-show="itemCount === 1" class="sr-only"> 3107 product </span> 3108 3109 <span x-show="itemCount > 1" class="sr-only"> 3110 producten </span> 3111 </span> 3112 </a> 3113 <button 3114 id="menu-cart-icon" 3115 class="relative flex flex-col items-center py-2 pl-2 pr-1 xl:pr-0" 3116 x-ref="cartButton" 3117 :aria-disabled="isCartEmpty()" 3118 title="Winkelmand" 3119 @click.prevent.stop="() => { 3120 $dispatch('toggle-cart', { isOpen: true }) 3121 }" 3122 @toggle-cart.window="toggleCart($event)" 3123 :aria-expanded="isCartOpen" 3124 aria-haspopup="dialog" 3125 > 3126 <span 3127 class="sr-only label" 3128 x-text="` 3129 Open of sluit winkelmand, 3130 ${isCartEmpty() ? 3131 'Winkelmand is leeg' : 3132 hyva.str( 3133 'You have %1 product%2 in your cart.', 3134 cart.summary_count, 3135 cart.summary_count === 1 ? '' : 's' 3136 )}` 3137 "> 3138 </span> 3139 3140 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-6 w-6 xl:h-8 xl:w-8" width="24" height="24" role="img"> 3141 <path d="M2.25 2.25a.75.75 0 000 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 00-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 000-1.5H5.378A2.25 2.25 0 017.5 15h11.218a.75.75 0 00.674-.421 60.358 60.358 0 002.96-7.228.75.75 0 00-.525-.965A60.864 60.864 0 005.68 4.509l-.232-.867A1.875 1.875 0 003.636 2.25H2.25zM3.75 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM16.5 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"/> 3142<title/></svg> 3143 3144 <div class="absolute top-0 -right-2.5 hidden bg-primary-500 text-white text-xs font-bold leading-none 3145 rounded-full items-center justify-center w-5 h-5 hover:bg-primary-300" 3146 :class="{'hidden': !cart.summary_count,'flex': cart.summary_count }" 3147 >
3148 <span class="-mt-px ml-px" x-text="cart.summary_count"></span> 3149 </div> 3150 </button> 3151 </div> 3152 </div> 3153 </div> 3154 3155
3155<script> 3156 'use strict'; 3157 3158 const initTopmenuDesktop_6ac1ddf284e2c = () => ({ 3159 backdrop: false, 3160 openSubmenuId: null, 3161 toggleSubmenu(menuNode) { 3162 if (menuNode === this.openSubmenuId) { 3163 this.backdrop = false 3164 this.openSubmenuId = null 3165 hyva.releaseFocus() 3166 } else { 3167 this.backdrop = true 3168 this.openSubmenuId = menuNode 3169 this.$nextTick(() => { 3170 hyva.trapFocus(this.$refs['submenu-' + menuNode]) 3171 }) 3172 } 3173 } 3174 }) 3175 </script>
3175 3176 3177 <div x-data="initTopmenuDesktop_6ac1ddf284e2c()" 3178 x-defer="interact" 3179 class="navigation hidden w-full lg:block" 3180 :class="{'menu-open': backdrop}" 3181 > 3182 <div class="backdrop desktopmenu mt-h" 3183 x-show="backdrop" 3184 x-transition:enter="ease-in-out duration-250" 3185 x-transition:enter-start="opacity-0" 3186 x-transition:enter-end="opacity-100" 3187 x-transition:leave="ease-in-out duration-250" 3188 x-transition:leave-start="opacity-100" 3189 x-transition:leave-end="opacity-0" 3190 x-cloak 3191 ></div> 3192 <nav class="container lg:block" 3193 aria-label="Main menu" 3194 @mouseleave="backdrop = false; openSubmenuId = 0;" 3195 @keydown.escape="backdrop = false; openSubmenuId = 0;" 3196 > 3197 <ul class="relative flex justify-between"> 3198 <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent rounded-sm group" 3199 :class="{'hovered' : openSubmenuId === '27'}" 3200 @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '27'; backdrop = true;}, 200)" 3201 @mouseleave="clearTimeout(openSubmenuTimer)" 3202 > 3203 <div class="group " 3204 :class="{'' : openSubmenuId === '27'}" 3205 > 3206 3207<a href="https://www.123drogisterij.nl/incontinentiemateriaal" 3208 class="flex justify-between items-center w-full hover:underline" 3209 data-menu="menu-27" 3210> 3211 Incontinentiemateriaal</a> 3212 </div> 3213 <button type="button" 3214 x-ref="sr-button-27" 3215 :aria-expanded="openSubmenuId === '27' ? 'true' : 'false'" 3216 aria-label="Open submenu" 3217 @click="toggleSubmenu('27'); document.querySelector('.page-header').classList.add('sticky', 'top-0');" 3218 > 3219 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16"> 3220 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 3221</svg> 3222 </button> 3223 <div x-ref="submenu-27" 3224 class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto" 3225 x-show="openSubmenuId === '27'" 3226 x-cloak 3227 > 3228
3228<script> 3229 'use strict'; 3230 3231 const initSubMenu27 = () => ({ 3232 openLevel2SubmenuId: null, 3233 openLevel2Submenu(menuNode) { 3234 this.openLevel2SubmenuId = menuNode 3235 this.$nextTick(() => { 3236 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 3237 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 3238 }) 3239 }, 3240 openLevel3SubmenuId: null, 3241 openLevel3Submenu(menuNode) { 3242 this.openLevel3SubmenuId = menuNode 3243 this.$nextTick(() => { 3244 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 3245 this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 3246 }) 3247 }, 3248 }) 3249 </script>
3249 3250 3251 <div class="flex container pb-8 h-full" 3252 x-data="initSubMenu27()" 3253 > 3254 <ul class="w-80"> 3255 <li class="py-2 px-4" 3256 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '28' }" 3257 @mouseenter="openLevel2SubmenuId = '28'" 3258 x-init="openLevel2SubmenuId = '28'" 3259 > 3260 <div class="flex justify-stretch"> 3261 3262<a href="https://www.123drogisterij.nl/incontinentiemateriaal/koopjeshoek" 3263 class="flex justify-between items-center w-full font-semibold hover:underline" 3264 data-menu="menu-28" 3265> 3266 Koopjeshoek</a> 3267 </div> 3268 </li> 3269 <li class="py-2 px-4" 3270 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '29' }" 3271 @mouseenter="openLevel2SubmenuId = '29'" 3272 > 3273 <div class="flex justify-stretch"> 3274 3275<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie" 3276 class="flex justify-between items-center w-full font-semibold hover:underline" 3277 data-menu="menu-29" 3278> 3279 TENA</a> 3280 <button type="button" 3281 class="flex flex-1 justify-end items-center pr-1" 3282 :aria-expanded="openLevel2SubmenuId === '29' ? 'true' : 'false'" 3283 aria-controls="level-2-submenu-29" 3284 @click="openLevel2Submenu('29')" 3285 > 3286 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 3287 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3288</svg> 3289 <span class="sr-only"> 3290 Open submenu for TENA </span> 3291 </button> 3292 </div> 3293 </li> 3294 <li class="py-2 px-4" 3295 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '49' }" 3296 @mouseenter="openLevel2SubmenuId = '49'" 3297 > 3298 <div class="flex justify-stretch"> 3299 3300<a href="https://www.123drogisterij.nl/incontinentiemateriaal/plastic-broekjes-voor-volwassenen" 3301 class="flex justify-between items-center w-full font-semibold hover:underline" 3302 data-menu="menu-49" 3303> 3304 Plastic Broek Volwassenen</a> 3305 </div> 3306 </li> 3307 <li class="py-2 px-4" 3308 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '50' }" 3309 @mouseenter="openLevel2SubmenuId = '50'" 3310 > 3311 <div class="flex justify-stretch"> 3312 3313<a href="https://www.123drogisterij.nl/incontinentiemateriaal/inleggers-voor-extra-absorptie" 3314 class="flex justify-between items-center w-full font-semibold hover:underline" 3315 data-menu="menu-50" 3316> 3317 Inleggers voor extra absorptie</a> 3318 </div> 3319 </li> 3320 <li class="py-2 px-4" 3321 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '51' }" 3322 @mouseenter="openLevel2SubmenuId = '51'" 3323 > 3324 <div class="flex justify-stretch"> 3325 3326<a href="https://www.123drogisterij.nl/incontinentiemateriaal/zwemluiers" 3327 class="flex justify-between items-center w-full font-semibold hover:underline" 3328 data-menu="menu-51" 3329> 3330 Zwemluiers</a> 3331 </div> 3332 </li> 3333 <li class="py-2 px-4" 3334 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '52' }" 3335 @mouseenter="openLevel2SubmenuId = '52'" 3336 > 3337 <div class="flex justify-stretch"> 3338 3339<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena" 3340 class="flex justify-between items-center w-full font-semibold hover:underline" 3341 data-menu="menu-52" 3342> 3343 Abena</a> 3344 <button type="button" 3345 class="flex flex-1 justify-end items-center pr-1" 3346 :aria-expanded="openLevel2SubmenuId === '52' ? 'true' : 'false'" 3347 aria-controls="level-2-submenu-52" 3348 @click="openLevel2Submenu('52')" 3349 > 3350 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 3351 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3352</svg>
3353 <span class="sr-only"> 3354 Open submenu for Abena </span> 3355 </button> 3356 </div> 3357 </li> 3358 <li class="py-2 px-4" 3359 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '63' }" 3360 @mouseenter="openLevel2SubmenuId = '63'" 3361 > 3362 <div class="flex justify-stretch"> 3363 3364<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend" 3365 class="flex justify-between items-center w-full font-semibold hover:underline" 3366 data-menu="menu-63" 3367> 3368 Depend</a> 3369 <button type="button" 3370 class="flex flex-1 justify-end items-center pr-1" 3371 :aria-expanded="openLevel2SubmenuId === '63' ? 'true' : 'false'" 3372 aria-controls="level-2-submenu-63" 3373 @click="openLevel2Submenu('63')" 3374 > 3375 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 3376 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3377</svg> 3378 <span class="sr-only"> 3379 Open submenu for Depend </span> 3380 </button> 3381 </div> 3382 </li> 3383 <li class="py-2 px-4" 3384 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '73' }" 3385 @mouseenter="openLevel2SubmenuId = '73'" 3386 > 3387 <div class="flex justify-stretch"> 3388 3389<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie" 3390 class="flex justify-between items-center w-full font-semibold hover:underline" 3391 data-menu="menu-73" 3392> 3393 Attends</a> 3394 <button type="button" 3395 class="flex flex-1 justify-end items-center pr-1" 3396 :aria-expanded="openLevel2SubmenuId === '73' ? 'true' : 'false'" 3397 aria-controls="level-2-submenu-73" 3398 @click="openLevel2Submenu('73')" 3399 > 3400 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 3401 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3402</svg> 3403 <span class="sr-only"> 3404 Open submenu for Attends </span> 3405 </button> 3406 </div> 3407 </li> 3408 <li class="py-2 px-4" 3409 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '84' }" 3410 @mouseenter="openLevel2SubmenuId = '84'" 3411 > 3412 <div class="flex justify-stretch"> 3413 3414<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie" 3415 class="flex justify-between items-center w-full font-semibold hover:underline" 3416 data-menu="menu-84" 3417> 3418 Absorin</a> 3419 <button type="button" 3420 class="flex flex-1 justify-end items-center pr-1" 3421 :aria-expanded="openLevel2SubmenuId === '84' ? 'true' : 'false'" 3422 aria-controls="level-2-submenu-84" 3423 @click="openLevel2Submenu('84')" 3424 > 3425 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 3426 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3427</svg>
3428 <span class="sr-only"> 3429 Open submenu for Absorin </span> 3430 </button> 3431 </div> 3432 </li> 3433 <li class="py-2 px-4" 3434 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '92' }" 3435 @mouseenter="openLevel2SubmenuId = '92'" 3436 > 3437 <div class="flex justify-stretch"> 3438 3439<a href="https://www.123drogisterij.nl/incontinentiemateriaal/betterdry" 3440 class="flex justify-between items-center w-full font-semibold hover:underline" 3441 data-menu="menu-92" 3442> 3443 BetterDry</a> 3444 </div> 3445 </li> 3446 <li class="py-2 px-4" 3447 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '93' }" 3448 @mouseenter="openLevel2SubmenuId = '93'" 3449 > 3450 <div class="flex justify-stretch"> 3451 3452<a href="https://www.123drogisterij.nl/incontinentiemateriaal/inco-s" 3453 class="flex justify-between items-center w-full font-semibold hover:underline" 3454 data-menu="menu-93" 3455> 3456 Inco's</a> 3457 </div> 3458 </li> 3459 <li class="py-2 px-4" 3460 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '94' }" 3461 @mouseenter="openLevel2SubmenuId = '94'" 3462 > 3463 <div class="flex justify-stretch"> 3464 3465<a href="https://www.123drogisterij.nl/incontinentiemateriaal/netbroekjes" 3466 class="flex justify-between items-center w-full font-semibold hover:underline" 3467 data-menu="menu-94" 3468> 3469 Netbroekjes</a> 3470 </div> 3471 </li> 3472 <li class="py-2 px-4" 3473 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '96' }" 3474 @mouseenter="openLevel2SubmenuId = '96'" 3475 > 3476 <div class="flex justify-stretch"> 3477 3478<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni" 3479 class="flex justify-between items-center w-full font-semibold hover:underline" 3480 data-menu="menu-96" 3481> 3482 Seni</a> 3483 <button type="button" 3484 class="flex flex-1 justify-end items-center pr-1" 3485 :aria-expanded="openLevel2SubmenuId === '96' ? 'true' : 'false'" 3486 aria-controls="level-2-submenu-96" 3487 @click="openLevel2Submenu('96')" 3488 > 3489 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 3490 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3491</svg> 3492 <span class="sr-only"> 3493 Open submenu for Seni </span> 3494 </button> 3495 </div> 3496 </li> 3497 <li class="py-2 px-4" 3498 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '105' }" 3499 @mouseenter="openLevel2SubmenuId = '105'" 3500 > 3501 <div class="flex justify-stretch"> 3502 3503<a href="https://www.123drogisterij.nl/incontinentiemateriaal/matrasbeschermer" 3504 class="flex justify-between items-center w-full font-semibold hover:underline" 3505 data-menu="menu-105" 3506> 3507 Incontinentie matrasbeschermer</a> 3508 </div> 3509 </li> 3510 <li class="py-2 px-4" 3511 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '107' }" 3512 @mouseenter="openLevel2SubmenuId = '107'" 3513 > 3514 <div class="flex justify-stretch"> 3515 3516<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging" 3517 class="flex justify-between items-center w-full font-semibold hover:underline" 3518 data-menu="menu-107" 3519> 3520 Verzorging</a> 3521 <button type="button" 3522 class="flex flex-1 justify-end items-center pr-1" 3523 :aria-expanded="openLevel2SubmenuId === '107' ? 'true' : 'false'" 3524 aria-controls="level-2-submenu-107" 3525 @click="openLevel2Submenu('107')" 3526 > 3527 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 3528 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3529</svg>
3530 <span class="sr-only"> 3531 Open submenu for Verzorging </span> 3532 </button> 3533 </div> 3534 </li> 3535 <li class="py-2 px-4" 3536 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '112' }" 3537 @mouseenter="openLevel2SubmenuId = '112'" 3538 > 3539 <div class="flex justify-stretch"> 3540 3541<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare" 3542 class="flex justify-between items-center w-full font-semibold hover:underline" 3543 data-menu="menu-112" 3544> 3545 Molicare</a> 3546 <button type="button" 3547 class="flex flex-1 justify-end items-center pr-1" 3548 :aria-expanded="openLevel2SubmenuId === '112' ? 'true' : 'false'" 3549 aria-controls="level-2-submenu-112" 3550 @click="openLevel2Submenu('112')" 3551 > 3552 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 3553 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3554</svg> 3555 <span class="sr-only"> 3556 Open submenu for Molicare </span> 3557 </button> 3558 </div> 3559 </li> 3560 <li class="py-2 px-4" 3561 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '116' }" 3562 @mouseenter="openLevel2SubmenuId = '116'" 3563 > 3564 <div class="flex justify-stretch"> 3565 3566<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan" 3567 class="flex justify-between items-center w-full font-semibold hover:underline" 3568 data-menu="menu-116" 3569> 3570 Egosan</a> 3571 <button type="button" 3572 class="flex flex-1 justify-end items-center pr-1" 3573 :aria-expanded="openLevel2SubmenuId === '116' ? 'true' : 'false'" 3574 aria-controls="level-2-submenu-116" 3575 @click="openLevel2Submenu('116')" 3576 > 3577 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 3578 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3579</svg> 3580 <span class="sr-only"> 3581 Open submenu for Egosan </span> 3582 </button> 3583 </div> 3584 </li> 3585 <li class="py-2 px-4" 3586 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '121' }" 3587 @mouseenter="openLevel2SubmenuId = '121'" 3588 > 3589 <div class="flex justify-stretch"> 3590 3591<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen" 3592 class="flex justify-between items-center w-full font-semibold hover:underline" 3593 data-menu="menu-121" 3594> 3595 Incontinentiemateriaal voor kinderen</a> 3596 <button type="button" 3597 class="flex flex-1 justify-end items-center pr-1" 3598 :aria-expanded="openLevel2SubmenuId === '121' ? 'true' : 'false'" 3599 aria-controls="level-2-submenu-121" 3600 @click="openLevel2Submenu('121')" 3601 > 3602 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 3603 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3604</svg>
3605 <span class="sr-only"> 3606 Open submenu for Incontinentiemateriaal voor kinderen </span> 3607 </button> 3608 </div> 3609 </li> 3610 <li class="py-2 px-4" 3611 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '125' }" 3612 @mouseenter="openLevel2SubmenuId = '125'" 3613 > 3614 <div class="flex justify-stretch"> 3615 3616<a href="https://www.123drogisterij.nl/incontinentiemateriaal/fixatie-broekjes-incontinentie" 3617 class="flex justify-between items-center w-full font-semibold hover:underline" 3618 data-menu="menu-125" 3619> 3620 Fix</a> 3621 <button type="button" 3622 class="flex flex-1 justify-end items-center pr-1" 3623 :aria-expanded="openLevel2SubmenuId === '125' ? 'true' : 'false'" 3624 aria-controls="level-2-submenu-125" 3625 @click="openLevel2Submenu('125')" 3626 > 3627 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 3628 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3629</svg> 3630 <span class="sr-only"> 3631 Open submenu for Fix </span> 3632 </button> 3633 </div> 3634 </li> 3635 </ul> 3636 3637 3638 <ul id="level-2-submenu-29" 3639 x-ref="level-2-submenu-29" 3640 x-show="openLevel2SubmenuId === '29'" 3641 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 3642 > 3643 <li class="py-2" 3644 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '30' }" 3645 @mouseenter="openLevel3SubmenuId = '30'" 3646 > 3647 <div class="flex justify-stretch"> 3648 3649<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants" 3650 class="flex justify-between items-center w-full hover:underline" 3651 data-menu="menu-30" 3652> 3653 TENA Pants</a> 3654 3655 <button type="button" 3656 class="flex flex-1 justify-end items-center pr-1" 3657 :aria-expanded="openLevel2SubmenuId === '30' ? 'true' : 'false'" 3658 aria-controls="level-2-submenu-30" 3659 @click="openLevel2Submenu('30')" 3660 > 3661 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0" width="20" height="20"> 3662 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 3663</svg> 3664 <span class="sr-only"> 3665 Open submenu for TENA Pants </span> 3666 </button> 3667 </div> 3668 3669 <ul id="level-3-submenu-30" 3670 x-ref="level-3-submenu-30" 3671 x-show="openLevel3SubmenuId === '30'" 3672 class="flex flex-col w-80 bg-white absolute left-full top-0" 3673 > 3674 <li class="pl-12 py-2 hover:bg-tertiary-100"> 3675 3676<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants/tena-pants-voor-vrouwen" 3677 class="flex justify-between items-center w-full hover:underline" 3678 data-menu="menu-31" 3679> 3680 TENA Pants voor vrouwen</a> 3681 </li> 3682 <li class="pl-12 py-2 hover:bg-tertiary-100"> 3683 3684<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants/tena-pants-voor-mannen" 3685 class="flex justify-between items-center w-full hover:underline" 3686 data-menu="menu-32" 3687> 3688 TENA Pants voor mannen</a> 3689 </li> 3690 </ul> 3691 </li> 3692 <li class="py-2" 3693 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '33' }" 3694 @mouseenter="openLevel3SubmenuId = '33'" 3695 > 3696 <div class="flex justify-stretch"> 3697 3698<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-lady" 3699 class="flex justify-between items-center w-full hover:underline" 3700 data-menu="menu-33" 3701> 3702 TENA Lady</a> 3703 3704 </div> 3705 </li> 3706 <li class="py-2" 3707 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '34' }" 3708 @mouseenter="openLevel3SubmenuId = '34'" 3709 > 3710 <div class="flex justify-stretch"> 3711 3712<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-for-men" 3713 class="flex justify-between items-center w-full hover:underline" 3714 data-menu="menu-34" 3715> 3716 TENA For Men</a> 3717 3718 </div> 3719 </li> 3720 <li class="py-2" 3721 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '35' }" 3722 @mouseenter="openLevel3SubmenuId = '35'" 3723 > 3724 <div class="flex justify-stretch"> 3725 3726<a href="#" 3727 class="flex justify-between items-center w-full hover:underline" 3728 data-menu="menu-35" 3729> 3730 TENA Slip Active Fit</a> 3731 3732 </div> 3733 </li> 3734 <li class="py-2" 3735 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '36' }" 3736 @mouseenter="openLevel3SubmenuId = '36'" 3737 > 3738 <div class="flex justify-stretch"> 3739 3740<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-lady-broekjes" 3741 class="flex justify-between items-center w-full hover:underline" 3742 data-menu="menu-36" 3743> 3744 TENA Lady Pants</a> 3745 3746 </div> 3747 </li> 3748 <li class="py-2" 3749 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '37' }" 3750 @mouseenter="openLevel3SubmenuId = '37'" 3751 > 3752 <div class="flex justify-stretch"> 3753 3754<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-discreet" 3755 class="flex justify-between items-center w-full hover:underline" 3756 data-menu="menu-37" 3757> 3758 TENA Discreet</a> 3759 3760 </div> 3761 </li> 3762 <li class="py-2" 3763 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '38' }" 3764 @mouseenter="openLevel3SubmenuId = '38'" 3765 > 3766 <div class="flex justify-stretch"> 3767 3768<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-flex" 3769 class="flex justify-between items-center w-full hover:underline" 3770 data-menu="menu-38" 3771> 3772 TENA Flex</a> 3773 3774 </div> 3775 </li> 3776 <li class="py-2" 3777 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '39' }" 3778 @mouseenter="openLevel3SubmenuId = '39'" 3779 > 3780 <div class="flex justify-stretch"> 3781 3782<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-bed-onderleggers" 3783 class="flex justify-between items-center w-full hover:underline" 3784 data-menu="menu-39" 3785> 3786 TENA Bed Onderlegger</a> 3787 3788 </div> 3789 </li> 3790 <li class="py-2" 3791 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '40' }" 3792 @mouseenter="openLevel3SubmenuId = '40'" 3793 > 3794 <div class="flex justify-stretch"> 3795 3796<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-huidverzorging" 3797 class="flex justify-between items-center w-full hover:underline" 3798 data-menu="menu-40" 3799> 3800 TENA Huidverzorging</a> 3801 3802 </div> 3803 </li> 3804 <li class="py-2" 3805 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '41' }" 3806 @mouseenter="openLevel3SubmenuId = '41'" 3807 > 3808 <div class="flex justify-stretch"> 3809 3810<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-slips-confioair" 3811 class="flex justify-between items-center w-full hover:underline" 3812 data-menu="menu-41" 3813> 3814 TENA Slips - PROskin</a> 3815 3816 </div> 3817 </li> 3818 <li class="py-2" 3819 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '42' }" 3820 @mouseenter="openLevel3SubmenuId = '42'" 3821 > 3822 <div class="flex justify-stretch"> 3823 3824<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-comfort-confioair" 3825 class="flex justify-between items-center w-full hover:underline" 3826 data-menu="menu-42" 3827> 3828 TENA Comfort - PROskin</a> 3829 3830 </div> 3831 </li> 3832 <li class="py-2" 3833 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '43' }" 3834 @mouseenter="openLevel3SubmenuId = '43'" 3835 > 3836 <div class="flex justify-stretch"> 3837 3838<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-bariatric-slip" 3839 class="flex justify-between items-center w-full hover:underline" 3840 data-menu="menu-43" 3841> 3842 TENA Bariatric Slip</a> 3843 3844 </div> 3845 </li> 3846 <li class="py-2" 3847 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '44' }" 3848 @mouseenter="openLevel3SubmenuId = '44'" 3849 > 3850 <div class="flex justify-stretch"> 3851 3852<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-fix" 3853 class="flex justify-between items-center w-full hover:underline" 3854 data-menu="menu-44" 3855> 3856 TENA Fix</a> 3857 3858 </div> 3859 </li> 3860 <li class="py-2" 3861 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '46' }" 3862 @mouseenter="openLevel3SubmenuId = '46'" 3863 > 3864 <div class="flex justify-stretch"> 3865 3866<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-steeklaken" 3867 class="flex justify-between items-center w-full hover:underline" 3868 data-menu="menu-46" 3869> 3870 TENA Steeklaken</a> 3871 3872 </div> 3873 </li> 3874 <li class="py-2" 3875 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '47' }" 3876 @mouseenter="openLevel3SubmenuId = '47'" 3877 > 3878 <div class="flex justify-stretch"> 3879 3880<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-men" 3881 class="flex justify-between items-center w-full hover:underline" 3882 data-menu="menu-47" 3883> 3884 TENA Men</a> 3885 3886 </div> 3887 </li> 3888 <li class="py-2" 3889 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '48' }" 3890 @mouseenter="openLevel3SubmenuId = '48'" 3891 > 3892 <div class="flex justify-stretch"> 3893 3894<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-comfort-mini" 3895 class="flex justify-between items-center w-full hover:underline" 3896 data-menu="menu-48" 3897> 3898 TENA Comfort Mini</a> 3899 3900 </div> 3901 </li> 3902 </ul> 3903 3904 <ul id="level-2-submenu-52" 3905 x-ref="level-2-submenu-52" 3906 x-show="openLevel2SubmenuId === '52'" 3907 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 3908 > 3909 <li class="py-2" 3910 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '53' }" 3911 @mouseenter="openLevel3SubmenuId = '53'" 3912 > 3913 <div class="flex justify-stretch"> 3914 3915<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-flex" 3916 class="flex justify-between items-center w-full hover:underline" 3917 data-menu="menu-53" 3918> 3919 Abena Pants</a> 3920 3921 </div> 3922 </li> 3923 <li class="py-2" 3924 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '54' }" 3925 @mouseenter="openLevel3SubmenuId = '54'" 3926 > 3927 <div class="flex justify-stretch"> 3928 3929<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-form" 3930 class="flex justify-between items-center w-full hover:underline" 3931 data-menu="menu-54" 3932> 3933 Abena Slip</a> 3934 3935 </div> 3936 </li> 3937 <li class="py-2" 3938 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '55' }" 3939 @mouseenter="openLevel3SubmenuId = '55'" 3940 > 3941 <div class="flex justify-stretch"> 3942 3943<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-man" 3944 class="flex justify-between items-center w-full hover:underline" 3945 data-menu="menu-55" 3946> 3947 Abena Man</a> 3948 3949 </div> 3950
3950 </li> 3951 <li class="py-2" 3952 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '56' }" 3953 @mouseenter="openLevel3SubmenuId = '56'" 3954 > 3955 <div class="flex justify-stretch"> 3956 3957<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/verzorgend-wassen-abena" 3958 class="flex justify-between items-center w-full hover:underline" 3959 data-menu="menu-56" 3960> 3961 Verzorgend Wassen van Abena</a> 3962 3963 </div> 3964 </li> 3965 <li class="py-2" 3966 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '57' }" 3967 @mouseenter="openLevel3SubmenuId = '57'" 3968 > 3969 <div class="flex justify-stretch"> 3970 3971<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-san" 3972 class="flex justify-between items-center w-full hover:underline" 3973 data-menu="menu-57" 3974> 3975 Abena San</a> 3976 3977 </div> 3978 </li> 3979 <li class="py-2" 3980 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '58' }" 3981 @mouseenter="openLevel3SubmenuId = '58'" 3982 > 3983 <div class="flex justify-stretch"> 3984 3985<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abena-geurneutralisator" 3986 class="flex justify-between items-center w-full hover:underline" 3987 data-menu="menu-58" 3988> 3989 Abena Geurneutralisator</a> 3990 3991 </div> 3992 </li> 3993 <li class="py-2" 3994 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '59' }" 3995 @mouseenter="openLevel3SubmenuId = '59'" 3996 > 3997 <div class="flex justify-stretch"> 3998 3999<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abena-abri-let" 4000 class="flex justify-between items-center w-full hover:underline" 4001 data-menu="menu-59" 4002> 4003 Abena Let</a> 4004 4005 </div> 4006 </li> 4007 <li class="py-2" 4008 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '60' }" 4009 @mouseenter="openLevel3SubmenuId = '60'" 4010 > 4011 <div class="flex justify-stretch"> 4012 4013<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-light" 4014 class="flex justify-between items-center w-full hover:underline" 4015 data-menu="menu-60" 4016> 4017 Abena Light</a> 4018 4019 </div> 4020 </li> 4021 <li class="py-2" 4022 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '61' }" 4023 @mouseenter="openLevel3SubmenuId = '61'" 4024 > 4025 <div class="flex justify-stretch"> 4026 4027<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-soft" 4028 class="flex justify-between items-center w-full hover:underline" 4029 data-menu="menu-61" 4030> 4031 Abena Abri-Soft</a> 4032 4033 </div> 4034 </li> 4035 <li class="py-2" 4036 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '62' }" 4037 @mouseenter="openLevel3SubmenuId = '62'" 4038 > 4039 <div class="flex justify-stretch"> 4040 4041<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-form-junior" 4042 class="flex justify-between items-center w-full hover:underline" 4043 data-menu="menu-62" 4044> 4045 Abena Slip Junior</a> 4046 4047 </div> 4048 </li> 4049 </ul> 4050 4051 <ul id="level-2-submenu-63" 4052 x-ref="level-2-submenu-63" 4053 x-show="openLevel2SubmenuId === '63'" 4054 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 4055 > 4056 <li class="py-2" 4057 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '64' }" 4058 @mouseenter="openLevel3SubmenuId = '64'" 4059 > 4060 <div class="flex justify-stretch"> 4061 4062<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend
4062/depend-inleggers" 4063 class="flex justify-between items-center w-full hover:underline" 4064 data-menu="menu-64" 4065> 4066 Depend Inleggers</a> 4067 4068 </div> 4069 </li> 4070 <li class="py-2" 4071 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '65' }" 4072 @mouseenter="openLevel3SubmenuId = '65'" 4073 > 4074 <div class="flex justify-stretch"> 4075 4076<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-slip" 4077 class="flex justify-between items-center w-full hover:underline" 4078 data-menu="menu-65" 4079> 4080 Depend Slip</a> 4081 4082 </div> 4083 </li> 4084 <li class="py-2" 4085 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '66' }" 4086 @mouseenter="openLevel3SubmenuId = '66'" 4087 > 4088 <div class="flex justify-stretch"> 4089 4090<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants" 4091 class="flex justify-between items-center w-full hover:underline" 4092 data-menu="menu-66" 4093> 4094 Depend Pants</a> 4095 4096 <button type="button" 4097 class="flex flex-1 justify-end items-center pr-1" 4098 :aria-expanded="openLevel2SubmenuId === '66' ? 'true' : 'false'" 4099 aria-controls="level-2-submenu-66" 4100 @click="openLevel2Submenu('66')" 4101 > 4102 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0" width="20" height="20"> 4103 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 4104</svg> 4105 <span class="sr-only"> 4106 Open submenu for Depend Pants </span> 4107 </button> 4108 </div> 4109 4110 <ul id="level-3-submenu-66" 4111 x-ref="level-3-submenu-66" 4112 x-show="openLevel3SubmenuId === '66'" 4113 class="flex flex-col w-80 bg-white absolute left-full top-0" 4114 > 4115 <li class="pl-12 py-2 hover:bg-tertiary-100"> 4116 4117<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants/depend-pants-for-women" 4118 class="flex justify-between items-center w-full hover:underline" 4119 data-menu="menu-67" 4120> 4121 Depend Pants for Women</a> 4122 </li> 4123 <li class="pl-12 py-2 hover:bg-tertiary-100"> 4124 4125<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants/depend-pants-for-men" 4126 class="flex justify-between items-center w-full hover:underline" 4127 data-menu="menu-68" 4128> 4129 Depend Pants for Men</a> 4130 </li> 4131 </ul> 4132 </li> 4133 <li class="py-2" 4134 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '69' }" 4135 @mouseenter="openLevel3SubmenuId = '69'" 4136 > 4137 <div class="flex justify-stretch"> 4138 4139<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-verband" 4140 class="flex justify-between items-center w-full hover:underline" 4141 data-menu="menu-69" 4142> 4143 Depend Verband</a> 4144 4145 </div> 4146 </li> 4147 <li class="py-2" 4148 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '70' }" 4149 @mouseenter="openLevel3SubmenuId = '70'" 4150 > 4151 <div class="flex justify-stretch"> 4152 4153<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend
4153/depend-for-men" 4154 class="flex justify-between items-center w-full hover:underline" 4155 data-menu="menu-70" 4156> 4157 Depend For Men</a> 4158 4159 </div> 4160 </li> 4161 <li class="py-2" 4162 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '71' }" 4163 @mouseenter="openLevel3SubmenuId = '71'" 4164 > 4165 <div class="flex justify-stretch"> 4166 4167<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-anatomic" 4168 class="flex justify-between items-center w-full hover:underline" 4169 data-menu="menu-71" 4170> 4171 Depend Anatomic</a> 4172 4173 </div> 4174 </li> 4175 </ul> 4176 4177 <ul id="level-2-submenu-73" 4178 x-ref="level-2-submenu-73" 4179 x-show="openLevel2SubmenuId === '73'" 4180 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 4181 > 4182 <li class="py-2" 4183 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '74' }" 4184 @mouseenter="openLevel3SubmenuId = '74'" 4185 > 4186 <div class="flex justify-stretch"> 4187 4188<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-slip" 4189 class="flex justify-between items-center w-full hover:underline" 4190 data-menu="menu-74" 4191> 4192 Attends Slip</a> 4193 4194 </div> 4195 </li> 4196 <li class="py-2" 4197 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '75' }" 4198 @mouseenter="openLevel3SubmenuId = '75'" 4199 > 4200 <div class="flex justify-stretch"> 4201 4202<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-inleggers-2" 4203 class="flex justify-between items-center w-full hover:underline" 4204 data-menu="menu-75" 4205> 4206 Attends inleggers</a> 4207 4208 </div> 4209 </li> 4210 <li class="py-2" 4211 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '76' }" 4212 @mouseenter="openLevel3SubmenuId = '76'" 4213 > 4214 <div class="flex justify-stretch"> 4215 4216<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-pull-ons" 4217 class="flex justify-between items-center w-full hover:underline" 4218 data-menu="menu-76" 4219> 4220 Attends Pull-Ons</a> 4221 4222 </div> 4223 </li> 4224 <li class="py-2" 4225 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '77' }" 4226 @mouseenter="openLevel3SubmenuId = '77'" 4227 > 4228 <div class="flex justify-stretch"> 4229 4230<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-for-men" 4231 class="flex justify-between items-center w-full hover:underline" 4232 data-menu="menu-77" 4233> 4234 Attends For Men</a> 4235 4236 </div> 4237 </li> 4238 <li class="py-2" 4239 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '78' }" 4240 @mouseenter="openLevel3SubmenuId = '78'" 4241 > 4242 <div class="flex justify-stretch"> 4243 4244<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-soft" 4245 class="flex justify-between items-center w-full hover:underline" 4246 data-menu="menu-78" 4247> 4248 Attends Soft</a> 4249 4250 </div> 4251 </li> 4252 <li class="py-2" 4253 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '79' }" 4254 @mouseenter="openLevel3SubmenuId = '79'" 4255 > 4256 <div class="flex justify-stretch"> 4257 4258<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-contours" 4259 class="flex justify-between items-center w-full hover:underline" 4260 data-menu="menu-79" 4261> 4262 Attends Contours</a> 4263 4264 </div> 4265 </li> 4266 <li class="py-2" 4267 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '80' }" 4268 @mouseenter="openLevel3SubmenuId = '80'" 4269 > 4270 <div class="flex justify-stretch"> 4271 4272<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-contours-air-comfort" 4273 class="flex justify-between items-center w-full hover:underline" 4274 data-menu="menu-80" 4275> 4276 Attends Contours Air Comfort</a> 4277 4278 </div> 4279 </li> 4280 <li class="py-2" 4281 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '82' }" 4282 @mouseenter="openLevel3SubmenuId = '82'" 4283 > 4284 <div class="flex justify-stretch"> 4285 4286<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-cover-dri" 4287 class="flex justify-between items-center w-full hover:underline" 4288 data-menu="menu-82" 4289> 4290 Attends Cover Dri</a> 4291 4292 </div> 4293 </li> 4294 </ul> 4295 4296 <ul id="level-2-submenu-84" 4297 x-ref="level-2-submenu-84" 4298 x-show="openLevel2SubmenuId === '84'" 4299 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 4300 > 4301 <li class="py-2" 4302 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '85' }" 4303 @mouseenter="openLevel3SubmenuId = '85'" 4304 > 4305 <div class="flex justify-stretch"> 4306 4307<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-slip" 4308 class="flex justify-between items-center w-full hover:underline" 4309 data-menu="menu-85" 4310> 4311 Absorin Slip</a> 4312 4313 </div> 4314 </li> 4315 <li class="py-2" 4316 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '86' }" 4317 @mouseenter="openLevel3SubmenuId = '86'" 4318 > 4319 <div class="flex justify-stretch"> 4320 4321<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-pants" 4322 class="flex justify-between items-center w-full hover:underline" 4323 data-menu="menu-86" 4324> 4325 Absorin Pants</a> 4326 4327 </div> 4328 </li> 4329 <li class="py-2" 4330 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '87' }" 4331 @mouseenter="openLevel3SubmenuId = '87'" 4332 > 4333 <div class="flex justify-stretch"> 4334 4335<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-sanette" 4336 class="flex justify-between items-center w-full hover:underline" 4337 data-menu="menu-87" 4338> 4339 Absorin Sanette</a> 4340 4341 </div> 4342 </li> 4343 <li class="py-2" 4344 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '88' }" 4345 @mouseenter="openLevel3SubmenuId = '88'" 4346 > 4347 <div class="flex justify-stretch"> 4348 4349<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-finette" 4350 class="flex justify-between items-center w-full hover:underline" 4351 data-menu="menu-88" 4352> 4353 Absorin Finette</a> 4354 4355 </div> 4356 </li> 4357 <li class="py-2" 4358 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '89' }" 4359 @mouseenter="openLevel3SubmenuId = '89'" 4360 > 4361 <div class="flex justify-stretch"> 4362 4363<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-onderlegger" 4364 class="flex justify-between items-center w-full hover:underline" 4365 data-menu="menu-89" 4366> 4367 Absorin Onderlegger</a> 4368 4369 </div> 4370 </li> 4371 <li class="py-2" 4372 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '90' }" 4373 @mouseenter="openLevel3SubmenuId = '90'" 4374 > 4375 <div class="flex justify-stretch"> 4376 4377<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-inlay" 4378 class="flex justify-between items-center w-full hover:underline" 4379 data-menu="menu-90" 4380> 4381 Absorin Classic Inlay</a> 4382 4383 </div> 4384 </li> 4385 <li class="py-2" 4386 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '91' }" 4387 @mouseenter="openLevel3SubmenuId = '91'" 4388 > 4389 <div class="flex justify-stretch"> 4390 4391<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-mincy" 4392 class="flex justify-between items-center w-full hover:underline" 4393 data-menu="menu-91" 4394> 4395 Absorin Mannen</a> 4396 4397 </div> 4398 </li> 4399 </ul> 4400 4401 <ul id="level-2-submenu-96" 4402 x-ref="level-2-submenu-96" 4403 x-show="openLevel2SubmenuId === '96'" 4404 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 4405 > 4406 <li class="py-2" 4407 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '97' }" 4408 @mouseenter="openLevel3SubmenuId = '97'" 4409 > 4410 <div class="flex justify-stretch"> 4411 4412<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-bed-onderlegger" 4413 class="flex justify-between items-center w-full hover:underline" 4414 data-menu="menu-97" 4415> 4416 Seni Bed Onderlegger</a> 4417 4418 </div> 4419 </li> 4420 <li class="py-2" 4421 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '98' }" 4422 @mouseenter="openLevel3SubmenuId = '98'" 4423 > 4424 <div class="flex justify-stretch"> 4425 4426<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-slips" 4427 class="flex justify-between items-center w-full hover:underline" 4428 data-menu="menu-98" 4429> 4430 Seni Slips</a> 4431 4432 </div> 4433 </li> 4434 <li class="py-2" 4435 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '99' }" 4436 @mouseenter="openLevel3SubmenuId = '99'" 4437 > 4438 <div class="flex justify-stretch"> 4439 4440<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-lady" 4441 class="flex justify-between items-center w-full hover:underline" 4442 data-menu="menu-99" 4443> 4444 Seni Lady</a> 4445 4446 </div> 4447 </li> 4448 <li class="py-2" 4449 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '100' }" 4450 @mouseenter="openLevel3SubmenuId = '100'" 4451 > 4452 <div class="flex justify-stretch"> 4453 4454<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-care" 4455 class="flex justify-between items-center w-full hover:underline" 4456 data-menu="menu-100" 4457> 4458 Seni Care</a> 4459 4460 </div> 4461 </li> 4462 <li class="py-2" 4463 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '101' }" 4464 @mouseenter="openLevel3SubmenuId = '101'" 4465 > 4466 <div class="flex justify-stretch"> 4467 4468<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-
4468pants" 4469 class="flex justify-between items-center w-full hover:underline" 4470 data-menu="menu-101" 4471> 4472 Seni Pants</a> 4473 4474 </div> 4475 </li> 4476 <li class="py-2" 4477 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '102' }" 4478 @mouseenter="openLevel3SubmenuId = '102'" 4479 > 4480 <div class="flex justify-stretch"> 4481 4482<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-man" 4483 class="flex justify-between items-center w-full hover:underline" 4484 data-menu="menu-102" 4485> 4486 Seni Man</a> 4487 4488 </div> 4489 </li> 4490 <li class="py-2" 4491 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '103' }" 4492 @mouseenter="openLevel3SubmenuId = '103'" 4493 > 4494 <div class="flex justify-stretch"> 4495 4496<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/san-seni-inleggers" 4497 class="flex justify-between items-center w-full hover:underline" 4498 data-menu="menu-103" 4499> 4500 San Seni inleggers</a> 4501 4502 </div> 4503 </li> 4504 <li class="py-2" 4505 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '104' }" 4506 @mouseenter="openLevel3SubmenuId = '104'" 4507 > 4508 <div class="flex justify-stretch"> 4509 4510<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-kids-junior" 4511 class="flex justify-between items-center w-full hover:underline" 4512 data-menu="menu-104" 4513> 4514 Seni Kids Junior</a> 4515 4516 </div> 4517 </li> 4518 </ul> 4519 4520 <ul id="level-2-submenu-107" 4521 x-ref="level-2-submenu-107" 4522 x-show="openLevel2SubmenuId === '107'" 4523 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 4524 > 4525 <li class="py-2" 4526 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '108' }" 4527 @mouseenter="openLevel3SubmenuId = '108'" 4528 > 4529 <div class="flex justify-stretch"> 4530 4531<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/washandjes" 4532 class="flex justify-between items-center w-full hover:underline" 4533 data-menu="menu-108" 4534> 4535 Washandjes</a> 4536 4537 </div> 4538 </li> 4539 <li class="py-2" 4540 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '109' }" 4541 @mouseenter="openLevel3SubmenuId = '109'" 4542 > 4543 <div class="flex justify-stretch"> 4544 4545<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/tena-verzorging" 4546 class="flex justify-between items-center w-full hover:underline" 4547 data-menu="menu-109" 4548> 4549 TENA Verzorging</a> 4550 4551 </div> 4552 </li> 4553 <li class="py-2" 4554 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '110' }" 4555 @mouseenter="openLevel3SubmenuId = '110'" 4556 > 4557 <div class="flex justify-stretch"> 4558 4559<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/seni-verzorging" 4560 class="flex justify-between items-center w-full hover:underline" 4561 data-menu="menu-110" 4562> 4563 Seni Verzorging</a> 4564 4565 </div> 4566 </li> 4567 <li class="py-2" 4568 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '111' }" 4569 @mouseenter="openLevel3SubmenuId = '111'" 4570 > 4571 <div class="flex justify-stretch"> 4572 4573<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/abena-verzorging" 4574 class="flex justify-between items-center w-full hover:underline" 4575 data-menu="menu-111" 4576> 4577 Abena Verzorging</a> 4578 4579 </div> 4580 </li> 4581 </ul> 4582 4583 <ul id="level-2-submenu-112" 4584 x-ref="level-2-submenu-112" 4585 x-show="openLevel2SubmenuId === '112'" 4586 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 4587 > 4588 <li class="py-2" 4589 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '113' }" 4590 @mouseenter="openLevel3SubmenuId = '113'" 4591 > 4592 <div class="flex justify-stretch"> 4593 4594<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare/molicare-mobile" 4595 class="flex justify-between items-center w-full hover:underline" 4596 data-menu="menu-113" 4597> 4598 Hartmann Molicare Mobile</a> 4599 4600 </div> 4601 </li> 4602 <li class="py-2" 4603 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '114' }" 4604 @mouseenter="openLevel3SubmenuId = '114'" 4605 > 4606 <div class="flex justify-stretch"> 4607 4608<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare/hartmann-molicare-men" 4609 class="flex justify-between items-center w-full hover:underline" 4610 data-menu="menu-114" 4611> 4612 Hartmann Molicare Men</a> 4613 4614 </div> 4615 </li> 4616 </ul> 4617 4618 <ul id="level-2-submenu-116" 4619 x-ref="level-2-submenu-116" 4620 x-show="openLevel2SubmenuId === '116'" 4621 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 4622 > 4623 <li class="py-2" 4624 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '117' }" 4625 @mouseenter="openLevel3SubmenuId = '117'" 4626 > 4627 <div class="flex justify-stretch"> 4628 4629<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-pants" 4630 class="flex justify-between items-center w-full hover:underline" 4631 data-menu="menu-117" 4632> 4633 Egosan Pants</a> 4634 4635 </div> 4636 </li> 4637 <li class="py-2" 4638 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '118' }" 4639 @mouseenter="openLevel3SubmenuId = '118'" 4640 > 4641 <div class="flex justify-stretch"> 4642 4643<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-slip" 4644 class="flex justify-between items-center w-full hover:underline" 4645 data-menu="menu-118" 4646> 4647 Egosan Slip</a> 4648 4649 </div> 4650 </li> 4651 <li class="py-2" 4652 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '119' }" 4653 @mouseenter="openLevel3SubmenuId = '119'" 4654 > 4655 <div class="flex justify-stretch"> 4656 4657<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-man" 4658 class="flex justify-between items-center w-full hover:underline" 4659 data-menu="menu-119" 4660> 4661 Egosan Man</a> 4662 4663 </div> 4664 </li> 4665 <li class="py-2" 4666 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '120' }" 4667 @mouseenter="openLevel3SubmenuId = '120'" 4668 > 4669 <div class="flex justify-stretch"> 4670 4671<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-bed" 4672 class="flex justify-between items-center w-full hover:underline" 4673 data-menu="menu-120" 4674> 4675 Egosan Bed</a> 4676 4677 </div> 4678 </li> 4679 </ul> 4680 4681 <ul id="level-2-submenu-121" 4682 x-ref="level-2-submenu-121" 4683 x-show="openLevel2SubmenuId === '121'" 4684 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 4685 > 4686 <li class="py-2" 4687 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '122' }" 4688 @mouseenter="openLevel3SubmenuId = '122'" 4689 > 4690 <div class="flex justify-stretch"> 4691 4692<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/luiers-voor-kinderen" 4693 class="flex justify-between items-center w-full hover:underline" 4694 data-menu="menu-122" 4695> 4696 Luiers voor kinderen</a> 4697 4698 </div> 4699 </li> 4700 <li class="py-2" 4701 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '123' }" 4702 @mouseenter="openLevel3SubmenuId = '123'" 4703 > 4704 <div class="flex justify-stretch"> 4705 4706<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/incontinentiebroekjes-voor-kinderen" 4707 class="flex justify-between items-center w-full hover:underline" 4708 data-menu="menu-123" 4709> 4710 Incontinentiebroekjes voor kinderen</a> 4711 4712 </div> 4713 </li> 4714 <li class="py-2" 4715 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '124' }" 4716 @mouseenter="openLevel3SubmenuId = '124'" 4717 > 4718 <div class="flex justify-stretch"> 4719 4720<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/matrasbescherming-voor-kinderen" 4721 class="flex justify-between items-center w-full hover:underline" 4722 data-menu="menu-124" 4723> 4724 Matrasbescherming voor kinderen</a> 4725 4726 </div> 4727 </li> 4728 </ul> 4729 4730 <ul id="level-2-submenu-125" 4731 x-ref="level-2-submenu-125" 4732 x-show="openLevel2SubmenuId === '125'" 4733 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 4734 > 4735 <li class="py-2" 4736 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '126' }" 4737 @mouseenter="openLevel3SubmenuId = '126'" 4738 > 4739 <div class="flex justify-stretch"> 4740 4741<a href="https://www.123drogisterij.nl/incontinentiemateriaal/fixatie-broekjes-incontinentie/tena-fixatie-broekjes" 4742 class="flex justify-between items-center w-full hover:underline" 4743 data-menu="menu-126" 4744> 4745 TENA Fixatie Broekjes</a> 4746 4747 </div> 4748 </li> 4749 </ul> 4750 </div> 4751 </div> 4752 4753 </li> 4754 <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
4754ded-sm group" 4755 :class="{'hovered' : openSubmenuId === '128'}" 4756 @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '128'; backdrop = true;}, 200)" 4757 @mouseleave="clearTimeout(openSubmenuTimer)" 4758 > 4759 <div class="group " 4760 :class="{'' : openSubmenuId === '128'}" 4761 > 4762 4763<a href="https://www.123drogisterij.nl/incontinentie-luiers" 4764 class="flex justify-between items-center w-full hover:underline" 4765 data-menu="menu-128" 4766> 4767 Luiers</a> 4768 </div> 4769 <button type="button" 4770 x-ref="sr-button-128" 4771 :aria-expanded="openSubmenuId === '128' ? 'true' : 'false'" 4772 aria-label="Open submenu" 4773 @click="toggleSubmenu('128'); document.querySelector('.page-header').classList.add('sticky', 'top-0');" 4774 > 4775 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16"> 4776 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 4777</svg> 4778 </button> 4779 <div x-ref="submenu-128" 4780 class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto" 4781 x-show="openSubmenuId === '128'" 4782 x-cloak 4783 > 4784
4784<script> 4785 'use strict'; 4786 4787 const initSubMenu128 = () => ({ 4788 openLevel2SubmenuId: null, 4789 openLevel2Submenu(menuNode) { 4790 this.openLevel2SubmenuId = menuNode 4791 this.$nextTick(() => { 4792 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 4793 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 4794 }) 4795 }, 4796 openLevel3SubmenuId: null, 4797 openLevel3Submenu(menuNode) { 4798 this.openLevel3SubmenuId = menuNode 4799 this.$nextTick(() => { 4800 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 4801 this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 4802 }) 4803 }, 4804 }) 4805 </script>
4805 4806 4807 <div class="flex container pb-8 h-full" 4808 x-data="initSubMenu128()" 4809 > 4810 <ul class="w-80"> 4811 <li class="py-2 px-4" 4812 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '129' }" 4813 @mouseenter="openLevel2SubmenuId = '129'" 4814 x-init="openLevel2SubmenuId = '129'" 4815 > 4816 <div class="flex justify-stretch"> 4817 4818<a href="https://www.123drogisterij.nl/incontinentie-luiers/zwemluiers" 4819 class="flex justify-between items-center w-full font-semibold hover:underline" 4820 data-menu="menu-129" 4821> 4822 Zwemluiers</a> 4823 </div> 4824 </li> 4825 <li class="py-2 px-4" 4826 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '130' }" 4827 @mouseenter="openLevel2SubmenuId = '130'" 4828 > 4829 <div class="flex justify-stretch"> 4830 4831<a href="https://www.123drogisterij.nl/incontinentie-luiers/tena-luiers-voor-volwassenen" 4832 class="flex justify-between items-center w-full font-semibold hover:underline" 4833 data-menu="menu-130" 4834> 4835 TENA Luiers</a> 4836 </div> 4837 </li> 4838 <li class="py-2 px-4" 4839 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '131' }" 4840 @mouseenter="openLevel2SubmenuId = '131'" 4841 > 4842 <div class="flex justify-stretch"> 4843 4844<a href="https://www.123drogisterij.nl/incontinentie-luiers/abena-luiers" 4845 class="flex justify-between items-center w-full font-semibold hover:underline" 4846 data-menu="menu-131" 4847> 4848 Abena Luiers</a> 4849 </div> 4850 </li> 4851 <li class="py-2 px-4" 4852 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '132' }" 4853 @mouseenter="openLevel2SubmenuId = '132'" 4854 > 4855 <div class="flex justify-stretch"> 4856 4857<a href="https://www.123drogisterij.nl/incontinentie-luiers/attends-luiers" 4858 class="flex justify-between items-center w-full font-semibold hover:underline" 4859 data-menu="menu-132" 4860> 4861 Attends Luiers</a> 4862 </div> 4863 </li> 4864 <li class="py-2 px-4" 4865 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '133' }" 4866 @mouseenter="openLevel2SubmenuId = '133'" 4867 > 4868 <div class="flex justify-stretch"> 4869 4870<a href="https://www.123drogisterij.nl/incontinentie-luiers/absorin-luiers" 4871 class="flex justify-between items-center w-full font-semibold hover:underline" 4872 data-menu="menu-133" 4873> 4874 Absorin Luiers</a> 4875 </div> 4876 </li> 4877 <li class="py-2 px-4" 4878 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '134' }" 4879 @mouseenter="openLevel2SubmenuId = '134'" 4880 > 4881 <div class="flex justify-stretch"> 4882 4883<a href="https://www.123drogisterij.nl/incontinentie-luiers/plastic-luiers-voor-volwassenen" 4884 class="flex justify-between items-center w-full font-semibold hover:underline" 4885 data-menu="menu-134" 4886> 4887 Plastic luiers voor volwassenen</a> 4888 </div> 4889 </li> 4890 <li class="py-2 px-4" 4891 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '135' }" 4892 @mouseenter="openLevel2SubmenuId = '135'" 4893 > 4894 <div class="flex justify-stretch"> 4895 4896<a href="https://www.123drogisterij.nl/incontinentie-luiers/luiers-voor-volwassenen" 4897 class="flex justify-between items-center w-full font-semibold hover:underline" 4898 data-menu="menu-135" 4899> 4900 Luiers voor volwassenen</a> 4901 </div> 4902 </li> 4903 <li class="py-2 px-4" 4904 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '136' }" 4905 @mouseenter="openLevel2SubmenuId = '136'" 4906 > 4907 <div class="flex justify-stretch"> 4908 4909<a href="https://www.123drogisterij.nl/incontinentie-luiers/depend-luiers" 4910 class="flex justify-between items-center w-full font-semibold hover:underline" 4911 data-menu="menu-136" 4912> 4913 Depend Luiers</a> 4914 </div> 4915 </li> 4916 <li class="py-2 px-4" 4917 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '137' }" 4918 @mouseenter="openLevel2SubmenuId = '137'" 4919 > 4920 <div class="flex justify-stretch"> 4921 4922<a href="https://www.123drogisterij.nl/incontinentie-luiers/seni-luiers" 4923 class="flex justify-between items-center w-full font-semibold hover:underline" 4924 data-menu="menu-137" 4925> 4926 Seni Luiers</a> 4927 </div> 4928 </li> 4929 <li class="py-2 px-4" 4930 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '138' }" 4931 @mouseenter="openLevel2SubmenuId = '138'" 4932 > 4933 <div class="flex justify-stretch"> 4934 4935<a href="https://www.123drogisterij.nl/incontinentie-luiers/nachtluiers" 4936 class="flex justify-between items-center w-full font-semibold hover:underline" 4937 data-menu="menu-138" 4938> 4939 Nachtluiers volwassenen</a> 4940 </div> 4941 </li> 4942 </ul> 4943 4944 </div> 4945 </div> 4946 4947 </li> 4948 <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
4948ded-sm group" 4949 > 4950 <div class="group " 4951 :class="{'' : openSubmenuId === '140'}" 4952 > 4953 4954<a href="https://www.123drogisterij.nl/incontinentiemateriaal-voor-mannen" 4955 class="flex justify-between items-center w-full hover:underline" 4956 data-menu="menu-140" 4957> 4958 Mannen</a> 4959 </div> 4960 </li> 4961 <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent rounded-sm group" 4962 :class="{'hovered' : openSubmenuId === '141'}" 4963 @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '141'; backdrop = true;}, 200)" 4964 @mouseleave="clearTimeout(openSubmenuTimer)" 4965 > 4966 <div class="group " 4967 :class="{'' : openSubmenuId === '141'}" 4968 > 4969 4970<a href="https://www.123drogisterij.nl/incontinentie-slips" 4971 class="flex justify-between items-center w-full hover:underline" 4972 data-menu="menu-141" 4973> 4974 Slip</a> 4975 </div> 4976 <button type="button" 4977 x-ref="sr-button-141" 4978 :aria-expanded="openSubmenuId === '141' ? 'true' : 'false'" 4979 aria-label="Open submenu" 4980 @click="toggleSubmenu('141'); document.querySelector('.page-header').classList.add('sticky', 'top-0');" 4981 > 4982 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16"> 4983 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 4984</svg> 4985 </button> 4986 <div x-ref="submenu-141" 4987 class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto" 4988 x-show="openSubmenuId === '141'" 4989 x-cloak 4990 > 4991
4991<script> 4992 'use strict'; 4993 4994 const initSubMenu141 = () => ({ 4995 openLevel2SubmenuId: null, 4996 openLevel2Submenu(menuNode) { 4997 this.openLevel2SubmenuId = menuNode 4998 this.$nextTick(() => { 4999 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 5000 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 5001 }) 5002 }, 5003 openLevel3SubmenuId: null, 5004 openLevel3Submenu(menuNode) { 5005 this.openLevel3SubmenuId = menuNode 5006 this.$nextTick(() => { 5007 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 5008 this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 5009 }) 5010 }, 5011 }) 5012 </script>
5012 5013 5014 <div class="flex container pb-8 h-full" 5015 x-data="initSubMenu141()" 5016 > 5017 <ul class="w-80"> 5018 <li class="py-2 px-4" 5019 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '142' }" 5020 @mouseenter="openLevel2SubmenuId = '142'" 5021 x-init="openLevel2SubmenuId = '142'" 5022 > 5023 <div class="flex justify-stretch"> 5024 5025<a href="https://www.123drogisterij.nl/incontinentie-slips/tena-slips" 5026 class="flex justify-between items-center w-full font-semibold hover:underline" 5027 data-menu="menu-142" 5028> 5029 TENA Slips</a> 5030 </div> 5031 </li> 5032 <li class="py-2 px-4" 5033 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '143' }" 5034 @mouseenter="openLevel2SubmenuId = '143'" 5035 > 5036 <div class="flex justify-stretch"> 5037 5038<a href="https://www.123drogisterij.nl/incontinentie-slips/absorin-slip" 5039 class="flex justify-between items-center w-full font-semibold hover:underline" 5040 data-menu="menu-143" 5041> 5042 Absorin Slip</a> 5043 </div> 5044 </li> 5045 <li class="py-2 px-4" 5046 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '144' }" 5047 @mouseenter="openLevel2SubmenuId = '144'" 5048 > 5049 <div class="flex justify-stretch"> 5050 5051<a href="https://www.123drogisterij.nl/incontinentie-slips/attends-slip" 5052 class="flex justify-between items-center w-full font-semibold hover:underline" 5053 data-menu="menu-144" 5054> 5055 Attends Slip</a> 5056 </div> 5057 </li> 5058 <li class="py-2 px-4" 5059 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '145' }" 5060 @mouseenter="openLevel2SubmenuId = '145'" 5061 > 5062 <div class="flex justify-stretch"> 5063 5064<a href="https://www.123drogisterij.nl/incontinentie-slips/abena-slips" 5065 class="flex justify-between items-center w-full font-semibold hover:underline" 5066 data-menu="menu-145" 5067> 5068 Abena Slips</a> 5069 </div> 5070 </li> 5071 <li class="py-2 px-4" 5072 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '146' }" 5073 @mouseenter="openLevel2SubmenuId = '146'" 5074 > 5075 <div class="flex justify-stretch"> 5076 5077<a href="https://www.123drogisterij.nl/incontinentie-slips/depend-slip" 5078 class="flex justify-between items-center w-full font-semibold hover:underline" 5079 data-menu="menu-146" 5080> 5081 Depend Slip</a> 5082 </div> 5083 </li> 5084 <li class="py-2 px-4" 5085 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '147' }" 5086 @mouseenter="openLevel2SubmenuId = '147'" 5087 > 5088 <div class="flex justify-stretch"> 5089 5090<a href="https://www.123drogisterij.nl/incontinentie-slips/seni-slip" 5091 class="flex justify-between items-center w-full font-semibold hover:underline" 5092 data-menu="menu-147" 5093> 5094 Seni Slip</a> 5095 </div> 5096 </li> 5097 <li class="py-2 px-4" 5098 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '148' }" 5099 @mouseenter="openLevel2SubmenuId = '148'" 5100 > 5101 <div class="flex justify-stretch"> 5102 5103<a href="https://www.123drogisterij.nl/incontinentie-slips/betterdry-slip" 5104 class="flex justify-between items-center w-full font-semibold hover:underline" 5105 data-menu="menu-148" 5106> 5107 BetterDry Slip</a> 5108 </div> 5109 </li> 5110 </ul> 5111 5112 </div> 5113 </div> 5114 5115 </li> 5116 <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
5116ded-sm group" 5117 :class="{'hovered' : openSubmenuId === '149'}" 5118 @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '149'; backdrop = true;}, 200)" 5119 @mouseleave="clearTimeout(openSubmenuTimer)" 5120 > 5121 <div class="group " 5122 :class="{'' : openSubmenuId === '149'}" 5123 > 5124 5125<a href="https://www.123drogisterij.nl/incontinentie-pants" 5126 class="flex justify-between items-center w-full hover:underline" 5127 data-menu="menu-149" 5128> 5129 Pants</a> 5130 </div> 5131 <button type="button" 5132 x-ref="sr-button-149" 5133 :aria-expanded="openSubmenuId === '149' ? 'true' : 'false'" 5134 aria-label="Open submenu" 5135 @click="toggleSubmenu('149'); document.querySelector('.page-header').classList.add('sticky', 'top-0');" 5136 > 5137 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16"> 5138 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 5139</svg> 5140 </button> 5141 <div x-ref="submenu-149" 5142 class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto" 5143 x-show="openSubmenuId === '149'" 5144 x-cloak 5145 > 5146
5146<script> 5147 'use strict'; 5148 5149 const initSubMenu149 = () => ({ 5150 openLevel2SubmenuId: null, 5151 openLevel2Submenu(menuNode) { 5152 this.openLevel2SubmenuId = menuNode 5153 this.$nextTick(() => { 5154 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 5155 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 5156 }) 5157 }, 5158 openLevel3SubmenuId: null, 5159 openLevel3Submenu(menuNode) { 5160 this.openLevel3SubmenuId = menuNode 5161 this.$nextTick(() => { 5162 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 5163 this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 5164 }) 5165 }, 5166 }) 5167 </script>
5167 5168 5169 <div class="flex container pb-8 h-full" 5170 x-data="initSubMenu149()" 5171 > 5172 <ul class="w-80"> 5173 <li class="py-2 px-4" 5174 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '889' }" 5175 @mouseenter="openLevel2SubmenuId = '889'" 5176 x-init="openLevel2SubmenuId = '889'" 5177 > 5178 <div class="flex justify-stretch"> 5179 5180<a href="https://www.123drogisterij.nl/pants/abso-x-pants" 5181 class="flex justify-between items-center w-full font-semibold hover:underline" 5182 data-menu="menu-889" 5183> 5184 ABSO-X Ultra Pants</a> 5185 </div> 5186 </li> 5187 <li class="py-2 px-4" 5188 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '150' }" 5189 @mouseenter="openLevel2SubmenuId = '150'" 5190 > 5191 <div class="flex justify-stretch"> 5192 5193<a href="https://www.123drogisterij.nl/incontinentie-pants/tena-pants" 5194 class="flex justify-between items-center w-full font-semibold hover:underline" 5195 data-menu="menu-150" 5196> 5197 TENA Pants</a> 5198 </div> 5199 </li> 5200 <li class="py-2 px-4" 5201 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '151' }" 5202 @mouseenter="openLevel2SubmenuId = '151'" 5203 > 5204 <div class="flex justify-stretch"> 5205 5206<a href="https://www.123drogisterij.nl/incontinentie-pants/abena-pants" 5207 class="flex justify-between items-center w-full font-semibold hover:underline" 5208 data-menu="menu-151" 5209> 5210 Abena Pants</a> 5211 </div> 5212 </li> 5213 <li class="py-2 px-4" 5214 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '152' }" 5215 @mouseenter="openLevel2SubmenuId = '152'" 5216 > 5217 <div class="flex justify-stretch"> 5218 5219<a href="https://www.123drogisterij.nl/incontinentie-pants/attends-pants" 5220 class="flex justify-between items-center w-full font-semibold hover:underline" 5221 data-menu="menu-152" 5222> 5223 Attends Pants</a> 5224 </div> 5225 </li> 5226 <li class="py-2 px-4" 5227 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '153' }" 5228 @mouseenter="openLevel2SubmenuId = '153'" 5229 > 5230 <div class="flex justify-stretch"> 5231 5232<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants" 5233 class="flex justify-between items-center w-full font-semibold hover:underline" 5234 data-menu="menu-153" 5235> 5236 Depend Pants</a> 5237 <button type="button" 5238 class="flex flex-1 justify-end items-center pr-1" 5239 :aria-expanded="openLevel2SubmenuId === '153' ? 'true' : 'false'" 5240 aria-controls="level-2-submenu-153" 5241 @click="openLevel2Submenu('153')" 5242 > 5243 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20"> 5244 <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/> 5245</svg>
5246 <span class="sr-only"> 5247 Open submenu for Depend Pants </span> 5248 </button> 5249 </div> 5250 </li> 5251 <li class="py-2 px-4" 5252 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '156' }" 5253 @mouseenter="openLevel2SubmenuId = '156'" 5254 > 5255 <div class="flex justify-stretch"> 5256 5257<a href="https://www.123drogisterij.nl/pants/incontinentiebroekjes" 5258 class="flex justify-between items-center w-full font-semibold hover:underline" 5259 data-menu="menu-156" 5260> 5261 Incontinentiebroekjes</a> 5262 </div> 5263 </li> 5264 <li class="py-2 px-4" 5265 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '157' }" 5266 @mouseenter="openLevel2SubmenuId = '157'" 5267 > 5268 <div class="flex justify-stretch"> 5269 5270<a href="https://www.123drogisterij.nl/incontinentie-pants/lille-pants" 5271 class="flex justify-between items-center w-full font-semibold hover:underline" 5272 data-menu="menu-157" 5273> 5274 Lille Pants</a> 5275 </div> 5276 </li> 5277 <li class="py-2 px-4" 5278 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '158' }" 5279 @mouseenter="openLevel2SubmenuId = '158'" 5280 > 5281 <div class="flex justify-stretch"> 5282 5283<a href="https://www.123drogisterij.nl/incontinentie-pants/seni-active-pants" 5284 class="flex justify-between items-center w-full font-semibold hover:underline" 5285 data-menu="menu-158" 5286> 5287 Seni Active pants</a> 5288 </div> 5289 </li> 5290 <li class="py-2 px-4" 5291 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '159' }" 5292 @mouseenter="openLevel2SubmenuId = '159'" 5293 > 5294 <div class="flex justify-stretch"> 5295 5296<a href="https://www.123drogisterij.nl/incontinentie-pants/absorin-pants" 5297 class="flex justify-between items-center w-full font-semibold hover:underline" 5298 data-menu="menu-159" 5299> 5300 Absorin Comfort Pants</a> 5301 </div> 5302 </li> 5303 </ul> 5304 5305 5306 <ul id="level-2-submenu-153" 5307 x-ref="level-2-submenu-153" 5308 x-show="openLevel2SubmenuId === '153'" 5309 class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4" 5310 > 5311 <li class="py-2" 5312 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '154' }" 5313 @mouseenter="openLevel3SubmenuId = '154'" 5314 > 5315 <div class="flex justify-stretch"> 5316 5317<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants/vrouwen" 5318 class="flex justify-between items-center w-full hover:underline" 5319 data-menu="menu-154" 5320> 5321 Vrouwen</a> 5322 5323 </div> 5324 </li> 5325 <li class="py-2" 5326 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '155' }" 5327 @mouseenter="openLevel3SubmenuId = '155'" 5328 > 5329 <div class="flex justify-stretch"> 5330 5331<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants/mannen" 5332 class="flex justify-between items-center w-full hover:underline" 5333 data-menu="menu-155" 5334> 5335 Mannen</a> 5336 5337 </div> 5338 </li> 5339 </ul> 5340 </div> 5341 </div> 5342 5343 </li> 5344 <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
5344ded-sm group" 5345 :class="{'hovered' : openSubmenuId === '160'}" 5346 @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '160'; backdrop = true;}, 200)" 5347 @mouseleave="clearTimeout(openSubmenuTimer)" 5348 > 5349 <div class="group " 5350 :class="{'' : openSubmenuId === '160'}" 5351 > 5352 5353<a href="https://www.123drogisterij.nl/incontinentie-inleggers" 5354 class="flex justify-between items-center w-full hover:underline" 5355 data-menu="menu-160" 5356> 5357 Inlegger</a> 5358 </div> 5359 <button type="button" 5360 x-ref="sr-button-160" 5361 :aria-expanded="openSubmenuId === '160' ? 'true' : 'false'" 5362 aria-label="Open submenu" 5363 @click="toggleSubmenu('160'); document.querySelector('.page-header').classList.add('sticky', 'top-0');" 5364 > 5365 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16"> 5366 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 5367</svg> 5368 </button> 5369 <div x-ref="submenu-160" 5370 class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto" 5371 x-show="openSubmenuId === '160'" 5372 x-cloak 5373 > 5374
5374<script> 5375 'use strict'; 5376 5377 const initSubMenu160 = () => ({ 5378 openLevel2SubmenuId: null, 5379 openLevel2Submenu(menuNode) { 5380 this.openLevel2SubmenuId = menuNode 5381 this.$nextTick(() => { 5382 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 5383 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 5384 }) 5385 }, 5386 openLevel3SubmenuId: null, 5387 openLevel3Submenu(menuNode) { 5388 this.openLevel3SubmenuId = menuNode 5389 this.$nextTick(() => { 5390 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 5391 this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 5392 }) 5393 }, 5394 }) 5395 </script>
5395 5396 5397 <div class="flex container pb-8 h-full" 5398 x-data="initSubMenu160()" 5399 > 5400 <ul class="w-80"> 5401 <li class="py-2 px-4" 5402 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '161' }" 5403 @mouseenter="openLevel2SubmenuId = '161'" 5404 x-init="openLevel2SubmenuId = '161'" 5405 > 5406 <div class="flex justify-stretch"> 5407 5408<a href="https://www.123drogisterij.nl/incontinentie-inleggers/tena-inleggers" 5409 class="flex justify-between items-center w-full font-semibold hover:underline" 5410 data-menu="menu-161" 5411> 5412 TENA Inleggers</a> 5413 </div> 5414 </li> 5415 <li class="py-2 px-4" 5416 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '162' }" 5417 @mouseenter="openLevel2SubmenuId = '162'" 5418 > 5419 <div class="flex justify-stretch"> 5420 5421<a href="https://www.123drogisterij.nl/incontinentie-inleggers/abena-inleggers" 5422 class="flex justify-between items-center w-full font-semibold hover:underline" 5423 data-menu="menu-162" 5424> 5425 Abena Inleggers</a> 5426 </div> 5427 </li> 5428 <li class="py-2 px-4" 5429 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '163' }" 5430 @mouseenter="openLevel2SubmenuId = '163'" 5431 > 5432 <div class="flex justify-stretch"> 5433 5434<a href="https://www.123drogisterij.nl/incontinentie-inleggers/depend-inleggers" 5435 class="flex justify-between items-center w-full font-semibold hover:underline" 5436 data-menu="menu-163" 5437> 5438 Depend Inleggers</a> 5439 </div> 5440 </li> 5441 <li class="py-2 px-4" 5442 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '164' }" 5443 @mouseenter="openLevel2SubmenuId = '164'" 5444 > 5445 <div class="flex justify-stretch"> 5446 5447<a href="https://www.123drogisterij.nl/incontinentie-inleggers/absorin-inleggers" 5448 class="flex justify-between items-center w-full font-semibold hover:underline" 5449 data-menu="menu-164" 5450> 5451 Absorin Inleggers</a> 5452 </div> 5453 </li> 5454 <li class="py-2 px-4" 5455 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '165' }" 5456 @mouseenter="openLevel2SubmenuId = '165'" 5457 > 5458 <div class="flex justify-stretch"> 5459 5460<a href="https://www.123drogisterij.nl/incontinentie-inleggers/seni-inleggers" 5461 class="flex justify-between items-center w-full font-semibold hover:underline" 5462 data-menu="menu-165" 5463> 5464 Seni inleggers</a> 5465 </div> 5466 </li> 5467 <li class="py-2 px-4" 5468 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '166' }" 5469 @mouseenter="openLevel2SubmenuId = '166'" 5470 > 5471 <div class="flex justify-stretch"> 5472 5473<a href="https://www.123drogisterij.nl/incontinentie-inleggers/attends-inleggers" 5474 class="flex justify-between items-center w-full font-semibold hover:underline" 5475 data-menu="menu-166" 5476> 5477 Attends Inlegger</a> 5478 </div> 5479 </li> 5480 <li class="py-2 px-4" 5481 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '167' }" 5482 @mouseenter="openLevel2SubmenuId = '167'" 5483 > 5484 <div class="flex justify-stretch"> 5485 5486<a href="https://www.123drogisterij.nl/incontinentie-inleggers/inlegverband-incontinentieverband" 5487 class="flex justify-between items-center w-full font-semibold hover:underline" 5488 data-menu="menu-167" 5489> 5490 Inlegverband / incontinentieverband</a> 5491 </div> 5492 </li> 5493 <li class="py-2 px-4" 5494 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '168' }" 5495 @mouseenter="openLevel2SubmenuId = '168'" 5496 > 5497 <div class="flex justify-stretch"> 5498 5499<a href="https://www.123drogisterij.nl/incontinentie-inleggers/mannenverband" 5500 class="flex justify-between items-center w-full font-semibold hover:underline" 5501 data-menu="menu-168" 5502> 5503 Mannenverband</a> 5504 </div> 5505 </li> 5506 </ul> 5507 5508 </div> 5509 </div> 5510 5511 </li> 5512 <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
5512ded-sm group" 5513 :class="{'hovered' : openSubmenuId === '169'}" 5514 @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '169'; backdrop = true;}, 200)" 5515 @mouseleave="clearTimeout(openSubmenuTimer)" 5516 > 5517 <div class="group " 5518 :class="{'' : openSubmenuId === '169'}" 5519 > 5520 5521<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie" 5522 class="flex justify-between items-center w-full hover:underline" 5523 data-menu="menu-169" 5524> 5525 Verzorging</a> 5526 </div> 5527 <button type="button" 5528 x-ref="sr-button-169" 5529 :aria-expanded="openSubmenuId === '169' ? 'true' : 'false'" 5530 aria-label="Open submenu" 5531 @click="toggleSubmenu('169'); document.querySelector('.page-header').classList.add('sticky', 'top-0');" 5532 > 5533 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16"> 5534 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 5535</svg> 5536 </button> 5537 <div x-ref="submenu-169" 5538 class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto" 5539 x-show="openSubmenuId === '169'" 5540 x-cloak 5541 > 5542
5542<script> 5543 'use strict'; 5544 5545 const initSubMenu169 = () => ({ 5546 openLevel2SubmenuId: null, 5547 openLevel2Submenu(menuNode) { 5548 this.openLevel2SubmenuId = menuNode 5549 this.$nextTick(() => { 5550 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 5551 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 5552 }) 5553 }, 5554 openLevel3SubmenuId: null, 5555 openLevel3Submenu(menuNode) { 5556 this.openLevel3SubmenuId = menuNode 5557 this.$nextTick(() => { 5558 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 5559 this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 5560 }) 5561 }, 5562 }) 5563 </script>
5563 5564 5565 <div class="flex container pb-8 h-full" 5566 x-data="initSubMenu169()" 5567 > 5568 <ul class="w-80"> 5569 <li class="py-2 px-4" 5570 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '170' }" 5571 @mouseenter="openLevel2SubmenuId = '170'" 5572 x-init="openLevel2SubmenuId = '170'" 5573 > 5574 <div class="flex justify-stretch"> 5575 5576<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/wegwerp-washandjes-nat-en-droog" 5577 class="flex justify-between items-center w-full font-semibold hover:underline" 5578 data-menu="menu-170" 5579> 5580 Wegwerp Washandjes</a> 5581 </div> 5582 </li> 5583 <li class="py-2 px-4" 5584 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '171' }" 5585 @mouseenter="openLevel2SubmenuId = '171'" 5586 > 5587 <div class="flex justify-stretch"> 5588 5589<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/verzorgingsproducten-cremes-wasgels" 5590 class="flex justify-between items-center w-full font-semibold hover:underline" 5591 data-menu="menu-171" 5592> 5593 Crèmes & wasgels</a> 5594 </div> 5595 </li> 5596 <li class="py-2 px-4" 5597 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '172' }" 5598 @mouseenter="openLevel2SubmenuId = '172'" 5599 > 5600 <div class="flex justify-stretch"> 5601 5602<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/verzorgend-wassen-natte-washandjes" 5603 class="flex justify-between items-center w-full font-semibold hover:underline" 5604 data-menu="menu-172" 5605> 5606 Verzorgend wassen - Wet Wash - Shampoo Cap</a> 5607 </div> 5608 </li> 5609 <li class="py-2 px-4" 5610 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '173' }" 5611 @mouseenter="openLevel2SubmenuId = '173'" 5612 > 5613 <div class="flex justify-stretch"> 5614 5615<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/luieremmer-janibell-akord" 5616 class="flex justify-between items-center w-full font-semibold hover:underline" 5617 data-menu="menu-173" 5618> 5619 Luieremmer Janibell Akord</a> 5620 </div> 5621 </li> 5622 <li class="py-2 px-4" 5623 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '174' }" 5624 @mouseenter="openLevel2SubmenuId = '174'" 5625 > 5626 <div class="flex justify-stretch"> 5627 5628<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/uri-go" 5629 class="flex justify-between items-center w-full font-semibold hover:underline" 5630 data-menu="menu-174" 5631> 5632 Uri-Go</a> 5633 </div> 5634 </li> 5635 <li class="py-2 px-4" 5636 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '175' }" 5637 @mouseenter="openLevel2SubmenuId = '175'" 5638 > 5639 <div class="flex justify-stretch"> 5640 5641<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/vochtige-washandjes" 5642 class="flex justify-between items-center w-full font-semibold hover:underline" 5643 data-menu="menu-175" 5644> 5645 Vochtige washandjes</a> 5646 </div> 5647 </li> 5648 <li class="py-2 px-4" 5649 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '176' }" 5650 @mouseenter="openLevel2SubmenuId = '176'" 5651 > 5652 <div class="flex justify-stretch"> 5653 5654<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/slabben-voor-volwassenen" 5655 class="flex justify-between items-center w-full font-semibold hover:underline" 5656 data-menu="menu-176" 5657> 5658 Slab voor volwassenen</a> 5659 </div> 5660 </li> 5661 <li class="py-2 px-4" 5662 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '177' }" 5663 @mouseenter="openLevel2SubmenuId = '177'" 5664 > 5665 <div class="flex justify-stretch"> 5666 5667<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/shampoo-cap" 5668 class="flex justify-between items-center w-full font-semibold hover:underline" 5669 data-menu="menu-177" 5670> 5671 Shampoo cap</a> 5672 </div> 5673 </li> 5674 <li class="py-2 px-4" 5675 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '178' }" 5676 @mouseenter="openLevel2SubmenuId = '178'" 5677 > 5678 <div class="flex justify-stretch"> 5679 5680<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/opvangzakken" 5681 class="flex justify-between items-center w-full font-semibold hover:underline" 5682 data-menu="menu-178" 5683> 5684 Opvangzakken | Dr. Helewa</a> 5685 </div> 5686 </li> 5687 <li class="py-2 px-4" 5688 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '179' }" 5689 @mouseenter="openLevel2SubmenuId = '179'" 5690 > 5691 <div class="flex justify-stretch"> 5692 5693<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/producten-voor-mantelzorgers" 5694 class="flex justify-between items-center w-full font-semibold hover:underline" 5695 data-menu="menu-179" 5696> 5697 Producten voor mantelzorgers</a> 5698 </div> 5699 </li> 5700 <li class="py-2 px-4" 5701 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '180' }" 5702 @mouseenter="openLevel2SubmenuId = '180'" 5703 > 5704 <div class="flex justify-stretch"> 5705 5706<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/handschoenen" 5707 class="flex justify-between items-center w-full font-semibold hover:underline" 5708 data-menu="menu-180" 5709> 5710 Handschoenen</a> 5711 </div> 5712 </li> 5713 </ul> 5714 5715 </div> 5716 </div> 5717 5718 </li> 5719 <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
5719ded-sm group" 5720 :class="{'hovered' : openSubmenuId === '181'}" 5721 @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '181'; backdrop = true;}, 200)" 5722 @mouseleave="clearTimeout(openSubmenuTimer)" 5723 > 5724 <div class="group " 5725 :class="{'' : openSubmenuId === '181'}" 5726 > 5727 5728<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers" 5729 class="flex justify-between items-center w-full hover:underline" 5730 data-menu="menu-181" 5731> 5732 Onderlegger</a> 5733 </div> 5734 <button type="button" 5735 x-ref="sr-button-181" 5736 :aria-expanded="openSubmenuId === '181' ? 'true' : 'false'" 5737 aria-label="Open submenu" 5738 @click="toggleSubmenu('181'); document.querySelector('.page-header').classList.add('sticky', 'top-0');" 5739 > 5740 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16"> 5741 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 5742</svg> 5743 </button> 5744 <div x-ref="submenu-181" 5745 class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto" 5746 x-show="openSubmenuId === '181'" 5747 x-cloak 5748 > 5749
5749<script> 5750 'use strict'; 5751 5752 const initSubMenu181 = () => ({ 5753 openLevel2SubmenuId: null, 5754 openLevel2Submenu(menuNode) { 5755 this.openLevel2SubmenuId = menuNode 5756 this.$nextTick(() => { 5757 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 5758 this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 5759 }) 5760 }, 5761 openLevel3SubmenuId: null, 5762 openLevel3Submenu(menuNode) { 5763 this.openLevel3SubmenuId = menuNode 5764 this.$nextTick(() => { 5765 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 5766 this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus() 5767 }) 5768 }, 5769 }) 5770 </script>
5770 5771 5772 <div class="flex container pb-8 h-full" 5773 x-data="initSubMenu181()" 5774 > 5775 <ul class="w-80"> 5776 <li class="py-2 px-4" 5777 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '890' }" 5778 @mouseenter="openLevel2SubmenuId = '890'" 5779 x-init="openLevel2SubmenuId = '890'" 5780 > 5781 <div class="flex justify-stretch"> 5782 5783<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/abso-x-ultra-bed" 5784 class="flex justify-between items-center w-full font-semibold hover:underline" 5785 data-menu="menu-890" 5786> 5787 ABSO-X Ultra Bed</a> 5788 </div> 5789 </li> 5790 <li class="py-2 px-4" 5791 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '182' }" 5792 @mouseenter="openLevel2SubmenuId = '182'" 5793 > 5794 <div class="flex justify-stretch"> 5795 5796<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/tena-bed-onderleggers" 5797 class="flex justify-between items-center w-full font-semibold hover:underline" 5798 data-menu="menu-182" 5799> 5800 TENA Bed Onderleggers</a> 5801 </div> 5802 </li> 5803 <li class="py-2 px-4" 5804 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '183' }" 5805 @mouseenter="openLevel2SubmenuId = '183'" 5806 > 5807 <div class="flex justify-stretch"> 5808 5809<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/wasbare-onderleggers" 5810 class="flex justify-between items-center w-full font-semibold hover:underline" 5811 data-menu="menu-183" 5812> 5813 Wasbare onderleggers</a> 5814 </div> 5815 </li> 5816 <li class="py-2 px-4" 5817 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '184' }" 5818 @mouseenter="openLevel2SubmenuId = '184'" 5819 > 5820 <div class="flex justify-stretch"> 5821 5822<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/matrasbeschermer" 5823 class="flex justify-between items-center w-full font-semibold hover:underline" 5824 data-menu="menu-184" 5825> 5826 Waterdichte matrasbeschermer</a> 5827 </div> 5828 </li> 5829 <li class="py-2 px-4" 5830 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '185' }" 5831 @mouseenter="openLevel2SubmenuId = '185'" 5832 > 5833 <div class="flex justify-stretch"> 5834 5835<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/abena-bed-onderleggers" 5836 class="flex justify-between items-center w-full font-semibold hover:underline" 5837 data-menu="menu-185" 5838> 5839 Abena Bed Onderleggers</a> 5840 </div> 5841 </li> 5842 <li class="py-2 px-4" 5843 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '186' }" 5844 @mouseenter="openLevel2SubmenuId = '186'" 5845 > 5846 <div class="flex justify-stretch"> 5847 5848<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/seni-bed-onderleggers" 5849 class="flex justify-between items-center w-full font-semibold hover:underline" 5850 data-menu="menu-186" 5851> 5852 Seni Bed Onderlegger</a> 5853 </div> 5854 </li> 5855 <li class="py-2 px-4" 5856 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '187' }" 5857 @mouseenter="openLevel2SubmenuId = '187'" 5858 > 5859 <div class="flex justify-stretch"> 5860 5861<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/absorin-bed-onderleggers" 5862 class="flex justify-between items-center w-full font-semibold hover:underline" 5863 data-menu="menu-187" 5864> 5865 Absorin Bed Onderleggers</a> 5866 </div> 5867 </li> 5868 <li class="py-2 px-4" 5869 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '188' }" 5870 @mouseenter="openLevel2SubmenuId = '188'" 5871 > 5872 <div class="flex justify-stretch"> 5873 5874<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/attends-bed-onderleggers" 5875 class="flex justify-between items-center w-full font-semibold hover:underline" 5876 data-menu="menu-188" 5877> 5878 Attends Bed Onderleggers</a> 5879 </div> 5880 </li> 5881 <li class="py-2 px-4" 5882 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '189' }" 5883 @mouseenter="openLevel2SubmenuId = '189'" 5884 > 5885 <div class="flex justify-stretch"> 5886 5887<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/stoelbeschermer" 5888 class="flex justify-between items-center w-full font-semibold hover:underline" 5889 data-menu="menu-189" 5890> 5891 Stoelbeschermer</a> 5892 </div> 5893 </li> 5894 <li class="py-2 px-4" 5895 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '190' }" 5896 @mouseenter="openLevel2SubmenuId = '190'" 5897 > 5898 <div class="flex justify-stretch"> 5899 5900<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/bedzeil" 5901 class="flex justify-between items-center w-full font-semibold hover:underline" 5902 data-menu="menu-190"
5903> 5904 Bedzeil</a> 5905 </div> 5906 </li> 5907 <li class="py-2 px-4" 5908 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '191' }" 5909 @mouseenter="openLevel2SubmenuId = '191'" 5910 > 5911 <div class="flex justify-stretch"> 5912 5913<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/celstofmatjes" 5914 class="flex justify-between items-center w-full font-semibold hover:underline" 5915 data-menu="menu-191" 5916> 5917 Celstofmatjes</a> 5918 </div> 5919 </li> 5920 <li class="py-2 px-4" 5921 :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '193' }" 5922 @mouseenter="openLevel2SubmenuId = '193'" 5923 > 5924 <div class="flex justify-stretch"> 5925 5926<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/steeklaken" 5927 class="flex justify-between items-center w-full font-semibold hover:underline" 5928 data-menu="menu-193" 5929> 5930 Steeklaken</a> 5931 </div> 5932 </li> 5933 </ul> 5934 5935 </div> 5936 </div> 5937 5938 </li> 5939 </ul> 5940 </nav> 5941 </div> 5942
5943<script> 5944 function initCartDrawer() { 5945 return { 5946 open: false, 5947 isLoading: false, 5948 cart: {}, 5949 maxItemsToDisplay: 100, 5950 itemsCount: 0, 5951 getData(data) { 5952 if (data.cart) { 5953 this.cart = data.cart; 5954 this.itemsCount = data.cart.items && data.cart.items.length || 0; 5955 this.setCartItems(); 5956 } 5957 this.isLoading = false; 5958 }, 5959 cartItems: [], 5960 getItemCountTitle() { 5961 return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.itemsCount) 5962 }, 5963 setCartItems() { 5964 this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || []; 5965 5966 if (this.maxItemsToDisplay > 0) { 5967 this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10)); 5968 } 5969 }, 5970 updateItemQty(form) { 5971 this.isLoading = true; 5972 5973 hyvaAjaxFormMinicart({ 5974 form, 5975 redirect: false 5976 }, () => { 5977 this.isLoading = false; 5978 }); 5979 }, 5980 deleteItemFromCart(itemId) { 5981 this.isLoading = true; 5982 5983 const formKey = hyva.getFormKey(); 5984 hyvaAjaxFormMinicart({ 5985 url: BASE_URL + 'checkout/sidebar/removeItem/', 5986 body: 'form_key=' + formKey + '&item_id=' + itemId, 5987 message: 'U\u0020heeft\u0020het\u0020item\u0020verwijderd.' 5988 }, () => { 5989 this.isLoading = false 5990 }); 5991 }, 5992 scrollLock(use = true) { 5993 document.body.style.overflow = use ? 'hidden' : ''; 5994 }, 5995 toggleCartDrawer(event) { 5996 if (event.detail && event.detail.isOpen) { 5997 this.open = event.detail.isOpen; 5998 } else { 5999 this.open = !this.open; 6000 } 6001 6002 if (this.open) { 6003 this.$root.showModal(); 6004 } else { 6005 this.$root.close(); 6006 } 6007 6008 this.scrollLock(this.open); 6009 }, 6010 openCartDrawer() { 6011 this.$root.showModal(); 6012 this.open = true; 6013 this.scrollLock(true); 6014 }, 6015 closeCartDrawer() { 6016 this.$root.close(); 6017 this.open = false; 6018 this.scrollLock(false); 6019 }, 6020 getSectionDataExtraActions() { 6021 if (!this.cart.extra_actions) { 6022 return ''; 6023 } 6024 6025 const contentNode = document.createElement('div'); 6026 contentNode.innerHTML = this.cart.extra_actions; 6027 hyva.activateScripts(contentNode); 6028 6029 return contentNode.innerHTML; 6030 }, 6031 onDialogBackdropClickHelper(event, target) { 6032 const rect = target.getBoundingClientRect(); 6033 const isInDialog = 6034 rect.top <= event.clientY && 6035 event.clientY <= rect.top + rect.height && 6036 rect.left <= event.clientX && 6037 event.clientX <= rect.left + rect.width; 6038 return isInDialog; 6039 }, 6040 setItemMessage(itemId, message) { 6041 const items = this.cartItems; 6042 items.forEach((item) => { 6043 if (item.item_id === itemId) { 6044 item.message = message; 6045 } 6046 }); 6047 }, 6048 cartListeners: { 6049 ['@private-content-loaded.window'](event) { 6050 this.getData(event.detail.data); 6051 }, 6052 ['@click'](event) { 6053 if (this.onDialogBackdropClickHelper(event, this.$root)) return; 6054 this.closeCartDrawer(); 6055 }, 6056 ['@toggle-cart.window'](event) { 6057 this.toggleCartDrawer(event); 6058 }, 6059 ['@keydown.window.escape']() { 6060 this.closeCartDrawer(); 6061 }, 6062 ['@minicart-error-message.window'](event) { 6063 if (!event.detail) return; 6064 const { itemId, message } = event.detail; 6065 this.setItemMessage(itemId, message); 6066 } 6067 } 6068 } 6069 } 6070 6071 async function hyvaAjaxFormMinicart( 6072 { 6073 form = null, 6074 url = '', 6075 body = '', 6076 redirect = 'default', 6077 message = '', 6078 } = {}, 6079 callback = () => {} 6080 ) { 6081 const formData = body ? body : (form ? new FormData(form) : ''); 6082 const postUrl = url ? url : (form ? form.action : ''); 6083 if (!formData || !postUrl) { 6084 console.warn('You must provide the form or formData and postUrl!'); 6085 return; 6086 } 6087 6088 const formUenc = hyva.getUenc(); 6089 const itemId = body ? new URLSearchParams(body).get('item_id') : formData.get('item_id'); 6090 let bodyUrl = new URLSearchParams(formData); 6091 bodyUrl.append('uenc', formUenc); 6092 6093 try { 6094 const response = await fetch(postUrl, { 6095 method: 'POST', 6096 body: bodyUrl.toString(), 6097 mode: 'cors', 6098 credentials: 'include', 6099 headers: { 6100 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 6101 'X-Requested-With': 'XMLHttpRequest' 6102 } 6103 }); 6104 6105 if (!response.ok) { 6106 return form.submit(); 6107 } 6108 6109 if (redirect === 'default' && response.redirected) { 6110 return window.location.href = response.url; 6111 } else if (redirect !== 'default' && redirect !== false) { 6112 return window.location.href = redirect; 6113 } 6114 6115 const responseBody = await response.json(); 6116 6117 if (!responseBody.success) { 6118 throw responseBody.error_message; 6119 } 6120 6121 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 6122 } catch (error) { 6123 window.dispatchEvent(new CustomEvent('minicart-error-message', { detail: { itemId, message: error } })); 6124 } finally { 6125 callback(); 6126 } 6127 } 6128</script>
6128 6129 6130 6131<template id="cart-drawer" 6132 x-data="initCartDrawer()" 6133 @private-content-loaded.window="getData(event.detail.data)" 6134 @toggle-cart.window="open=true" 6135 @keydown.window.escape="open=false" 6136 x-if="cart && cart.summary_count" 6137> 6138 <div role="dialog" 6139 aria-labelledby="cart-drawer-title" 6140 aria-modal="true" 6141 @click.outside="open = false" 6142 class="fixed inset-y-0 right-0 z-30 flex justify-end max-w-full cart-drawer-dialog" 6143 > 6144 <div class="backdrop" 6145 x-show="open" 6146 x-transition:enter="ease-in-out duration-500" 6147 x-transition:enter-start="opacity-0" 6148 x-transition:enter-end="opacity-100" 6149 x-transition:leave="ease-in-out duration-500" 6150 x-transition:leave-start="opacity-100" 6151 x-transition:leave-end="opacity-0" 6152 @click="open = false" 6153 aria-label="Close panel"></div> 6154 <div class="relative w-11/12 max-w-sm min-w-md shadow-hard md:min-w-[32rem] md:max-w-lg" 6155 x-show="open" 6156 x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 6157 x-transition:enter-start="translate-x-full" 6158 x-transition:enter-end="translate-x-0" 6159 x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" 6160 x-transition:leave-start="translate-x-0" 6161 x-transition:leave-end="translate-x-full" 6162 > 6163 <div 6164 x-show="open" 6165 x-transition:enter="ease-in-out duration-500" 6166 x-transition:enter-start="opacity-0" 6167 x-transition:enter-end="opacity-100" 6168 x-transition:leave="ease-in-out duration-500" 6169 x-transition:leave-start="opacity-100" 6170 x-transition:leave-end="opacity-0" class="absolute top-0 right-0 flex p-2"> 6171 <button @click="open = false;" aria-label="Close panel" 6172 class="p-2 transition duration-150 ease-in-out hover:text-secondary-900"> 6173 <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6174 <path stroke-linecap="round" stroke-linejoin="round" 6175 stroke-width="2" d="M6 18L18 6M6 6l12 12"> 6176 </path> 6177 </svg> 6178 </button> 6179 </div> 6180 <div class="flex flex-col h-full bg-white"> 6181 <header class="pt-4 px-4 sm:px-6"> 6182 <h2 id="cart-drawer-title" class="text-xl font-bold pb-4 border-b lg:text-2xl"> 6183 Winkelmand </h2> 6184 </header> 6185 <div class="overflow-y-auto bg-white sm:gap-8 pt-3 px-4 sm:px-6"> 6186 <template x-for="item in cartItems"> 6187 <div class="flex items-start space-x-4 border-b w-full pb-4 mb-4"> 6188 <a :href="item.product_url"> 6189 <img 6190 :src="item.product_image.src" 6191 :width="item.product_image.width" 6192 :height="item.product_image.height" 6193 loading="lazy" 6194 class="border rounded-md max-w-[100px]" 6195 /> 6196 </a> 6197 <div class="w-3/4 space-y-2"> 6198 <div> 6199 <strong class="block mb-2 lg:text-lg" x-html="item.product_name"></strong> 6200 <p class="block text-md"> 6201 <span>Artikelnummer: </span> 6202 <span x-html="item.product_sku"></span> 6203 </p> 6204 </div> 6205 6206 <template x-for="option in item.options"> 6207 <template x-if="option.label !== 'Tracking Parameters'"> 6208 <div class="text-xs">
6209 <span class="block font-semibold" x-text="option.label + ':'"></span> 6210 <span class="font-normal" x-html="option.value"></span> 6211 </div> 6212 </template> 6213 </template> 6214 6215 <p><span x-html="item.product_price"></span></p> 6216 6217 <div class="flex justify-between flex-wrap gap-4 mx-auto grid-cols-2 w-full !mt-6"> 6218 <div class="w-7/12 font-semibold w-auto"> 6219 <form 6220 action="https://www.123drogisterij.nl/checkout/sidebar/updateItemQty/" 6221 x-data="{ 6222 initQty: item.qty, 6223 itemQty: item.qty, 6224 prevQty: item.qty, 6225 updateQty() { 6226 const submitEvent = new Event('submit', { cancelable: true }); 6227 this.$root.dispatchEvent(submitEvent); 6228 }, 6229 setQtyDefaults() { 6230 this.initQty = item.qty; 6231 this.itemQty = item.qty; 6232 this.prevQty = item.qty; 6233 } 6234 }" 6235 @submit.prevent="` 6236 ${itemQty > 0 6237 ? updateItemQty($event.target) 6238 : deleteItemFromCart(item.item_id) 6239 }`" 6240 x-init="$watch('item.qty', () => setQtyDefaults());" 6241 method="post" 6242 class="form form-cart flex gap-1" 6243 > 6244 <input name="form_key" type="hidden" value="GE9GUcRbrb4C5Z9I" /> <input type="hidden" name="item_id" :value="item.item_id"> 6245 <label class="flex items-center border rounded-md mb-0 border-gray-400"> 6246 <button 6247 class="h-13 pl-2 text-gray-500" 6248 type="button" 6249 @click="itemQty === 1 ? itemQty = 1 : itemQty--" 6250 @click.debounce.1000ms="updateQty($event)" 6251 > 6252 <span> 6253 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-5 h-5 text-gray-900" width="24" height="24" role="img"> 6254 <path fill-rule="evenodd" d="M3.75 12a.75.75 0 01.75-.75h15a.75.75 0 010 1.5h-15a.75.75 0 01-.75-.75z" clip-rule="evenodd"/> 6255<title>minus</title></svg> 6256 </span> 6257 </button> 6258 <input 6259 type="number" 6260 class="qty form-input w-10 h-10 px-0 py-2 text-center border-x-0 rounded-none border-0 font-normal focus:outline-none focus:border-0 [&::-webkit-inner-spin-button]:hidden" 6261 required 6262 step="any" 6263 x-model.number="itemQty" 6264 :id="`minicart-${item.item_id}-qty`" 6265 name="item_qty" 6266 @change="updateQty($event)" 6267 min="1" 6268 > 6269 <button 6270 class="h-10 pr-2 text-gray-500" 6271 type="button" 6272 @click="itemQty++" 6273 @click.debounce.1000ms="updateQty($event)" 6274 > 6275 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" width="20" height="20"> 6276 <path fill-rule="evenodd" d="M12 3.75a.75.75 0 01.75.75v6.75h6.75a.75.75 0 010 1.5h-6.75v6.75a.75.75 0 01-1.5 0v-6.75H4.5a.75.75 0 010-1.5h6.75V4.5a.75.75 0 01.75-.75z" clip-rule="evenodd"/> 6277</svg> 6278 </button> 6279 </label> 6280 </form> 6281 </div> 6282 <div class="flex justify-end items-baseline gap-4 w-5/12 w-auto"> 6283 <a :href="item.configure_url" 6284 x-show="item.product_type !== 'grouped'" 6285 class="action action-edit block float-right h-full text-gray-500 text-right text-sm group transition hover:text-black" 6286 :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022\u0020aanpassen', item.product_name)" 6287 > 6288 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 md:h-6 md:w-6 h-full align-middle inline" width="24" height="24"> 6289 <path d="M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z"/> 6290</svg>
6291 <span class="hidden lg:inline-block"> 6292 Bewerken </span> 6293 </a> 6294 <button type="button" 6295 class="action action-remove block h-full text-gray-500 text-right text-sm group transition p-2 hover:text-black" 6296 @click="deleteItemFromCart(item.item_id)" 6297 :aria-label="hyva.strf('Verwijder\u0020product\u0020\u0022\u00250\u0022\u0020van\u0020winkelmand', item.product_name)" 6298 > 6299 6300 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 md:h-6 md:w-6 h-full align-middle inline group-hover:text-red-600" width="24" height="24"> 6301 <path fill-rule="evenodd" d="M16.5 4.478v.227a48.816 48.816 0 013.878.512.75.75 0 11-.256 1.478l-.209-.035-1.005 13.07a3 3 0 01-2.991 2.77H8.084a3 3 0 01-2.991-2.77L4.087 6.66l-.209.035a.75.75 0 01-.256-1.478A48.567 48.567 0 017.5 4.705v-.227c0-1.564 1.213-2.9 2.816-2.951a52.662 52.662 0 013.369 0c1.603.051 2.815 1.387 2.815 2.951zm-6.136-1.452a51.196 51.196 0 013.273 0C14.39 3.05 15 3.684 15 4.478v.113a49.488 49.488 0 00-6 0v-.113c0-.794.609-1.428 1.364-1.452zm-.355 5.945a.75.75 0 10-1.5.058l.347 9a.75.75 0 101.499-.058l-.346-9zm5.48.058a.75.75 0 10-1.498-.058l-.347 9a.75.75 0 001.5.058l.345-9z" clip-rule="evenodd"/> 6302</svg> 6303 </button> 6304 </div> 6305 </div> 6306 </div> 6307 </div> 6308 </template> 6309 </div> 6310 <div class="relative px-6 pb-4 border-t mt-auto lg:pb-12"> 6311 <div class="grid gap-4 py-2"> 6312 <div class="flex w-full grid-cols-2 py-2"> 6313 <div class="w-5/12"> 6314 <span 6315 class="font-semibold" 6316 x-html="` 6317 ${cart.summary_count === 1 6318 ? hyva.str('%1 product', cart.summary_count) 6319 : hyva.str('%1 producten', cart.summary_count) 6320 }`"> 6321 </span> 6322 </div> 6323 <div class="w-7/12 text-right"> 6324 <p class="font-semibold"> 6325 Subtotaal: <span x-html="cart.subtotal"></span> 6326 </p> 6327 </div> 6328 </div> 6329 <div class="flex flex-col gap-2"> 6330 <a href="https://www.123drogisterij.nl/checkout/index/" 6331 class="inline-flex btn btn-primary"> 6332 Ik ga bestellen </a> 6333 <a href="https://www.123drogisterij.nl/checkout/cart/" 6334 class="inline-flex btn text-black hover:underline"> 6335 Bekijk winkelmand </a> 6336 </div> 6337 <div class="payment-methods"> 6338 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#fff" d="M25.275 28H12.977A1.98 1.98 0 0 1 11 26.023V5.977A1.98 1.98 0 0 1 12.977 4h12.298c11.663 0 13.404 7.501 13.404 11.973C38.68 23.729 33.92 28 25.275 28"></path><path fill="#000" fill-rule="evenodd" d="M12.978 26.8h12.297c4.14 0 7.164-1.023 9.142-2.798 1.958-1.757 3.063-4.403 3.063-8.029 0-2.113-.418-4.794-2.076-6.927C33.789 6.971 30.829 5.2 25.274 5.2H12.979a.78.78 0 0 0-.778.778v20.044a.78.78 0 0 0 .778.778m-.001 1.2h12.298c8.644 0 13.404-4.271 13.404-12.027C38.68
633811.501 36.939 4 25.275 4H12.977A1.98 1.98 0 0 0 11 5.977v20.046A1.98 1.98 0 0 0 12.977 28" clip-rule="evenodd"></path><path fill="#C06" d="M18.539 7.92v17.479h7.61c6.912 0 9.91-3.906 9.91-9.417 0-5.278-2.998-9.381-9.91-9.381h-6.292a1.32 1.32 0 0 0-1.318 1.318"></path><path fill="#fff" d="M21.154 17.026q.198 0 .386-.064a.85.85 0 0 0 .333-.214 1.1 1.1 0 0 0 .234-.389 1.7 1.7 0 0 0 .088-.585q0-.315-.062-.57a1.1 1.1 0 0 0-.202-.436.9.9 0 0 0-.37-.277 1.5 1.5 0 0 0-.571-.097h-.655v2.632zm.064-3.404q.404 0 .751.13c.227.082.433.213.603.385q.255.257.398.643.143.387.143.907 0 .456-.117.842t-.354.666c-.161.19-.363.341-.59.442q-.355.162-.834.161h-1.802v-4.176zm5.627 0v.772H24.64v.895h2.023v.714H24.64v1.023h2.252v.772h-3.17v-4.176zm3.197 2.562-.527-1.533h-.012l-.543 1.533zm-.053-2.562 1.561 4.176h-.953l-.316-.93H28.72l-.328.93h-.924l1.58-4.176zm3.057 0v3.404h2.035v.772h-2.953v-4.176z"></path><path fill="#000" d="M17.026 15.71a1.926 1.926 0 1 1-3.853 0 1.926 1.926 0 0 1 3.853 0m-.466 9.69a2.92 2.92 0 0 1-2.919-2.919v-2.276a1.46 1.46 0 1 1 2.919 0z"></path></g><defs><clippath id="a"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met iDeal</title></svg> 6339 6340<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_2)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#000" d="M43 10.5v9.523h-2.167V10.5zm-2.965 3.214v6.327H38.11v-.546a2.6 2.6 0 0 1-.83.546q-.465.201-1.006.203-.679 0-1.259-.253a3.2 3.2 0 0 1-1.006-.72 3.5 3.5 0 0 1-.682-1.06 3.7 3.7 0 0 1-.238-1.33q-.001-.708.238-1.313.252-.619.682-1.076a3 3 0 0 1 1.006-.708 3 3 0 0 1 1.26-.267q.539 0 1.006.203.466.19.83.545v-.545h1.925zm-3.414 4.604q.592.001.97-.407.39-.404.39-1.035c0-.42-.13-.769-.39-1.036a1.27 1.27 0 0 0-.97-.406c-.391 0-.722.134-.983.406q-.377.405-.377 1.036c0 .42.127.769.377 1.035q.391.406.983.407M29.996 10.5q.857 0 1.462.24.604.24 1.02.67.428.444.668 1.013.239.57.238 1.227.001.657-.238 1.227c-.157.377-.383.72-.667 1.013q-.415.43-1.021.67-.604.24-1.462.24h-1.044v3.238h-2.205V10.5zm-.316 4.34c.296 0 .519-.03.681-.09q.254-.103.415-.253.34-.316.34-.847t-.34-.847a1.2 1.2 0 0 0-.415-.24q-.239-.101-.681-.102h-.731v2.378zm-11.055-1.126h2.393l1.624 3.034h.027l1.447-3.034h2.216l-4.748 9.538h-2.205l2.167-4.363zm-.427 0v6.327h-1.926v-.546a2.6 2.6 0 0 1-.83.546q-.466.201-1.006.203-.679 0-1.259-.253a3.2 3.2 0 0 1-1.006-.72 3.6 3.6 0 0 1-.682-1.06 3.7 3.7 0 0 1-.238-1.33q0-.708.238-1.313.251-.619.682-1.076a3 3 0 0 1 1.006-.708 3 3 0 0 1 1.26-.267q.539 0 1.006.203.467.19.83.545v-.545h1.925zm-3.414 4.604q.591.001.972-.407.392-.404.392-1.035c0-.42-.13-.769-.392-1.036a1.27 1.27 0 0 0-.972-.406q-.591-.001-.983.406-.378.405-.377 1.036c0 .42.128.769.377 1.035q.392.406.983.407M8.25 10.5q.857 0 1.462.24.604.24 1.02.67.428.444.668 1.013.239.57.238 1.227.001.657-.238 1.227c-.156.377-.383.72-.667 1.013q-.415.43-1.021.67-.604.24-1.462.24H7.205v3.238H5V10.5zm-.313 4.34c.295 0 .519-.03.681-.09a1.3 1.3 0 0 0 .415-.253q.34-.316.34-.847t-.34-.847a1.2 1.2 0 0 0-.415-.24q-.24-.101-.681-.102h-.731v2.378z"></path></g><defs><clippath id="a_2"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met PayPal</title></svg> 6341 6342<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_3)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#000" d="M39.478 18.825c-.884 0-1.572-.724-1.572-1.603 0-.88.688-1.603 1.572-1.603s1.573.724 1.573 1.603c0 .88-.69 1.603-1.573 1.603m-.442 1.694c.754 0 1.716-.284 2.249-1.396l.052.025c-.234.608-.234.97-.234 1.06v.143H43v-6.258h-1.897v.142c0 .09 0 .453.233 1.06l-.051.026c-.533-1.112-1.495-1.396-2.249-1.396-1.806 0-3.08 1.422-3.08 3.297s1.274 3.297 3.08 3.297m-6.38-6.594c-.858 0-1.534.297-2.08 1.396l-.052-.026c.234-.607.234-.97.234-1.06v-.142H28.86v6.258h1.95v-3.297c0-.866.507-1.41 1.325-1.41.82 0 1.222.466 1.222 1.397v3.31h1.95v-3.982c0-1.423-1.118-2.444-2.652-2.444M26.04 15.32l-.052-.026c.234-.607.234-.97.234-1.
634206v-.142h-1.897v6.258h1.95l.012-3.013c0-.879.468-1.41 1.235-1.41.208 0 .377.027.572.078v-1.913c-.858-.181-1.625.142-2.054 1.228m-6.199 3.504c-.883 0-1.572-.724-1.572-1.603 0-.88.689-1.603 1.572-1.603s1.573.724 1.573 1.603c0 .88-.689 1.603-1.573 1.603M19.4 20.52c.754 0 1.716-.284 2.249-1.396l.052.025c-.234.608-.234.97-.234 1.06v.143h1.897v-6.258h-1.897v.142c0 .09 0 .453.234 1.06l-.052.026c-.533-1.112-1.495-1.396-2.248-1.396-1.807 0-3.08 1.422-3.08 3.297s1.273 3.297 3.08 3.297m-5.796-.168h1.95V11.3h-1.95zm-1.43-9.051h-1.988c0 1.616-1 3.064-2.52 4.099l-.599.414V11.3H5v9.05h2.066v-4.486l3.418 4.487h2.521l-3.288-4.293c1.495-1.073 2.47-2.74 2.457-4.758"></path></g><defs><clippath id="a_3"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Klarna</title></svg> 6343 6344<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_4)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#FF5F00" d="M28.376 8.139h-8.75v15.725h8.75z"></path><path fill="#EB001B" d="M20.181 16a9.98 9.98 0 0 1 3.82-7.861A9.96 9.96 0 0 0 17.82 6c-5.522 0-10 4.478-10 10s4.478 10 10 10A9.96 9.96 0 0 0 24 23.861 9.98 9.98 0 0 1 20.182 16"></path><path fill="#F79E1B" d="M40.178 16c0 5.522-4.477 10-10 10-2.333 0-4.477-.8-6.18-2.139A9.98 9.98 0 0 0 27.818 16a9.98 9.98 0 0 0-3.82-7.861A9.96 9.96 0 0 1 30.178 6c5.522 0 10 4.478 10 10"></path></g><defs><clippath id="a_4"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Mastercard</title></svg> 6345 6346<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_5)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#1434CB" d="M19.108 10.212 14.243 21.82H11.07l-2.393-9.263c-.146-.57-.272-.78-.714-1.02-.722-.391-1.913-.759-2.962-.987l.071-.337h5.109c.651 0 1.237.434 1.385 1.184l1.264 6.715 3.124-7.9zm12.435 7.817c.013-3.063-4.236-3.232-4.206-4.6.009-.417.405-.86 1.273-.973.43-.056 1.616-.099 2.96.52l.527-2.461A8.1 8.1 0 0 0 29.29 10c-2.968 0-5.056 1.578-5.074 3.837-.019 1.67 1.491 2.603 2.629 3.158 1.17.569 1.563.934 1.558 1.443-.008.778-.933 1.122-1.798 1.135-1.509.024-2.385-.408-3.083-.733l-.544 2.543c.702.322 1.997.603 3.339.617 3.154 0 5.218-1.558 5.227-3.97m7.837 3.79h2.777l-2.424-11.607H37.17c-.577 0-1.063.336-1.278.852L31.387 21.82h3.152l.626-1.734h3.852zm-3.35-4.113 1.58-4.358.91 4.358zm-12.632-7.494L20.915 21.82h-3.002l2.483-11.607z"></path></g><defs><clippath id="a_5"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met VISA</title></svg> 6347 6348<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_6)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#1E3764" d="M7.9 25.92v-4.652h1.436c1.043 0 1.714.392 1.714 1.203 0 .458-.213.777-.512.963.432.2.685.585.685 1.11 0 .937-.685 1.376-1.748 1.376zm.924-2.719h.684c.419 0 .599-.206.599-.584 0-.406-.326-.539-.765-.539h-.518zm0 1.908h.571c.559 0 .884-.14.884-.578 0-.432-.279-.612-.804-.612h-.651zm4.19.89c-.91 0-1.369-.445-1.369-1.043 0-.658.539-1.043 1.336-1.05q.297.006.592.053v-.16c0-.405-.233-.598-.678-.598-.3-.003-.598.05-.877.16l-.167-.718c.286-.12.745-.2 1.15-.2.977 0 1.462.52 1.462 1.416v1.848c-.272.14-.784.293-1.449.293m.559-.75v-.712a2.2 2.2 0 0 0-.472-.053c-.306 0-.545.12-.545.432 0 .28.2.426.552.426.16.005.319-.027.465-.093m1.536.67v-3.183a4.1 4.1 0 0 1 1.502-.292c.97 0 1.529.478 1.529 1.362v2.114h-.918v-2.047c0-.459-.212-.672-.618-.672-.201-.002-.4.038-.584.12v2.599zm6.236-3.276-.173.725a2 2 0 0 0-.751-.166c-.538 0-.83.378-.83 1.003 0 .685.305 1.037.876 1.037.255-.007.506-.066.738-.173l.146.738c-.3.134-.627.2-.957.193-1.103 0-1.741-.685-1.741-1.768 0-1.077.631-1.788 1.688-1.788.345-.002.686.066 1.004.2M23.325 26c-1.023 0-1.66-.712-1.66-1.782 0-1.063.637-1.774 1.66-1.774 1.031 0 1.656.711 1.656 1.774 0 1.07-.625 1.782-1.655 1.782m0-.758c.473 0 .719-.392.719-1.024 0-.624-.246-1.017-.718-1.017-.465 0-.724.393-.724 1.017 0 .632.259 1.024.724 1.024m2.187.678v-3.184a4.1 4.1 0 0 1 1.502-.292c.97 0 1.528.478 1.528 1.362v2.114h-.917v-2.047c0-.459-.213-.672-.618-.672a1.4 1.4 0 0 0-.585.12v2.599zm5.098.08c-.79 0-1.196-.433-1.196-1.31v-1.435h-.452v-.731h.452v-.738l.917-.047v.785h.738v.73h-.738v1.423c0 .385.16.565.459.565q.178 0 .352-.04l.047.738q-.286.063-.579.06m2.315 0c-.91 0-1.369-.446-1.369-1.044 0-.658.539-1.043 1.336-1.05q.297.006.592.053v-.16c0-.405-.233-.598-.678-.598-.3-.003-.598.05-.877.16l-.167-.718c.286-.12.745-.2 1.15-.2.977 0 1.462.52 1.462 1.416v1.848c-.272.14-.784.293-1.449.293m.559-.751v-.712a2.2 2.2 0 0 0-.472-.053c-.306 0-.545.12-.545.432 0 .28.2.426.551.426.16.005.32-.027.466-.093m4.028-2.606-.173.725a2 2 0 0 0-.75-.166c-.539 0-.831.378-.831 1.003 0 .685.305 1.037.877 1.037.255-.007.506-.066.738-.173l.146.738c-.301.134-.628.2-.957.193-1.103 0-1.741-.685-1.741-1.768 0-1.077.63-1.788 1.688-1.788.344-.002.685.066 1.003.2M39.53 26c-.791 0-1.197-.433-1.197-1.31v
6348-1.435h-.452v-.731h.452v-.738l.917-.047v.785h.738v.73h-.738v1.423c0 .385.16.565.459.565q.179 0 .352-.04l.047.738q-.286.063-.578.06"></path><path fill="url(#b)" d="M14.297 18.942c4.853 0 7.28-3.236 9.706-6.471H7.9v6.47z"></path><path fill="url(#c)" d="M33.71 6c-4.854 0-7.28 3.235-9.707 6.47h16.104V6z"></path></g><defs><lineargradient id="b" x1="11.157" x2="22.938" y1="16.005" y2="11.629" gradientunits="userSpaceOnUse"><stop stop-color="#005AB9"></stop><stop offset="1" stop-color="#1E3764"></stop></lineargradient><lineargradient id="c" x1="24.978" x2="37.487" y1="13.032" y2="8.764" gradientunits="userSpaceOnUse"><stop stop-color="#FBA900"></stop><stop offset="1" stop-color="#FFD800"></stop></lineargradient><clippath id="a_6"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Bancontact</title></svg> 6349 6350</div> </div> 6351 </div> 6352 </div> 6353 </div> 6354 </div> 6355 </div> 6356</template> 6357 <!-- BLOCK authentication-popup -->
6357<script> 6358 function initAuthentication() { 6359 return { 6360 open: false, 6361 close() { 6362 this.open = false; 6363 }, 6364 forceAuthentication: false, 6365 checkoutUrl: 'https://www.123drogisterij.nl/checkout/index/', 6366 errors: 0, 6367 hasCaptchaToken: 0, 6368 displayErrorMessage: false, 6369 errorMessages: [], 6370 setErrorMessages(message) { 6371 this.errorMessages = [message]; 6372 this.displayErrorMessage = true; 6373 }, 6374 submitForm() { 6375 // Do not rename $form, the variable is expected to be declared in the recaptcha output 6376 const $form = document.querySelector('#login-form'); 6377 if (!this.hasCaptchaToken) { 6378 this.errors = 1; 6379 6380 6381 const executeGreCaptcha = () => { 6382 grecaptcha.ready(() => { 6383 grecaptcha.execute( 6384 '6LdEduIrAAAAADLY9aaFf8Q0ZRbb6LN6NnyhO\u002D5V', 6385 {action: 'submit'} 6386 ).then((token) => { 6387 const tokenElement = $form['g\u002Drecaptcha\u002Dresponse']; 6388 6389 if (tokenElement && token && token.length > 0) { 6390 $form['g\u002Drecaptcha\u002Dresponse'].value = token; 6391 this.errors = 0; 6392 this.hasCaptchaToken = 1; 6393 (this.submitForm || $form.submit).call(this); 6394 } else { 6395 this.errors = 1; 6396 const error = tokenElement 6397 ? 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again' 6398 : 'ReCaptcha\u0020token\u0020element\u0020is\u0020missing.\u0020Please\u0020refresh\u0020the\u0020page\u0020and\u0020trying\u0020again.'; 6399 if (this.setErrorMessages) { 6400 this.setErrorMessages([error]) 6401 this.displayErrorMessage = true; 6402 } else { 6403 window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000); 6404 } 6405 } 6406 }).catch(exception => { 6407 console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`) 6408 }); 6409 }) 6410 } 6411 6412 if (window.grecaptcha) { 6413 executeGreCaptcha(); 6414 } else { 6415 const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6LdEduIrAAAAADLY9aaFf8Q0ZRbb6LN6NnyhO\u002D5V"; 6416 const script = document.createElement('script'); 6417 script.setAttribute('type', 'text/javascript'); 6418 script.setAttribute('src', recaptchaUrl); 6419 document.head.appendChild(script); 6420 6421 script.addEventListener("load", executeGreCaptcha, false); 6422 } 6423 } 6424 6425 if (this.errors === 0) { 6426 this.dispatchLoginRequest($form); 6427 } 6428 }, 6429 onPrivateContentLoaded() { 6430 const data = this.$event.detail.data; 6431 const isLoggedIn = data.customer && data.customer.firstname; 6432 if (data.cart && !isLoggedIn) { 6433 this.forceAuthentication = !data.cart.isGuestCheckoutAllowed; 6434 } 6435 }, 6436 redirectIfAuthenticated() { 6437 const event = this.$event; 6438 this.open = this.forceAuthentication; 6439 6440 if (event.detail && event.detail.url) { 6441 this.checkoutUrl = event.detail.url; 6442 } 6443 if (!this.forceAuthentication) { 6444 window.location.href = this.checkoutUrl; 6445 } 6446 }, 6447 resetErrors() { 6448 this.errors = 0; 6449 }, 6450 dispatchLoginRequest(form) { 6451 this.isLoading = true; 6452 const username = this.$refs['customer-email'].value; 6453 const password = this.$refs['customer-password'].value; 6454 const formKey = hyva.getFormKey(); 6455 const bodyFields = { 6456 'username': username, 6457 'password': password, 6458 'formKey': formKey 6459 }; 6460 const fieldName = 'g\u002Drecaptcha\u002Dresponse'; 6461 const recaptchaField = fieldName && form[fieldName]; 6462 if (recaptchaField) { 6463 bodyFields[fieldName] = recaptchaField.value; 6464 } 6465 fetch('https://www.123drogisterij.nl/customer/ajax/login/', { 6466 method: 'POST', 6467 headers: { 6468 'Content-Type': 'application/json', 6469 'X-Requested-With': 'XMLHttpRequest' 6470 }, 6471 body: JSON.stringify(bodyFields) 6472 } 6473 ).then(response => { 6474 return response.json() 6475 } 6476 ).then(data => { 6477 this.isLoading = false;
6478 if (data.errors) { 6479 this.setErrorMessages(data.message); 6480 this.errors = 1; 6481 this.hasCaptchaToken = 0; 6482 } else { 6483 window.location.href = this.checkoutUrl; 6484 } 6485 }); 6486 } 6487 } 6488 } 6489 6490 window.addEventListener('alpine:init', () => Alpine.data('initAuthentication', initAuthentication), {once: true}) 6491</script>
6491 6492<section id="authentication-popup" 6493 x-data="initAuthentication" 6494 @private-content-loaded.window="onPrivateContentLoaded" 6495 @toggle-authentication.window="redirectIfAuthenticated" 6496 @keydown.window.escape="close" 6497> 6498 <div 6499 class="backdrop" 6500 aria-hidden="true" 6501 x-cloak 6502 x-show="open" 6503 x-transition:enter="ease-in-out duration-500" 6504 x-transition:enter-start="opacity-0" 6505 x-transition:enter-end="opacity-100" 6506 x-transition:leave="ease-in-out duration-500" 6507 x-transition:leave-start="opacity-100" 6508 x-transition:leave-end="opacity-0" 6509 @click="close" 6510 ></div> 6511 <div role="dialog" 6512 aria-modal="true" 6513 @click.outside="close" 6514 class="inset-y-0 right-0 z-30 flex max-w-full fixed" 6515 x-cloak 6516 x-show="open" 6517 > 6518 <div class="relative w-screen max-w-md pt-16 bg-container-lighter" 6519 x-show="open" 6520 x-cloak 6521 x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 6522 x-transition:enter-start="translate-x-full" 6523 x-transition:enter-end="translate-x-0" 6524 x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" 6525 x-transition:leave-start="translate-x-0" 6526 x-transition:leave-end="translate-x-full" 6527 > 6528 <div 6529 x-show="open" 6530 x-cloak 6531 x-transition:enter="ease-in-out duration-500" 6532 x-transition:enter-start="opacity-0" 6533 x-transition:enter-end="opacity-100" 6534 x-transition:leave="ease-in-out duration-500" 6535 x-transition:leave-start="opacity-100" 6536 x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2"> 6537 <button 6538 type="button" 6539 @click="close" 6540 aria-label="Close panel" 6541 class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black" 6542 > 6543 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 6544 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 6545</svg> 6546 </button> 6547 </div> 6548 <template x-if="open"> 6549 <div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto"> 6550 <div class="mx-4"> 6551 <div class="message error mb-0" x-show="errors" x-cloak> 6552 <template x-for="(message, index) in errorMessages" :key="index"> 6553 <div> 6554 <template x-if="message"> 6555 <span x-html="message"></span> 6556 </template> 6557 </div> 6558 </template> 6559 </div> 6560 </div> 6561 <div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm"> 6562 <p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900"> 6563 <strong class="font-medium">Reken af met uw account</strong> 6564 </p> 6565 6566 <form class="form form-login" 6567 method="post" 6568 @submit.prevent="submitForm" 6569 id="login-form" 6570 > 6571 <div class="control"> 6572 <input type="hidden" 6573 value="" 6574 name="g-recaptcha-response" 6575 /> 6576</div> 6577 <div class="fieldset login"> 6578 <div class="field email required"> 6579 <label class="label" for="form-login-username" form="login-form" >
6580 <span>E-mail adres</span> 6581 </label> 6582 <div class="control"> 6583 <input name="username" 6584 id="form-login-username" 6585 x-ref="customer-email" 6586 @change="resetErrors" 6587 type="email" 6588 required 6589 autocomplete="off" 6590 class="form-input input-text" 6591 > 6592 </div> 6593 </div> 6594 <div class="field password required"> 6595 <label for="form-login-password" class="label" form="login-form"> 6596 <span>Wachtwoord</span> 6597 </label> 6598 <div class="control"> 6599 <input name="password" 6600 id="form-login-password" 6601 type="password" 6602 class="form-input input-text" 6603 required 6604 x-ref="customer-password" 6605 autocomplete="off" 6606 @change="resetErrors" 6607 > 6608 </div> 6609 </div> 6610 6611 <input name="context" type="hidden" value="checkout" /> 6612 <div class="actions-toolbar flex justify-between pt-6 pb-2 items-center"> 6613 <button type="submit" class="inline-flex btn btn-primary disabled:opacity-75" 6614 > 6615 Inloggen </button> 6616 <a href="https://www.123drogisterij.nl/customer/account/forgotpassword/" 6617 > 6618 Wachtwoord vergeten? </a> 6619 </div> 6620 6621 </div> 6622 </form> 6623 </div> 6624 <div class="mx-4"> 6625 <p class="my-4 text-sm text-gray-900"> 6626Dit formulier is beveiligd met reCAPTCHA - het <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Privacybeleid</a> en de <a class="underline" href="https://policies.google.com/terms" target="_blank" rel="noopener">Servicevoorwaarden</a> van <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Google</a> zijn van toepassing.</p> 6627 </div> 6628 <div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm"> 6629 <p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900"> 6630 <strong class="font-medium">Afrekenen als een nieuwe klant</strong> 6631 </p> 6632 6633 <div class="block-content"> 6634 <p class="mb-1"> 6635 Het aanmaken van een account heeft vele voordelen: </p> 6636 <ul class="list-disc pl-5"> 6637 <li> Bekijk bestelling en verzendstatus</li> 6638 <li> Bekijk bestelgeschiedenis</li> 6639 <li> Reken sneller af</li> 6640 </ul> 6641 <div class="actions-toolbar flex justify-between mt-6 mb-2 items-center"> 6642 <a href="https://www.123drogisterij.nl/customer/account/create/" 6643 class="inline-flex btn btn-primary"> 6644 Registreren </a> 6645 </div> 6646 </div> 6647 </div> 6648 </div> 6649 </template> 6650 </div> 6651 </div> 6652</section> 6653<!-- /BLOCK authentication-popup --></nav> 6654</header>
6654<main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div> 6655<div class="page messages">
6655<script> 6656 function initMessages() { 6657 "use strict"; 6658 return { 6659 messages: window.mageMessages || [], 6660 isEmpty() { 6661 return this.messages.reduce( 6662 function (isEmpty, message) { 6663 return isEmpty && message === undefined 6664 }, true 6665 ) 6666 }, 6667 removeMessage(messageIndex) { 6668 this.messages[messageIndex] = undefined; 6669 }, 6670 addMessages(messages, hideAfter) { 6671 messages.map((message) => { 6672 this.messages = this.messages.concat(message); 6673 if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) { 6674 hideAfter = window.defaultSuccessMessageTimeout; 6675 } 6676 if (hideAfter) { 6677 this.setHideTimeOut(this.messages.length -1, hideAfter); 6678 } 6679 }); 6680 }, 6681 setHideTimeOut(messageIndex, hideAfter) { 6682 setTimeout((messageIndex) => { 6683 this.removeMessage(messageIndex); 6684 }, hideAfter, messageIndex); 6685 }, 6686 eventListeners: { 6687 ['@messages-loaded.window'](event) { 6688 this.addMessages(event.detail.messages, event.detail.hideAfter) 6689 }, 6690 ['@private-content-loaded.window'](event) { 6691 const data = event.detail.data; 6692 if ( 6693 data.messages && 6694 data.messages.messages && 6695 data.messages.messages.length 6696 ) { 6697 this.addMessages(data.messages.messages); 6698 } 6699 }, 6700 ['@clear-messages.window']() { 6701 this.messages = []; 6702 } 6703 } 6704 } 6705 } 6706</script>
6706 6707<section class="w-full" 6708 id="messages" 6709 x-data="initMessages()" 6710 x-bind="eventListeners" 6711 aria-live="assertive" 6712 role="alert" 6713> 6714 <template x-if="!isEmpty()"> 6715 <div class="w-full"> 6716 <div class="messages container mt-4"> 6717 <template x-for="(message, index) in messages" :key="index"> 6718 <div> 6719 <template x-if="message"> 6720 <div class="message shadow-hard " :class="message.type" 6721 :ui-id="'message-' + message.type" 6722 > 6723 <span x-html="message.text"></span> 6724 <button 6725 type="button" 6726 class="text-white hover:scale-110 transition" 6727 aria-label="Close message" 6728 @click.prevent="removeMessage(index)" 6729 > 6730 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="stroke-current" width="18" height="18"> 6731 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 6732</svg> 6733 </button> 6734 </div> 6735 </template> 6736 </div> 6737 </template> 6738 </div> 6739 </div> 6740 </template> 6741</section> 6742</div><div class="columns"><div class="column main"> 6743<div class="relative bg-tertiary-300 w-screen left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] mb-6"> 6744 <div class="container pt-14 py-24 lg:py-0"> 6745 <div class="w-full lg:pt-24"> 6746 <strong class="block mb-1.5 text-base text-secondary-800 uppercase lg:text-lg"> 6747 123Drogisterij </strong> 6748 <h1 class="mb-6 lg:w-3/4 xl:w-2/3"> 6749 Uw specialist in incontinentie<wbr>materiaal </h1> 6750 <div class="mb-6 text-xl lg:text-2xl"> 6751 Vind het juiste product voor uw situatie </div> 6752 <div class="hidden lg:block"> 6753 6754<div class="flex w-full flex-wrap gap-x-6 gap-y-4"> 6755 <a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie" title="TENA" 6756 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6757 > 6758 <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/760921_TENA_Lady_Maxi_Night_12.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/760921_TENA_Lady_Maxi_Night_12.jpg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="TENA verpakking" /></picture> 6759 6760 <span class="flex flex-col text-center font-bold"> 6761 TENA </span> 6762 </a> 6763 <a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-men" title="TENA Men" 6764 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6765 > 6766 <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/4c99703a-ef23-4af1-9f0a-be4b6bc3d803_1_.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/4c99703a-ef23-4af1-9f0a-be4b6bc3d803_1_.jpeg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="TENA Men verpakking" /></picture> 6767 6768 <span class="flex flex-col text-center font-bold"> 6769 TENA Men </span> 6770 </a> 6771 <a href="https://www.123drogisterij.nl/incontinentiemateriaal" title="Incontinentiemateriaal" 6772 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6773 > 6774 <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/HeaderMix2.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/HeaderMix2.
6774jpg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="Incontinentiemateriaal verpakking" /></picture> 6775 6776 <span class="flex flex-col text-center font-bold"> 6777 Incontinentiemateriaal </span> 6778 </a> 6779 <a href="https://www.123drogisterij.nl/incontinentie-slips/tena-slips" title="TENA Slips" 6780 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6781 > 6782 <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/59eb4ed0-e700-4f71-b160-026ec8ec95b2.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/59eb4ed0-e700-4f71-b160-026ec8ec95b2.jpeg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="TENA Slips verpakking" /></picture> 6783 6784 <span class="flex flex-col text-center font-bold"> 6785 TENA Slips </span> 6786 </a> 6787 <a href="https://www.123drogisterij.nl/incontinentie-pants/abena-pants" title="Abena Pants" 6788 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6789 > 6790 <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/0f24cd28-4f69-42b4-aa89-bed03a1f941c.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/0f24cd28-4f69-42b4-aa89-bed03a1f941c.jpeg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="Abena Pants verpakking" /></picture> 6791 6792 <span class="flex flex-col text-center font-bold"> 6793 Abena Pants </span> 6794 </a> 6795 <a href="https://www.123drogisterij.nl/incontinentie-pants/absorin-pants" title="Absorin Comfort Pants" 6796 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6797 > 6798 <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/0ec583ed-6d6b-4d9d-9ca9-1c326b7a3b17.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/0ec583ed-6d6b-4d9d-9ca9-1c326b7a3b17.jpeg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="Absorin Comfort Pants verpakking" /></picture> 6799 6800 <span class="flex flex-col text-center font-bold"> 6801 Absorin Comfort Pants </span> 6802 </a> 6803 <a href="https://www.123drogisterij.nl/incontinentie-pants/attends-pants" title="Attends Pants" 6804 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6805 > 6806 <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/aad620c2-ad4a-4a37-bcd5-aff069d33514_1_.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/aad620c2-ad4a-4a37-bcd5-aff069d33514_1_.png" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="Attends Pants verpakking" /></picture> 6807 6808 <span class="flex flex-col text-center font-bold"> 6809 Attends Pants </span> 6810 </a> 6811 <a href="https://www.123drogisterij.nl/incontinentiemateriaal-voor-mannen" title="Mannen" 6812 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6813 > 6814 <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/2fd35c26005135b4b6a9e6d63ddc14ac.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/2fd35c26005135b4b6a9e6d63ddc14ac.png" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="Mannen verpakking" /></picture> 6815
6816 <span class="flex flex-col text-center font-bold"> 6817 Mannen </span> 6818 </a> 6819 <a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers" title="Onderlegger" 6820 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6821 > 6822 6823 <span class="flex flex-col text-center font-bold"> 6824 Onderlegger </span> 6825 </a> 6826 <a href="https://www.123drogisterij.nl/incontinentiemateriaal/zwemluiers" title="Zwemluiers" 6827 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6828 > 6829 6830 <span class="flex flex-col text-center font-bold"> 6831 Zwemluiers </span> 6832 </a> 6833 <a href="https://www.123drogisterij.nl/incontinentiemateriaal/abso-x/abso-x-ultra-pants" title="ABSO-X Pants" 6834 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6835 > 6836 6837 <span class="flex flex-col text-center font-bold"> 6838 ABSO-X Pants </span> 6839 </a> 6840 <a href="https://www.123drogisterij.nl/catalog/category/view/s/tena-slip-active-fit/id/202/" title="TENA Slip Active Fit" 6841 class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard" 6842 > 6843 6844 <span class="flex flex-col text-center font-bold"> 6845 TENA Slip Active Fit </span> 6846 </a> 6847 </div> 6848 6849 </div> 6850 </div> 6851 6852 </div> 6853 <div class="container adien-banner relative bottom-28 lg:bottom-0 lg:top-14 lg:mb-24"> 6854 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="flex flex-row text-white bg-green-600 relative mt-8 mb-8 rounded-xl"> 6855 <div class="w-[140px]"> 6856 <div class="absolute bottom-0 left-0"> 6857 <picture class="object-cover h-[180px]"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/image.webp"><img src="https://www.123drogisterij.nl/media/wysiwyg/image.png" alt="Keuzehulp mederwerker" width="140" height="180" class="object-cover h-[180px]" loading="lazy"></picture> 6858 </div> 6859 </div> 6860 6861 <div class="flex flex-col w-2/3 p-4 pr-8 justify-between md:w-full md:p-7 md:px-8 md:gap-4 lg:flex-row lg:items-center"> 6862 <div class="flex flex-col"> 6863 <strong class="mb-0.5 uppercase md:mb-2 lg:text-xl"> 6864 Twijfelt u welk product u nodig hebt? </strong> 6865 6866 <span class="mb-2 md:m-0"> 6867 Ontdek snel wat het best past bij uw situatie! </span> 6868 </div> 6869 6870 <button data-advisor-id="728236a7-44df-4820-ae80-59590615ecc3" type="button" class="btn btn-primary"> 6871 Start de keuzehulp </button> 6872 </div> 6873</div> 6874</div> </div> 6875</div> 6876 6877
6878<script> 6879 function initLogin () { 6880 return { 6881 customer: false, 6882 openLoginModal: false, 6883 6884 getData(data) { 6885 if (data.customer) { 6886 this.customer = data.customer; 6887 } 6888 } 6889 } 6890 } 6891</script>
6891 6892 6893<div x-data="initLogin()" 6894 @private-content-loaded.window="getData(event.detail.data)" 6895 @keydown.window.escape="openLoginModal = false" 6896> 6897 <template x-if="!customer.signin_token"> 6898 <div> 6899 <div class="relative -mt-24 mb-6 lg:mt-0 lg:absolute lg:right-0 lg:top-0 lg:mb-0 lg:w-auto lg:max-w-lg"> 6900 <div class="flex flex-col gap-4 rounded-2xl border-b-[5px] border-primary-500 bg-white p-4 shadow-soft lg:flex-row lg:items-center lg:justify-between lg:gap-6 lg:rounded-t-none lg:rounded-b-2xl"> 6901 <div> 6902 <strong class="block text-secondary-800 text-xl font-bold pb-2 lg:pb-0 lg:text-2xl"> 6903 Al eerder besteld? </strong> 6904 <span class="text-base"> 6905 Login met uw gegevens en bestel makkelijk opnieuw </span> 6906 </div> 6907 6908 <button 6909 type="button" 6910 @click="openLoginModal = true" 6911 class="btn btn-secondary w-32 lg:shrink-0" 6912 > 6913 Log in </button> 6914 </div> 6915 </div> 6916 6917 <div 6918 class="fixed inset-0 z-40 flex items-center justify-center p-4" 6919 role="dialog" 6920 aria-modal="true" 6921 aria-labelledby="block-customer-login-heading" 6922 x-cloak 6923 x-show="openLoginModal" 6924 > 6925 <div 6926 class="backdrop" 6927 aria-hidden="true" 6928 x-cloak 6929 x-show="openLoginModal" 6930 x-transition:enter="ease-in-out duration-500" 6931 x-transition:enter-start="opacity-0" 6932 x-transition:enter-end="opacity-100" 6933 x-transition:leave="ease-in-out duration-500" 6934 x-transition:leave-start="opacity-100" 6935 x-transition:leave-end="opacity-0" 6936 @click="openLoginModal = false" 6937 ></div> 6938 6939 <div 6940 class="relative z-10 w-full max-w-md rounded-3xl border-t-[5px] border-primary-500 bg-white p-6 shadow-soft" 6941 x-cloak 6942 x-show="openLoginModal" 6943 @click.outside="openLoginModal = false" 6944 x-transition:enter="ease-in-out duration-500" 6945 x-transition:enter-start="opacity-0 scale-95" 6946 x-transition:enter-end="opacity-100 scale-100" 6947 x-transition:leave="ease-in-out duration-500" 6948 x-transition:leave-start="opacity-100 scale-100" 6949 x-transition:leave-end="opacity-0 scale-95" 6950 > 6951 <button 6952 type="button" 6953 @click="openLoginModal = false" 6954 aria-label="Close panel" 6955 class="absolute right-4 top-4 text-gray-300 transition duration-150 ease-in-out hover:text-black" 6956 > 6957 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="24" height="24" aria-hidden="true"> 6958 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 6959</svg> 6960 </button> 6961 6962 <form class="form form-login" 6963 action="https://www.123drogisterij.nl/customer/account/loginPost/" 6964 method="post" 6965 x-data="initCustomerLoginForm()" 6966 @submit.prevent="submitForm()" 6967 id="customer-login-form" 6968 > 6969 <input name="form_key" type="hidden" value="GE9GUcRbrb4C5Z9I" /> <div class="fieldset login"> 6970 <legend id="block-customer-login-heading" class="mb-4"> 6971 <strong class="text-xl text-secondary-800 lg:text-2xl"> 6972 Inloggen </strong> 6973 </legend> 6974 <div class="field email required mb-4"> 6975 <label class="label" for="email">
6976 <span>E-mailadres</span> 6977 </label> 6978 <div class="control"> 6979 <input name="login[username]" 6980 class="form-input max-w-full w-full" 6981 required 6982 value="" 6983 autocomplete="off" 6984 id="email" 6985 type="email" 6986 title="E-mailadres" 6987 /> 6988 </div> 6989 </div> 6990 <div class="field password required"> 6991 <label for="pass" class="label"> 6992 <span>Wachtwoord</span> 6993 </label> 6994 <div class="control relative flex items-center"> 6995 <div class="sr-only" aria-live="polite"> 6996 <template x-if="!showPassword"> 6997 <span> 6998 Password hidden </span> 6999 </template> 7000 <template x-if="showPassword"> 7001 <span> 7002 Password shown </span> 7003 </template> 7004 </div> 7005 <input name="login[password]" 7006 class="form-input max-w-full w-full" 7007 required 7008 :type="showPassword ? 'text' : 'password'" 7009 autocomplete="off" 7010 id="pass" 7011 title="Wachtwoord" 7012 /> 7013 <button 7014 type="button" 7015 x-on:click="showPassword = !showPassword" 7016 :aria-pressed="showPassword ? 'true' : 'false'" 7017 class="px-4 py-3 absolute right-2" 7018 :aria-label="showPassword ? 'Verberg\u0020wachtwoord' : 'Toon\u0020wachtwoord'" 7019 > 7020 <template x-if="!showPassword"> 7021 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="24" height="24" role="img"> 7022 <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"/> 7023 <path fill-rule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"/> 7024<title>eye</title></svg> 7025 </template> 7026 <template x-if="showPassword"> 7027 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="24" height="24" role="img"> 7028 <path fill-rule="evenodd" d="M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z" clip-rule="evenodd"/> 7029 <path d="M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z"/> 7030<title>eye-off</title></svg> 7031 </template> 7032 </button> 7033 </div> 7034 </div> 7035 7036 <div class="control"> 7037 <input type="hidden" 7038 value="" 7039 name="g-recaptcha-response" 7040 /> 7041</div> 7042 <div class="flex flex-col justify-between pt-6 items-center"> 7043 <button type="submit" class="btn btn-secondary w-full mb-4 disabled:opacity-75" name="send" 7044 >
7045 <span> 7046 Inloggen </span> 7047 </button> 7048 <a class="underline text-secondary-800 mb-2 lg:text-md" href="https://www.123drogisterij.nl/customer/account/forgotpassword/"> 7049 Wachtwoord vergeten? </a> 7050 <a class="underline text-secondary-800 lg:text-md" href="customer/account/create/"> 7051 Account aanmaken? </a> 7052 </div> 7053 <div> 7054 <template x-if="displayErrorMessage"> 7055 <p class="text-red flex items-center"> 7056 <span class="inline-block w-8 h-8 mr-3"> 7057 <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"> 7058 <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 7059<title>exclamation-circle</title></svg> 7060 </span> 7061 <template x-for="errorMessage in errorMessages"> 7062 <span x-html="errorMessage"></span> 7063 </template> 7064 </p> 7065 </template> 7066 </div> 7067 </div> 7068 </form> 7069 7070 <div class="mt-4"> 7071 <p class="my-4 text-sm text-gray-900"> 7072Dit formulier is beveiligd met reCAPTCHA - het <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Privacybeleid</a> en de <a class="underline" href="https://policies.google.com/terms" target="_blank" rel="noopener">Servicevoorwaarden</a> van <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Google</a> zijn van toepassing.</p> 7073 </div> 7074 </div> 7075 </div> 7076 </div> 7077 </template> 7078 7079
7079<script> 7080 function initCustomerLoginForm() { 7081 return { 7082 errors: 0, 7083 hasCaptchaToken: 0, 7084 showPassword: false, 7085 displayErrorMessage: false, 7086 errorMessages: [], 7087 setErrorMessages(messages) { 7088 this.errorMessages = [messages] 7089 this.displayErrorMessage = this.errorMessages.length 7090 }, 7091 submitForm() { 7092 // do not rename $form, the variable is the expected name in the recaptcha output 7093 const $form = document.querySelector('#customer-login-form'); 7094 if (!this.hasCaptchaToken) { 7095 this.errors = 1; 7096 7097 7098 const executeGreCaptcha = () => { 7099 grecaptcha.ready(() => { 7100 grecaptcha.execute( 7101 '6LdEduIrAAAAADLY9aaFf8Q0ZRbb6LN6NnyhO\u002D5V', 7102 {action: 'submit'} 7103 ).then((token) => { 7104 const tokenElement = $form['g\u002Drecaptcha\u002Dresponse']; 7105 7106 if (tokenElement && token && token.length > 0) { 7107 $form['g\u002Drecaptcha\u002Dresponse'].value = token; 7108 this.errors = 0; 7109 this.hasCaptchaToken = 1; 7110 (this.submitForm || $form.submit).call(this); 7111 } else { 7112 this.errors = 1; 7113 const error = tokenElement 7114 ? 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again' 7115 : 'ReCaptcha\u0020token\u0020element\u0020is\u0020missing.\u0020Please\u0020refresh\u0020the\u0020page\u0020and\u0020trying\u0020again.'; 7116 if (this.setErrorMessages) { 7117 this.setErrorMessages([error]) 7118 this.displayErrorMessage = true; 7119 } else { 7120 window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000); 7121 } 7122 } 7123 }).catch(exception => { 7124 console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`) 7125 }); 7126 }) 7127 } 7128 7129 if (window.grecaptcha) { 7130 executeGreCaptcha(); 7131 } else { 7132 const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6LdEduIrAAAAADLY9aaFf8Q0ZRbb6LN6NnyhO\u002D5V"; 7133 const script = document.createElement('script'); 7134 script.setAttribute('type', 'text/javascript'); 7135 script.setAttribute('src', recaptchaUrl); 7136 document.head.appendChild(script); 7137 7138 script.addEventListener("load", executeGreCaptcha, false); 7139 } 7140 } 7141 7142 if (this.errors === 0) { 7143 $form.submit(); 7144 } 7145 } 7146 } 7147 } 7148 </script>
7148 7149</div> 7150 7151<strong class="block text-xl mb-4 lg:text-2xl"> 7152 Heb je vragen?</strong> 7153 7154<div class="flex flex-col gap-4 pb-4 lg:pb-8 xl:flex-row xl:gap-16"> 7155 <a class="flex gap-2 items-start group" 7156 href="tel:0492-747100" 7157 title="Bel ons" 7158 > 7159 <div class="rounded-md bg-green-600 p-1.5"> 7160 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-8 w-8 text-white" width="32" height="32" role="img"> 7161 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"/> 7162<title>Bel ons</title></svg> 7163 </div> 7164 <div class="flex flex-col"> 7165 <span class="text-base font-medium group-hover:underline lg:text-lg">Bel ons: 0492-747100</span> 7166 <span class="text-gray-500 lg:text-md lg:text-black">Ma - vrij van 9.00 â 13.00 uur</span> 7167 </div> 7168 </a> 7169 <a class="flex gap-2 items-start group" 7170 href="mailto:[email protected]" 7171 title="Mail ons" 7172 > 7173 <div class="rounded-md bg-green-600 p-1.5"> 7174 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-8 w-8 text-white" width="32" height="32" role="img"> 7175 <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/> 7176<title>Bel ons</title></svg> 7177 </div> 7178 <div class="flex flex-col"> 7179 <span class="text-base font-medium group-hover:underline lg:text-lg">Mail ons: [email protected]</span> 7180 <span class="text-gray-500 lg:text-md lg:text-black">We antwoorden zo spoedig mogelijk op uw vraag.</span> 7181 </div> 7182 </a> 7183 </div> 7184 7185<div class="relative w-screen left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] border-b border-secondary-800 mb-6 lg:mb-14"></div> 7186<style>#html-body [data-pb-style=XBHMNYQ]{border-style:none}@media only screen and (max-width: 767px) { #html-body [data-pb-style=XBHMNYQ]{border-style:none} }</style><div class="pagebuilder-textblock" data-content-type="textblock" data-appearance="default" data-element="main"><h2>Onze meest populaire categorieën</h2> <p>Wij bieden een ruim assortiment van de beste producten: TENA Lady is een complete lijn voor vrouwen. Het gaat van de opvang van druppels tot aan sterk absorberende broekjes. TENA Men is een complete lijn voor mannen. Het gaat van de opvang van druppels tot aan sterk absorberende broekjes. TENA Pants: dé meestgekozen oplossing bij incontinentie. Voor mannen en vrouwen. En nog veel meer. Bekijk hieronder onze categorieën.</p> <p><a href="incontinentiemateriaal"><strong>Bekijk alle categorieën <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" width="24" height="24" role="img"> 7187 <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path> 7188<title>heroicons/solid/arrow-right</title></svg> 7189</strong></a></p> <p> </p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> 7190<div data-content-type="featured-categories" class="flex w-full mb-8 z-0 lg:mb-14"> 7191 <a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-men" title="Ga naar TENA Men" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard"> 7192 <picture class="rounded-brand-md object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/400/4c99703a-ef23-4af1-9f0a-be4b6bc3d803_1_.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/400/4c99703a-ef23-4af1-9f0a-be4b6bc3d803_1_.jpeg" class="rounded-brand-md object-contain" width="218" height="200" loading="eager" alt="TENA Men afbeelding" loading="lazy"></picture> 7193 <strong class="text-secondary-800 underline"> 7194 TENA Men </strong> 7195 </a> 7196 <a href="https://www.123drogisterij.nl/incontinentiemateriaal" title="Ga naar Incontinentiemateriaal" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard"> 7197 <picture class="rounded-brand-md object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/400/HeaderMix2.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/400/HeaderMix2.
7197jpg" class="rounded-brand-md object-contain" width="218" height="200" loading="eager" alt="Incontinentiemateriaal afbeelding" loading="lazy"></picture> 7198 <strong class="text-secondary-800 underline"> 7199 Incontinentiemateriaal </strong> 7200 </a> 7201 <a href="https://www.123drogisterij.nl/incontinentiemateriaal-voor-mannen" title="Ga naar Mannen" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard"> 7202 <picture class="rounded-brand-md object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/400/2fd35c26005135b4b6a9e6d63ddc14ac.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/400/2fd35c26005135b4b6a9e6d63ddc14ac.png" class="rounded-brand-md object-contain" width="218" height="200" loading="eager" alt="Mannen afbeelding" loading="lazy"></picture> 7203 <strong class="text-secondary-800 underline"> 7204 Mannen </strong> 7205 </a> 7206 <a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/matrasbeschermers" title="Ga naar Matrasbeschermers" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard"> 7207 <picture class="rounded-brand-md object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/400/7e3d142a449dc0706b7c56df166e1b1b.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/400/7e3d142a449dc0706b7c56df166e1b1b.png" class="rounded-brand-md object-contain" width="218" height="200" loading="eager" alt="Matrasbeschermers afbeelding" loading="lazy"></picture> 7208 <strong class="text-secondary-800 underline"> 7209 Matrasbeschermers </strong> 7210 </a> 7211 <a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/steeklaken" title="Ga naar Steeklaken" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard"> 7212 <picture class="rounded-brand-md object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/400/97fa99c6c339d932eba2cedf67151bde.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/400/97fa99c6c339d932eba2cedf67151bde.png" class="rounded-brand-md object-contain" width="218" height="200" loading="eager" alt="Steeklaken afbeelding" loading="lazy"></picture> 7213 <strong class="text-secondary-800 underline"> 7214 Steeklaken </strong> 7215 </a> 7216 <a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers" title="Ga naar Onderlegger" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard"> 7217 <strong class="text-secondary-800 underline"> 7218 Onderlegger </strong> 7219 </a> 7220 <a href="https://www.123drogisterij.nl/incontinentiemateriaal/zwemluiers" title="Ga naar Zwemluiers" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard"> 7221 <strong class="text-secondary-800 underline"> 7222 Zwemluiers </strong> 7223 </a> 7224 <a href="https://www.123drogisterij.nl/incontinentiemateriaal/abso-x" title="Ga naar ABSO-X" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard"> 7225 <strong class="text-secondary-800 underline"> 7226 ABSO-X </strong> 7227 </a> 7228 </div> 7229 7230<div class="relative"> 7231 <div class="block absolute -top-[340px] h-[270px] sm:-top-[300px] sm:h-[250px] 7232 right-0 h-full w-16 z-10 bg-gradient-to-r from-transparent to-white z-0 7233 lg:-top-[400px] lg:h-[350px]"></div> 7234</div> 7235</div><div class="pagebuilder-content-half" data-content-type="content-half" data-appearance="default" data-show-button="true" data-show-button_2="true" data-element="main"><a class="pagebuilder-content-half-width-wrapper" href="https://www.123drogisterij.nl/incontinentie-pants/tena-pants" target="" data-link-type="category" title="Ga naar TENA pants" data-element="link"><div class="pagebuilder-content-half-image"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/7322540839920-0_600x600_1.webp"><img width="236" height="236" src="https://www.123drogisterij.nl/media/wysiwyg/7322540839920-0_600x600_1.png" alt="TENA pants" title="Ga naar TENA pants" loading="lazy" data-element="desktop_image" loading="lazy"></picture></div><div class="pagebuilder-content-half-content"><div data-element="content_title">Populaire keuze</div><div data-element="content"><p>Meest gekozen TENA producten</p></div><div class="pagebuilder-content-half-buttons"><button type="button" class="pagebuilder-button-primary" data-element="button">Bekijk producten</button></div></div></a><a class="pagebuilder-content-half-width-wrapper2" href="https://www.123drogisterij.nl/incontinentiemateriaal/koopjeshoek" target="" data-link-type="category" title="Naar de aanbiedingen" data-element="link_2"><div class="pagebuilder-content-half-image"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/Group_395.webp"><img width="236" height="236" src="https://www.123drogisterij.nl/media/wysiwyg/Group_395.png" alt="Aanbiedingen" title="Naar de aanbiedingen" loading="lazy" data-element="desktop_image_2" loading="lazy"></picture></div><div class="pagebuilder-content-half-content"><div data-element="content_title_2">Aanbiedingen</div><div data-element="content_2"><p>Bekijk onze beste aanbiedingen</p></div><div class="pagebuilder-content-half-buttons"><button type="button" class="pagebuilder-button-primary" data-element="button_2">Bekijk aanbiedingen</button></div></div></a></div><div class="pagebuilder-textblock" data-content-type="textblock" data-appearance="default" data-element="main"><h2>Onze populaire producten</h2></div><div class="pagebuilder-featured-products" data-content-type="featured-products" data-appearance="carousel" data-show-arrows="true" data-show-dots="true" data-element="main">
7235<div class="glider-contain product-items widget-product-carousel"> 7236 <div data-role="glider-content" class="mx-auto grid gap-4 pb-4 lg:py-4 sm:grid-cols-2 lg:grid-cols-4 relative overflow-y-hidden overflow-x-scroll"> 7237 7238<a href="https://www.123drogisterij.nl/wasbare-matrasbeschermer-met-instopstroken-85-x-90-cm" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard"> 7239 <span title="Wasbare matrasbeschermer met instopstroken - 85 x 90 cm." class="product photo product-item-photo block mx-auto px-4" tabindex="-1"> 7240 <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/f/o/fotofluvius-careland-1920px-20240704-004.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-1804.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/f/o/fotofluvius-careland-1920px-20240704-004.jpg" loading="lazy" width="240" height="300" alt="Wasbare matrasbeschermer met instopstroken - 85 x 90 cm." title="Wasbare matrasbeschermer met instopstroken - 85 x 90 cm." loading="lazy"></picture> 7241 </span> 7242 7243 <strong> 7244 <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-1804-${$id('slider-id')}`"> 7245 Wasbare matrasbeschermer met instopstroken - 85 x 90 cm. </span> 7246 </strong> 7247 7248 <span class="block text-gray-500 mb-1 px-4 lg:text-md"> 7249 Verpakking: 1 stuks </span> 7250 <span class="block text-gray-500 mt-4 mb-6 px-4"> 7251 <div class="flex gap-2"> 7252 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7253 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7254 </svg> 7255 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7256 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7257 </svg> 7258 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7259 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7260 </svg> 7261 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7262 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7263 </svg> 7264 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7265 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7266 </svg> 7267 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7268 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7269 </svg> 7270 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7271 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39
7271697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7272 </svg> 7273 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7274 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7275 </svg> 7276 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7277 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7278 </svg> 7279 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7280 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7281 </svg> 7282 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7283 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7284 </svg> 7285 </div> 7286 </span> 7287 7288 7289 <div class="flex justify-between items-center px-4 mt-auto mb-2"> 7290 <div x-data="initPriceBox()" x-defer="intersect" @update-prices-1804.window="updatePrice($event.detail);"> 7291 <div class="price-box price-final_price" data-role="priceBox" data-product-id="1804" data-price-box="product-id-1804"> 7292 7293 <span x-data x-id="['product\u002Dprice\u002D1804']" class="price-container price-final_price tax weee"> 7294 <span :id="$id('product\u002Dprice\u002D1804')" data-price-amount="11.49" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 11,49</span></span> 7295 </span> 7296 7297 <span class="minimal-price-link"> 7298 <span x-data x-id="['1804']" class="price-container price-final_price tax weee"> 7299 <span class="price-label">Vanaf</span> 7300 <span :id="$id('1804')" data-price-amount="9.5" data-price-type="" class="price-wrapper ">€ 9,50</span> 7301 </span> 7302 </span> 7303</div> </div> 7304 7305 <button class="btn btn-outline md:hidden" type="button"> 7306 Bekijk </button> 7307 <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button"> 7308 Bekijk product </button> 7309 </div> 7310 7311 <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm"> 7312 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img"> 7313 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> 7314<title>Tot 22:30 uur besteld = morgen in huis</title></svg> 7315 <span> 7316 Tot 22:30 uur besteld = morgen in huis </span> 7317 </div> 7318 </a> 7319 7320<a href="https://www.123drogisterij.nl/tena-for-men-level-1" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard"> 7321 <span title="TENA For Men Level 1" class="product photo product-item-photo block mx-auto px-4" tabindex="-1"> 7322 <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_men_level_1.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-19.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_men_level_1.jpg" loading="lazy" width="240" height="300" alt="Tena Men Level 1" title="Tena Men Level 1" loading="lazy"></picture> 7323 </span> 7324 7325 <strong>
7326 <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-19-${$id('slider-id')}`"> 7327 TENA For Men Level 1 </span> 7328 </strong> 7329 7330 <span class="block text-gray-500 mb-1 px-4 lg:text-md"> 7331 Verpakking: 24 stuks </span> 7332 <span class="block text-gray-500 mt-4 mb-6 px-4"> 7333 <div class="flex gap-2"> 7334 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7335 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7336 </svg> 7337 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7338 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7339 </svg> 7340 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7341 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7342 </svg> 7343 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7344 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7345 </svg> 7346 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7347 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7348 </svg> 7349 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7350 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7351 </svg> 7352 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7353 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7354 </svg> 7355 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7356 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7357 </svg> 7358 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7359 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7360 </svg> 7361 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7362 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7363 </svg> 7364 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7365 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39
7365697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7366 </svg> 7367 </div> 7368 </span> 7369 7370 7371 <div class="flex justify-between items-center px-4 mt-auto mb-2"> 7372 <div x-data="initPriceBox()" x-defer="intersect" @update-prices-19.window="updatePrice($event.detail);"> 7373 <div class="price-box price-final_price" data-role="priceBox" data-product-id="19" data-price-box="product-id-19"> 7374 7375 <span x-data x-id="['product\u002Dprice\u002D19']" class="price-container price-final_price tax weee"> 7376 <span :id="$id('product\u002Dprice\u002D19')" data-price-amount="10.49" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 10,49</span></span> 7377 </span> 7378 7379 <span class="minimal-price-link"> 7380 <span x-data x-id="['19']" class="price-container price-final_price tax weee"> 7381 <span class="price-label">Vanaf</span> 7382 <span :id="$id('19')" data-price-amount="8.29" data-price-type="" class="price-wrapper ">€ 8,29</span> 7383 </span> 7384 </span> 7385</div> </div> 7386 7387 <button class="btn btn-outline md:hidden" type="button"> 7388 Bekijk </button> 7389 <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button"> 7390 Bekijk product </button> 7391 </div> 7392 7393 <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm"> 7394 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img"> 7395 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> 7396<title>Tot 22:30 uur besteld = morgen in huis</title></svg> 7397 <span> 7398 Tot 22:30 uur besteld = morgen in huis </span> 7399 </div> 7400 </a> 7401 7402<a href="https://www.123drogisterij.nl/tena-for-men-level-3" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard"> 7403 <span title="TENA For Men Level 3" class="product photo product-item-photo block mx-auto px-4" tabindex="-1"> 7404 <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_men_level_3.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-121.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_men_level_3.jpg" loading="lazy" width="240" height="300" alt="Tena Men Level 3" title="Tena Men Level 3" loading="lazy"></picture> 7405 </span> 7406 7407 <strong> 7408 <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-121-${$id('slider-id')}`"> 7409 TENA For Men Level 3 </span> 7410 </strong> 7411 7412 <span class="block text-gray-500 mb-1 px-4 lg:text-md"> 7413 Verpakking: 16 stuks </span> 7414 <span class="block text-gray-500 mt-4 mb-6 px-4"> 7415 <div class="flex gap-2"> 7416 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7417 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7418 </svg> 7419 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7420 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7421 </svg> 7422 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7423 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39
7423697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7424 </svg> 7425 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7426 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7427 </svg> 7428 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7429 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7430 </svg> 7431 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7432 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7433 </svg> 7434 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7435 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7436 </svg> 7437 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7438 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7439 </svg> 7440 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7441 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7442 </svg> 7443 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7444 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7445 </svg> 7446 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7447 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7448 </svg> 7449 </div> 7450 </span> 7451 7452 7453 <div class="flex justify-between items-center px-4 mt-auto mb-2"> 7454 <div x-data="initPriceBox()" x-defer="intersect" @update-prices-121.window="updatePrice($event.detail);"> 7455 <div class="price-box price-final_price" data-role="priceBox" data-product-id="121" data-price-box="product-id-121"> 7456 7457 <span x-data x-id="['product\u002Dprice\u002D121']" class="price-container price-final_price tax weee"> 7458 <span :id="$id('product\u002Dprice\u002D121')" data-price-amount="10.49" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 10,49</span></span> 7459 </span> 7460 7461 <span class="minimal-price-link"> 7462 <span x-data x-id="['121']" class="price-container price-final_price tax weee"> 7463 <span class="price-label">Vanaf</span> 7464 <span :id="$id('121')" data-price-amount="8.29" data-price-type="" class="price-wrapper ">€ 8,29</span> 7465 </span> 7466 </span> 7467</div> </div> 7468 7469 <button class="btn btn-outline md:hidden" type="button"> 7470 Bekijk </button> 7471 <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button"> 7472 Bekijk product </button> 7473 </div> 7474 7475 <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm"> 7476 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img"> 7477 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> 7478<title>Tot 22:30 uur besteld = morgen in huis</title></svg>
7479 <span> 7480 Tot 22:30 uur besteld = morgen in huis </span> 7481 </div> 7482 </a> 7483 7484<a href="https://www.123drogisterij.nl/swimmm-zwemluiers-voor-volwassenen" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard"> 7485 <span title="Swimmm Wegwerp Zwemluiers voor Volwassenen en Kinderen" class="product photo product-item-photo block mx-auto px-4" tabindex="-1"> 7486 <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/s/w/swimmm_diposable_swim_pants.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-2035.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/s/w/swimmm_diposable_swim_pants.png" loading="lazy" width="240" height="300" alt="Swimmm Wegwerp Zwemluiers voor Volwassenen en Kinderen" title="Swimmm Wegwerp Zwemluiers voor Volwassenen en Kinderen" loading="lazy"></picture> 7487 </span> 7488 7489 <strong> 7490 <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-2035-${$id('slider-id')}`"> 7491 Swimmm Wegwerp Zwemluiers voor Volwassenen en Kinderen </span> 7492 </strong> 7493 7494 <span class="block text-gray-500 mb-1 px-4 lg:text-md"> 7495 Verpakking: </span> 7496 7497 7498 <div class="flex justify-between items-center px-4 mt-auto mb-2"> 7499 <div x-data="initPriceBox()" x-defer="intersect" @update-prices-2035.window="updatePrice($event.detail);"> 7500 <div class="price-box price-final_price" data-role="priceBox" data-product-id="2035" data-price-box="product-id-2035"> <span class="normal-price"> 7501<span x-data x-id="['product\u002Dprice\u002D2035']" class="price-container price-final_price tax weee"> 7502 <span :id="$id('product\u002Dprice\u002D2035')" data-price-amount="29.99" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 29,99</span></span> 7503 </span> 7504</span> 7505 7506 7507</div> </div> 7508 7509 <button class="btn btn-outline md:hidden" type="button"> 7510 Bekijk </button> 7511 <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button"> 7512 Bekijk product </button> 7513 </div> 7514 7515 <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm"> 7516 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img"> 7517 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> 7518<title>Tot 22:30 uur besteld = morgen in huis</title></svg> 7519 <span> 7520 Tot 22:30 uur besteld = morgen in huis </span> 7521 </div> 7522 </a> 7523 7524<a href="https://www.123drogisterij.nl/abso-x-ultra-pants-medium" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard"> 7525 <span title="ABSO-X Ultra Pants Medium" class="product photo product-item-photo block mx-auto px-4" tabindex="-1"> 7526 <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/a/b/abso-x_ultra_pants_medium_1.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-2167.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/a/b/abso-x_ultra_pants_medium_1.png" loading="lazy" width="240" height="300" alt="ABSO-X Ultra Pants Medium" title="ABSO-X Ultra Pants Medium" loading="lazy"></picture> 7527 </span> 7528 7529 <strong> 7530 <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-2167-${$id('slider-id')}`"> 7531 ABSO-X Ultra Pants Medium </span> 7532 </strong> 7533
7534 <span class="block text-gray-500 mb-1 px-4 lg:text-md"> 7535 Verpakking: 10 stuks </span> 7536 <span class="block text-gray-500 mt-4 mb-6 px-4"> 7537 <div class="flex gap-2"> 7538 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7539 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7540 </svg> 7541 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7542 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7543 </svg> 7544 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7545 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7546 </svg> 7547 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7548 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7549 </svg> 7550 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7551 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7552 </svg> 7553 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7554 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7555 </svg> 7556 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7557 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7558 </svg> 7559 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7560 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7561 </svg> 7562 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7563 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7564 </svg> 7565 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7566 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7567 </svg> 7568 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7569 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7570 </svg> 7571 </div> 7572 </span> 7573 7574 7575 <div class="flex justify-between items-center px-4 mt-auto mb-2"> 7576 <div x-data="initPriceBox()" x-defer="intersect" @update-prices-2167.window="updatePrice($event.detail);"> 7577 <div class="price-box price-final_price" data-role="priceBox" data-product-id="2167" data-price-box="product-id-2167"> 7578
7579 <span x-data x-id="['product\u002Dprice\u002D2167']" class="price-container price-final_price tax weee"> 7580 <span :id="$id('product\u002Dprice\u002D2167')" data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 14,99</span></span> 7581 </span> 7582 7583 <span class="minimal-price-link"> 7584 <span x-data x-id="['2167']" class="price-container price-final_price tax weee"> 7585 <span class="price-label">Vanaf</span> 7586 <span :id="$id('2167')" data-price-amount="9.99" data-price-type="" class="price-wrapper ">€ 9,99</span> 7587 </span> 7588 </span> 7589</div> </div> 7590 7591 <button class="btn btn-outline md:hidden" type="button"> 7592 Bekijk </button> 7593 <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button"> 7594 Bekijk product </button> 7595 </div> 7596 7597 <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm"> 7598 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img"> 7599 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> 7600<title>Tot 22:30 uur besteld = morgen in huis</title></svg> 7601 <span> 7602 Tot 22:30 uur besteld = morgen in huis </span> 7603 </div> 7604 </a> 7605 7606<a href="https://www.123drogisterij.nl/tena-slip-active-fit-ultima-medium" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard"> 7607 <span title="TENA Slip Active Fit Ultima Medium" class="product photo product-item-photo block mx-auto px-4" tabindex="-1"> 7608 <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_slip_active_fit_ultima_1.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-381.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_slip_active_fit_ultima_1.jpg" loading="lazy" width="240" height="300" alt="** Tena Slip Active Fit Ultima Medium" title="** Tena Slip Active Fit Ultima Medium" loading="lazy"></picture> 7609 </span> 7610 7611 <strong> 7612 <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-381-${$id('slider-id')}`"> 7613 TENA Slip Active Fit Ultima Medium </span> 7614 </strong> 7615 7616 <span class="block text-gray-500 mb-1 px-4 lg:text-md"> 7617 Verpakking: 21 stuks </span> 7618 <span class="block text-gray-500 mt-4 mb-6 px-4"> 7619 <div class="flex gap-2"> 7620 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7621 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7622 </svg> 7623 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7624 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7625 </svg> 7626 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7627 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7628 </svg> 7629 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7630 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39
7630697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7631 </svg> 7632 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7633 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7634 </svg> 7635 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7636 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7637 </svg> 7638 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7639 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7640 </svg> 7641 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7642 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7643 </svg> 7644 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7645 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7646 </svg> 7647 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7648 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7649 </svg> 7650 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7651 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7652 </svg> 7653 </div> 7654 </span> 7655 7656 7657 <div class="flex justify-between items-center px-4 mt-auto mb-2"> 7658 <div x-data="initPriceBox()" x-defer="intersect" @update-prices-381.window="updatePrice($event.detail);"> 7659 <div class="price-box price-final_price" data-role="priceBox" data-product-id="381" data-price-box="product-id-381"> 7660 7661 <span x-data x-id="['product\u002Dprice\u002D381']" class="price-container price-final_price tax weee"> 7662 <span :id="$id('product\u002Dprice\u002D381')" data-price-amount="29.59" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 29,59</span></span> 7663 </span> 7664 7665 <span class="minimal-price-link"> 7666 <span x-data x-id="['381']" class="price-container price-final_price tax weee"> 7667 <span class="price-label">Vanaf</span> 7668 <span :id="$id('381')" data-price-amount="26.95" data-price-type="" class="price-wrapper ">€ 26,95</span> 7669 </span> 7670 </span> 7671</div> </div> 7672 7673 <button class="btn btn-outline md:hidden" type="button"> 7674 Bekijk </button> 7675 <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button"> 7676 Bekijk product </button> 7677 </div> 7678 7679 <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm"> 7680 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img"> 7681 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> 7682<title>Tot 22:30 uur besteld = morgen in huis</title></svg>
7683 <span> 7684 Tot 22:30 uur besteld = morgen in huis </span> 7685 </div> 7686 </a> 7687 7688<a href="https://www.123drogisterij.nl/tena-pants-maxi-large" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard"> 7689 <span title="TENA Pants Maxi Large" class="product photo product-item-photo block mx-auto px-4" tabindex="-1"> 7690 <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_pants_maxi_1.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-34.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_pants_maxi_1.jpg" loading="lazy" width="240" height="300" alt="Tena Pants Maxi" title="Tena Pants Maxi" loading="lazy"></picture> 7691 </span> 7692 7693 <strong> 7694 <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-34-${$id('slider-id')}`"> 7695 TENA Pants Maxi Large </span> 7696 </strong> 7697 7698 <span class="block text-gray-500 mb-1 px-4 lg:text-md"> 7699 Verpakking: 10 stuks </span> 7700 <span class="block text-gray-500 mt-4 mb-6 px-4"> 7701 <div class="flex gap-2"> 7702 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7703 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7704 </svg> 7705 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7706 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7707 </svg> 7708 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7709 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7710 </svg> 7711 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7712 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7713 </svg> 7714 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7715 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7716 </svg> 7717 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7718 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7719 </svg> 7720 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7721 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7722 </svg> 7723 <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7724 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39
7724697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7725 </svg> 7726 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7727 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7728 </svg> 7729 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7730 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7731 </svg> 7732 <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 7733 <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path> 7734 </svg> 7735 </div> 7736 </span> 7737 7738 7739 <div class="flex justify-between items-center px-4 mt-auto mb-2"> 7740 <div x-data="initPriceBox()" x-defer="intersect" @update-prices-34.window="updatePrice($event.detail);"> 7741 <div class="price-box price-final_price" data-role="priceBox" data-product-id="34" data-price-box="product-id-34"> 7742 7743 <span x-data x-id="['product\u002Dprice\u002D34']" class="price-container price-final_price tax weee"> 7744 <span :id="$id('product\u002Dprice\u002D34')" data-price-amount="21.59" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 21,59</span></span> 7745 </span> 7746 7747 <span class="minimal-price-link"> 7748 <span x-data x-id="['34']" class="price-container price-final_price tax weee"> 7749 <span class="price-label">Vanaf</span> 7750 <span :id="$id('34')" data-price-amount="16.59" data-price-type="" class="price-wrapper ">€ 16,59</span> 7751 </span> 7752 </span> 7753</div> </div> 7754 7755 <button class="btn btn-outline md:hidden" type="button"> 7756 Bekijk </button> 7757 <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button"> 7758 Bekijk product </button> 7759 </div> 7760 7761 <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm"> 7762 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img"> 7763 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> 7764<title>Tot 22:30 uur besteld = morgen in huis</title></svg> 7765 <span> 7766 Tot 22:30 uur besteld = morgen in huis </span> 7767 </div> 7768 </a> 7769 7770<a href="https://www.123drogisterij.nl/abso-x-ultra-bed-underpad-60-90" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard"> 7771 <span title="ABSO-X Ultra Bed Underpad | 60x90 | met SAP" class="product photo product-item-photo block mx-auto px-4" tabindex="-1"> 7772 <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/a/b/abso-x_ultra_underpads_1.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-2169.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/a/b/abso-x_ultra_underpads_1.png" loading="lazy" width="240" height="300" alt="ABSO-X Ultra Bed Underpad | 60x90 | met SAP" title="ABSO-X Ultra Bed Underpad | 60x90 | met SAP" loading="lazy"></picture> 7773 </span> 7774 7775 <strong> 7776 <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-2169-${$id('slider-id')}`"> 7777 ABSO-X Ultra Bed Underpad | 60x90 | met SAP </span> 7778 </strong> 7779
7780 <span class="block text-gray-500 mb-1 px-4 lg:text-md"> 7781 Verpakking: 30 stuks </span> 7782 7783 7784 <div class="flex justify-between items-center px-4 mt-auto mb-2"> 7785 <div x-data="initPriceBox()" x-defer="intersect" @update-prices-2169.window="updatePrice($event.detail);"> 7786 <div class="price-box price-final_price" data-role="priceBox" data-product-id="2169" data-price-box="product-id-2169"> 7787 7788 <span x-data x-id="['product\u002Dprice\u002D2169']" class="price-container price-final_price tax weee"> 7789 <span :id="$id('product\u002Dprice\u002D2169')" data-price-amount="15.99" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 15,99</span></span> 7790 </span> 7791 7792 <span class="minimal-price-link"> 7793 <span x-data x-id="['2169']" class="price-container price-final_price tax weee"> 7794 <span class="price-label">Vanaf</span> 7795 <span :id="$id('2169')" data-price-amount="11.99" data-price-type="" class="price-wrapper ">€ 11,99</span> 7796 </span> 7797 </span> 7798</div> </div> 7799 7800 <button class="btn btn-outline md:hidden" type="button"> 7801 Bekijk </button> 7802 <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button"> 7803 Bekijk product </button> 7804 </div> 7805 7806 <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm"> 7807 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img"> 7808 <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> 7809<title>Tot 22:30 uur besteld = morgen in huis</title></svg> 7810 <span> 7811 Tot 22:30 uur besteld = morgen in huis </span> 7812 </div> 7813 </a> 7814 </div> 7815 7816<div class="flex w-full justify-center items-center carousel-nav"> 7817 <button class="glider-prev rounded-md p-2 bg-tertiary-300 outline-none" aria-label="Vorige"> 7818 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-6 h-6" width="24" height="24" role="img"> 7819 <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z" clip-rule="evenodd"></path> 7820<title>Vorige</title></svg> 7821 </button> 7822 <div class="glider-dots select-none flex flex-wrap mx-4 justify-center p-0 focus:outline-none"></div> 7823 <button class="glider-next rounded-md p-2 bg-tertiary-300 outline-none" aria-label="volgende"> 7824 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-6 h-6" width="24" height="24" role="img"> 7825 <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"></path> 7826<title>volgende</title></svg> 7827 </button> 7828</div> 7829 </div></div><div class="pagebuilder-usps" data-content-type="usps" data-appearance="default" data-element="main"><div class="usp"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="size-6"><path d="M3.375 4.5C2.339 4.5 1.5 5.34 1.5 6.375V13.5h12V6.375c0-1.036-.84-1.875-1.875-1.875h-8.25ZM13.5 15h-12v2.625c0 1.035.84 1.875 1.875 1.875h.375a3 3 0 1 1 6 0h3a.75.75 0 0 0 .75-.75V15Z"></path><path d="M8.25 19.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM15.75 6.75a.75.75 0 0 0-.75.75v11.25c0 .087.015.17.042.248a3 3 0 0 1 5.958.464c.853-.175 1.522-.935 1.464-1.883a18.659 18.659 0 0 0-3.732-10.104 1.837 1.837 0 0 0-1.47-.725H15.75Z"></path><path d="M19.5 19.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"></path></svg></div><a href="https://www.123drogisterij.nl/veelgestelde-vragen" target="" data-link-type="page" data-element="usp_1_link"><div data-element="usp_1">Boven 20 euro GRATIS BEZORGD</div></a></div><div class="usp"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="size-6"><path d="M3.375 4.5C2.339 4.5 1.5 5.34 1.5 6.375V13.5h12V6.375c0-1.036-.84-1.875-1.875-1.875h-8.25ZM13.5 15h-12v2.625c0 1.035.84 1.875 1.875 1.875h.375a3 3 0 1 1 6 0h3a.75.75 0 0 0 .75-.75V15Z"></path><path d="M8.25 19.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM15.75 6.75a.75.75 0 0 0-.75.75v11.25c0 .087.015.17.042.248a3 3 0 0 1 5.958.464c.853-.175 1.522-.935 1.464-1.883a18.659 18.659 0 0 0-3.732-10.104 1.837 1.837 0 0 0-1.47-.725H15.75Z"></path><path d="M19.5 19.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"></path></svg></div><a href="https://www.123drogisterij.nl/veelgestelde-vragen" target="" data-link-type="page" data-element="usp_2_link"><div data-element="usp_2">
7829Tot 22:30 uur besteld = morgen in huis</div></a></div><div class="usp"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="size-6"><path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z" clip-rule="evenodd"></path></svg></div><a href="https://www.123drogisterij.nl/veelgestelde-vragen" target="" data-link-type="page" data-element="usp_3_link"><div data-element="usp_3">100% anoniem verpakt</div></a></div><div class="usp"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="size-6"><path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd"></path></svg></div><a href="https://www.123drogisterij.nl/veelgestelde-vragen" target="" data-link-type="page" data-element="usp_4_link"><div data-element="usp_4">Niet goed, geld terug</div></a></div></div><div class="pagebuilder-featuredhalf" data-content-type="featuredhalf" data-appearance="default" data-background-color="false" data-image-right="false" data-object-fit="cover" data-object-position="top" data-full-width="false" data-show-button="false" data-show-button_second="false" data-element="main"><div class="pagebuilder-featuredhalf-width-wrapper"><div class="full-bleed-background"></div><div class="pagebuilder-featuredhalf-image"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/Jan_Chriz.webp"><img width="500" height="650" src="https://www.123drogisterij.nl/media/wysiwyg/Jan_Chriz.png" alt="Jan van de Graaf en Chriz van de Graaf " title="Uw specialist in incontinentiemateriaal" loading="lazy" data-element="desktop_image" loading="lazy"></picture><ul class="usps"><li data-element="usp_1">+12 jaar ervaring</li><li data-element="usp_2">Toewijding</li><li data-element="usp_3">Kennis</li></ul></div><div class="pagebuilder-featuredhalf-content"><div data-element="content"><p><strong>Over ons</strong></p><h2>Uw specialist in incontinentiemateriaal</h2><p>123Drogisterij is een specialist in incontinentiemateriaal. Wij verzenden de bestellingen op werkdagen tot 23.30 uur. Deze worden de volgende dag bezorgd: snel, betrouwbaar en discreet. En dat doen wij inmiddels voor tienduizenden tevreden klanten.</p><p>Wij zijn dus een familiebedrijf, en hechten dan ook aan de waarden van familiebedrijven.</p><ul><li>Hard werken voor je klanten</li><li>Duurzame groei met het vizier op de lange termijn</li><li>Oog voor de belangen van iedereen met wie je te maken hebt</li></ul></div></div></div></div><div class="pagebuilder-featured-half-video" data-content-type="featured-half-video" data-appearance="default" data-background-color="false" data-image-right="false" data-object-fit="cover" data-object-position="none" data-full-width="false" data-show-button="false" data-show-button_second="false" data-element="main"><div class="pagebuilder-featuredhalf-width-wrapper"><div class="pagebuilder-video-container"><iframe width="632" height="400" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/RWdbipkqQC4" data-element="video"></iframe></div><div class="pagebuilder-featuredhalf-content"><details><summary data-element="content_title">Wij zijn snel en discreet</summary><p data-element="content">Vindt u het ook vervelend om incontinentiematerialen te kopen in de winkel? Vaak heeft de winkel geen groot aanbod aan verschillende incontinentiematerialen. Hierdoor heeft u weinig keuze. Bij 123Drogisterij kunt u uw producten snel en discreet bestellen. Als u uw incontinentiemateriaal op werkdagen bestelt, versturen we het diezelfde dag nog. Dit kunnen we zelfs doen tot half 12 in de avond. Daardoor heeft u de bestelling de volgende dag al in huis. Wel zo makkelijk. Bestellingen van boven de 20 euro versturen we gratis naar u toe. Dit doen we inmiddels al voor tienduizenden tevreden klanten.</p></details>
7829<details><summary data-element="content_title_2">123Drogisterij heeft alle vertrouwde merken</summary><p data-element="content_section_2">Bij 123Drogisterij hebben wij een breed assortiment aan alle bekende merken die incontinentiemateriaal verkopen. Hieronder vallen bijvoorbeeld TENA, Abena, Depend, Attends, Absorin, Hartmann, Seni, en nog veel meer. Naast alle bekende merken mogen wij met trots zeggen dat we het grootste en meest diverse aanbod aan producten hebben. Bed onderleggers, slips, pants, inleggers, stoelbeleggers en dekzeilen; 123drogisterij.nl heeft het allemaal.</p></details><details><summary data-element="content_title_3">Waar moet u op letten bij het kopen van incontinentiemateriaal?</summary><p data-element="content_section_3">Het kan soms best lastig zijn om te weten wat u moet kopen. Zeker omdat het advies van de dokter wel goed kan zijn, maar het alsnog even duurt voordat u heeft uitgevogeld welke producten en merken u zelf prettig vindt. Openlijk praten over incontinentie doen maar weinig mensen. Het is belangrijk dat u goed let op de volgende dingen: de mate van incontinentie, het activiteitsniveau en de gezondheidstoestand. Al deze factoren spelen mee als u een product gaat uitzoeken bij 123Drogisterij. Soms valt de mate van incontinentie mee. Dan zult u andere producten nodig hebben dan als de mate van incontinentie sterker is. Dit betekent over het algemeen dat u slips, pants en ander incontinentiemateriaal moet hebben w
7829at een sterkere opname kracht heeft dan alleen het standaard incontinentiemateriaal. In veel gevallen is incontinentie tijdelijk. Maar het kan ook voor langere tijd een probleem vormen. Als dit het geval is, kan het prettig zijn om een vast merk uit het assortiment van 123Drogisterij te kiezen wat u prettig vindt.</p></details></div></div></div><div class="pagebuilder-textblock" data-content-type="textblock" data-appearance="default" data-element="main"><h2>Onze kennisbank</h2></div><div class="pagebuilder-banner-small" data-content-type="banner-small" data-appearance="full-width" data-show-button_1="false" data-show-button_2="false" data-show-button_3="false" data-element="main" data-pb-style="XBHMNYQ"><a class="banner-item" href="incontinentie-pants/tena-pants" target="" data-link-type="default" title="Incontinentiebroekjes" data-element="link_1"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/130367.webp"><img width="480" height="260" src="https://www.123drogisterij.nl/media/wysiwyg/130367.jpg" alt="Incontinentiebroekjes" title="Incontinentiebroekjes" loading="lazy" data-element="desktop_image_1" loading="lazy"></picture><div class="relative"><div class="content"><h3 data-element="text_1">Incontinentiebroekjes</h3><span data-element="subtext_1">Meer informatie over</span></div></div></a><a class="banner-item" href="incontinentiemateriaal/zwemluiers" target="" data-link-type="default" title="Zwemluiers" data-element="link_2"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/6115fe40-6077-439f-a932-5fc48ae151ac.webp"><img width="480" height="260" src="https://www.123drogisterij.nl/media/wysiwyg/6115fe40-6077-439f-a932-5fc48ae151ac.jpeg" alt="Zwemluiers voor volwassenen en kinderen" title="Zwemluiers" loading="lazy" data-element="desktop_image_2" loading="lazy"></picture><div class="relative"><div class="content"><h3 data-element="text_2">Zwemluiers</h3><span data-element="subtext_2">Meer informatie over</span></div></div></a><a class="banner-item" href="incontinentie-bed-onderleggers/wasbare-onderleggers" target="" data-link-type="default" title="Wasbare onderleggers" data-element="link_3"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/tweepersoons_wasbare_onderlegger_180-85.webp"><img width="480" height="260" src="https://www.123drogisterij.nl/media/wysiwyg/tweepersoons_wasbare_onderlegger_180-85.jpg" alt="Wasbare onderleggers" title="Wasbare onderleggers" loading="lazy" data-element="desktop_image_3" loading="lazy"></picture><div class="relative"><div class="content"><h3 data-element="text_3">Wasbare onderleggers</h3><span data-element="subtext_3">Meer informatie over</span></div></div></a></div><div class="pagebuilder-textblock" data-content-type="textblock" data-appearance="default" data-element="main"><h2>Onze artikelen en tips met de beste adviezen</h2> <p><a href="/kennisbank"><strong id="GV6A7H1">Bekijk alle artikelen <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" width="24" height="24" role="img"> 7830 <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path> 7831<title>heroicons/solid/arrow-right</title></svg> 7832</strong></a></p></div><div data-content-type="featured-items" data-appearance="inline" data-element="main"><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/welke-soorten-incontinentiemateriaal-zijn-er" target="" data-link-type="default" data-element="link"><strong data-element="title">Welke soorten incontinentiemateriaal zijn er?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/alles-over-incontinentiemateriaal" target="" data-link-type="default" data-element="link"><strong data-element="title">Alle begrippen uitgelegd!</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/het-kiezen-van-het-juiste-incontinentiemateriaal" target="" data-link-type="default" data-element="link"><strong data-element="title">Welk incontinentiemateriaal heb ik nodig?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/hoe-incontinentiemateriaal-gebruiken" target="" data-link-type="default" data-element="link"><strong data-element="title">Hoe moet ik het gebruiken?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/welk-incontinentiemateriaal-voor-de-nacht" target="" data-link-type="default" data-element="link"><strong data-element="title">Heb ik voor de nacht ander materiaal nodig?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/welk-incontinentiemateriaal-bij-ontlastingsincontinentie" target="" data-link-type="default" data-element="link"><strong data-element="title">Welk materiaal gebruik ik wanneer ik (ook) ontlasting verlies?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="maattabel" target="" data-link-type="default" data-element="link"><strong data-element="title">Maattabel</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/hoe-vaak-moet-je-incontinentiemateriaal-verwisselen" target="" data-link-type="default" data-element="link"><strong data-element="title">Hoe vaak moet u materiaal verwisselen?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/droog-en-zonder-lekkage-de-nacht-door-10-tips" target="" data-link-type="default" data-element="link"><strong data-element="title">10 tips: Droog en zonder lekkage de nacht door</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/hoe-incontinentiemateriaal-gebruiken" target="" data-link-type="default" data-element="link"><strong data-element="title">Hoe incontinentiemateriaal gebruiken? - Aanleginstructies</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="wandelstokken" target="" data-link-type="default" data-element="link"><strong data-element="title">Alles over de wandelstok en onze nieuwe webshop wandelstok-winkel</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="incontinentie-luiers/luiers-voor-volwassenen" target="" data-link-type="default" data-element="link"><strong data-element="title">Alles over luiers voor volwassenen</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="incontinentiemateriaal" target="" data-link-type="default" data-element="link"><strong data-element="title">Overzicht incontinentiemateriaal</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank-hulpmiddelen" target="" data-link-type="default" data-element="link"><strong data-element="title">Bezoek ook onze kennisbank voor hulpmiddelen</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="incontinentie-inleggers/mannenverband" target="" data-link-type="default" data-element="link"><strong data-element="title">
7832Alles over mannenverband</strong><span data-element="subtitle">Lees meer</span></a></div></div>
7832<script nonce="aGozZ2U5amsyNHl1b3F5cWJ5cjJreTM2OGR4enQxNzc="> 7833 function hasWebP() { 7834 var elem = document.createElement('canvas'); 7835 7836 if (!!(elem.getContext && elem.getContext('2d'))) { 7837 return elem.toDataURL('image/webp').indexOf('data:image/webp') === 0; 7838 } 7839 return false; 7840 } 7841 7842 if (hasWebP()) { 7843 document.body.classList.add("webp"); 7844 } else { 7845 document.body.classList.add("no-webp"); 7846 }</script>
7846</div></div></main><footer class="page-footer"><div class="footer content"> 7847<div class="border-t border-secondary-800 py-4 lg:py-6"> 7848 <div class="container lg:flex lg:gap-12"> 7849 <div class="flex justify-between gap-4 lg:flex-col"> 7850 <div class=""> 7851 <a id="logo" class="flex items-center justify-start text-xl no-underline hover:no-underline font-title" 7852 href="https://www.123drogisterij.nl/" 7853 aria-label="Go to Home page" 7854 > 7855 <picture> 7856 <img src="https://www.123drogisterij.nl/media/logo/stores/2/123drogisterij.jpeg" 7857 alt="Store logo" 7858 width="333" height="100" /> 7859 </picture> 7860 </a> 7861</div> 7862 7863 <a href="https://www.kiyoh.com/reviews/1044623/123drogisterij_nl" target="_blank" class="flex flex-row gap-2 p-2 text-sm md:text-lg hover:underline"> 7864 <div class="relative"> 7865 <img height="56" width="56" class="w-10 h-10 min-w-10 sm:h-14 sm:w-14" alt="Kiyoh review badge" src="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/Magento_Theme/images/kiyoh.svg"/> 7866 <span class="absolute top-3 left-2.5 sm:top-4 sm:left-4 font-medium">9.5</span> 7867 </div> 7868 7869 <div class="kiyoh-schema" itemscope="itemscope" itemtype="https://schema.org/Organization"> 7870 <meta itemprop="name" content="123Drogisterij.nl"/> 7871 <div class="flex flex-col h-full justify-between" itemprop="aggregateRating" itemscope="itemscope" itemtype="https://schema.org/AggregateRating"> 7872 <meta itemprop="bestRating" content="10"> 7873 <meta itemprop="ratingValue" content="9.5"> 7874 <meta itemprop="reviewCount" content="5231"> 7875 <meta itemprop="ratingCount" content="5231"> 7876 <div class="flex justify-center relative lg:justify-start lg:-ml-1"> 7877 <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4 sm:w-6 sm:h-6 mt-px" viewBox="0 0 20 20" 7878 style="color: #ffba49" 7879 fill="currentColor"> 7880 <path 7881 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 7882 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 7883 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 7884 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"/> 7885 </svg> 7886 <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4 sm:w-6 sm:h-6 mt-px" viewBox="0 0 20 20" 7887 style="color: #ffba49" 7888 fill="currentColor"> 7889 <path 7890 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 7891 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 7892 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 7893 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"/> 7894 </svg> 7895 <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4 sm:w-6 sm:h-6 mt-px" viewBox="0 0 20 20" 7896 style="color: #ffba49" 7897 fill="currentColor"> 7898 <path 7899 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 7900 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 7901 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 7902 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"/>
7902 7903 </svg> 7904 <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4 sm:w-6 sm:h-6 mt-px" viewBox="0 0 20 20" 7905 style="color: #ffba49" 7906 fill="currentColor"> 7907 <path 7908 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 7909 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 7910 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 7911 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"/> 7912 </svg> 7913 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 sm:w-6 sm:h-6 mt-px"> 7914 <defs> 7915 <linearGradient id="partialFill"> 7916 <stop offset="0%" stop-color="#ffba49"/> 7917 <stop offset="75%" stop-color="#ffba49"/> 7918 <stop offset="75%" stop-color="#cbd5e0"/> 7919 <stop offset="100%" stop-color="#cbd5e0"/> 7920 </linearGradient> 7921 </defs> 7922 <g fill="url(#partialFill)"> 7923 <path 7924 d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 7925 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 7926 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 7927 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"/> 7928 </g> 7929 </svg> 7930 </div> 7931 <p class="text-center lg:text-left"> 7932 <span class="text-lg">5231</span> 7933 beoordelingen </p> 7934 </div> 7935 </div> 7936 </a> 7937 </div> 7938 7939 <div class="mt-4 lg:mt-0 lg:w-3/4"> 7940 <strong class="block mb-2 text-xl lg:text-2xl">Vraag ons om advies</strong> 7941 <p class="prose md:prose-base"> 7942 123Drogisterij is dus dé specialist in incontinentiemateriaal. Komt u er niet uit? Geen zorgen, <a href="/over-ons">onze gespecialiseerde medewerkers</a> staan altijd klaar voor al uw vragen of advies. </p> 7943 7944 <div class="flex flex-col gap-4 mt-4 lg:flex-row lg:gap-8 lg:mt-8 lg:gap-32"> 7945 <a class="flex gap-2 items-center group" href="tel:0492-747100" title="0492-747100"> 7946 <div class="bg-green-600 p-2 rounded-md"> 7947 <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 text-white" width="24" height="24" role="img"> 7948 <path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/> 7949<title>phone</title></svg> 7950 </div> 7951 <div>
7952 <span class="text-base font-medium group-hover:underline lg:text-lg"> 7953 Bel ons: 0492-747100 </span> 7954 <span class="block text-md text-gray-500">Ma - vrij van 9.00 â 13.00 uur</span> 7955 </div> 7956 </a> 7957 <a class="flex gap-2 items-start hover:underline" href="mailto:[email protected]" title="[email protected]"> 7958 <div class="bg-green-600 p-2 rounded-md"> 7959 <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 text-white" width="24" height="24" role="img"> 7960 <path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/> 7961<title>mail</title></svg> 7962 </div> 7963 <div> 7964 <span class="block text-base font-medium lg:text-lg">Mail ons: [email protected]</span> 7965 <span class="text-md text-gray-500">We antwoorden zo spoedig mogelijk op uw vraag.</span> 7966 </div> 7967 </a> 7968 </div> 7969 </div> 7970 </div> 7971</div> 7972 7973<div class="bg-gray-100"> 7974 <div class="container pt-6 pb-4 flex flex-col lg:justify-between lg:flex-row lg:py-8"> 7975 <div class="flex flex-col text-md mb-2 lg:w-1/4"> 7976 <ul> 7977 <li><strong class="block text-base mb-2">Adres</strong></li> 7978 <li class="block w-3/4 lg:w-full">123Drogisterij</li> 7979 <li class="block w-3/4 lg:w-full">Broederwal 161</li> 7980 <li class="block w-3/4 lg:w-full">5708ZT Helmond</li> 7981 <li class="block mb-1 w-3/4 lg:w-full">Nederland</li> 7982 7983 <li class="block mb-1 w-3/4 lg:w-full">Careland BV</li> 7984 7985 <li class="block mb-1 w-3/4 lg:w-full">BTW: NL851499338B01</li> 7986 <li class="block mb-1 w-3/4 lg:w-full">KvK: 54937485</li> 7987 </ul> 7988 </div> 7989 7990
7990<script> 7991 'use strict'; 7992 7993 const initMenuFooter_6ac1ddf31f74d = () => { 7994 return { 7995 isDesktop: true, 7996 checkIsDesktopResolution() { 7997 this.isDesktop = window.matchMedia('(min-width: 1024px)').matches; 7998 }, 7999 toggleSubmenu(event, index) { 8000 const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])' 8001 8002 event.stopPropagation() 8003 this[index] = !this[index] 8004 8005 if (this[index]) { 8006 this.$nextTick(() => { 8007 this.$refs['submenu-' + index]?.querySelector(focusableElements)?.focus() 8008 }) 8009 } else { 8010 this.$nextTick(() => { 8011 this.$refs['submenu-toggle-' + index]?.focus() 8012 }) 8013 } 8014 }, 8015 } 8016 }; 8017 </script>
8017 8018 8019 <div class=" w-full flex flex-wrap" 8020 x-data="initMenuFooter_6ac1ddf31f74d()" 8021 x-defer="intersect" 8022 > 8023 <ul class="w-full flex flex-col flex-wrap divide-y divide-black divide-container lg:flex-row lg:justify-between lg:divide-y-0" 8024 x-init="checkIsDesktopResolution()" 8025 @resize.window.debounce="checkIsDesktopResolution()" 8026 @visibilitychange.window.debounce="checkIsDesktopResolution()" 8027 > 8028 <li x-data="{'node1': false }" 8029 class="flex-1 " 8030 > 8031 <div @keydown.escape="(event) => !isDesktop && toggleSubmenu(event, 'node1')"> 8032 <strong x-show="isDesktop" 8033 x-cloak="tablet" 8034 class="block mb-2 lg:text-base" 8035 > 8036 Klantenservice </strong> 8037 <button x-show="!isDesktop" 8038 x-cloak="desktop" 8039 x-ref="submenu-toggle-node1" 8040 class="outline-none w-full py-4 font-bold " 8041 @click="(event) => toggleSubmenu(event, 'node1')" 8042 :aria-expanded="node1 === true" 8043 type="button" 8044 > 8045 <div class="flex items-center justify-between"> 8046 <strong class="text-base"> 8047 Klantenservice </strong> 8048 <div class="transition-transform duration-150 ease-in-out transform" :class="{'rotate-180' : node1 === true}"> 8049 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-black" width="24" height="24"> 8050 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 8051</svg> 8052 </div> 8053 </div> 8054 </button> 8055 8056 <div x-show="isDesktop || !!node1" 8057 x-cloak="tablet" 8058 x-ref="submenu-node1" 8059 x-collapse 8060 class="pb-8" 8061 :aria-hidden="!isDesktop && node1 === false ? 'true' : 'false'" 8062 > 8063 8064 <ul> 8065 <li class="py-1 group text-md "> 8066 8067<a class="hover:underline outline-none" 8068 href="https://www.123drogisterij.nl/klantenservice" 8069 data-menu="menu-2" 8070 > 8071 Klantenservice</a> 8072 </li> 8073 <li class="py-1 group text-md "> 8074 8075<a class="hover:underline outline-none" 8076 href="https://www.123drogisterij.nl/bestellen" 8077 data-menu="menu-3" 8078 > 8079 Bestellen</a> 8080 </li> 8081 <li class="py-1 group text-md "> 8082 8083<a class="hover:underline outline-none" 8084 href="https://www.123drogisterij.nl/betalen" 8085 data-menu="menu-4" 8086 > 8087 Betalen</a> 8088 </li> 8089 <li class="py-1 group text-md "> 8090 8091<a class="hover:underline outline-none" 8092 href="https://www.123drogisterij.nl/verzending" 8093 data-menu="menu-5" 8094 > 8095 Verzending</a> 8096 </li> 8097 <li class="py-1 group text-md "> 8098 8099<a class="hover:underline outline-none" 8100 href="https://www.123drogisterij.nl/garantie" 8101 data-menu="menu-6" 8102 > 8103 Garantie</a> 8104 </li> 8105 <li class="py-1 group text-md "> 8106 8107<a class="hover:underline outline-none" 8108 href="https://www.123drogisterij.nl/retouren" 8109 data-menu="menu-7" 8110 > 8111 Retouren</a> 8112 </li> 8113 <li class="py-1 group text-md "> 8114 8115<a class="hover:underline outline-none" 8116 href="https://www.123drogisterij.nl/bestelling-annuleren" 8117 data-menu="menu-893" 8118 > 8119 Bestelling annuleren</a> 8120 </li> 8121 </ul> 8122 </div> 8123 </div> 8124 </li> 8125 <li x-data="{'node8': false }" 8126 class="flex-1 " 8127 > 8128 <div @keydown.escape="(event) =>
8128 !isDesktop && toggleSubmenu(event, 'node8')"> 8129 <strong x-show="isDesktop" 8130 x-cloak="tablet" 8131 class="block mb-2 lg:text-base" 8132 > 8133 Categorieën </strong> 8134 <button x-show="!isDesktop" 8135 x-cloak="desktop" 8136 x-ref="submenu-toggle-node8" 8137 class="outline-none w-full py-4 font-bold " 8138 @click="(event) => toggleSubmenu(event, 'node8')" 8139 :aria-expanded="node8 === true" 8140 type="button" 8141 > 8142 <div class="flex items-center justify-between"> 8143 <strong class="text-base"> 8144 Categorieën </strong> 8145 <div class="transition-transform duration-150 ease-in-out transform" :class="{'rotate-180' : node8 === true}"> 8146 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-black" width="24" height="24"> 8147 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 8148</svg> 8149 </div> 8150 </div> 8151 </button> 8152 8153 <div x-show="isDesktop || !!node8" 8154 x-cloak="tablet" 8155 x-ref="submenu-node8" 8156 x-collapse 8157 class="pb-8" 8158 :aria-hidden="!isDesktop && node8 === false ? 'true' : 'false'" 8159 > 8160 8161 <ul> 8162 <li class="py-1 group text-md "> 8163 8164<a href="https://www.123drogisterij.nl/incontinentiemateriaal" 8165 class="hover:underline outline-none" 8166 data-menu="menu-9" 8167 > 8168 Incontinentiemateriaal</a> 8169 </li> 8170 <li class="py-1 group text-md "> 8171 8172<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-for-men" 8173 class="hover:underline outline-none" 8174 data-menu="menu-10" 8175 > 8176 TENA Men</a> 8177 </li> 8178 <li class="py-1 group text-md "> 8179 8180<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-discreet" 8181 class="hover:underline outline-none" 8182 data-menu="menu-11" 8183 > 8184 TENA Discreet</a> 8185 </li> 8186 <li class="py-1 group text-md "> 8187 8188<a href="https://www.123drogisterij.nl/incontinentie-luiers" 8189 class="hover:underline outline-none" 8190 data-menu="menu-12" 8191 > 8192 Luiers</a> 8193 </li> 8194 <li class="py-1 group text-md "> 8195 8196<a href="https://www.123drogisterij.nl/incontinentiemateriaal-voor-mannen" 8197 class="hover:underline outline-none" 8198 data-menu="menu-13" 8199 > 8200 Mannen</a> 8201 </li> 8202 <li class="py-1 group text-md "> 8203 8204<a href="https://www.123drogisterij.nl/incontinentie-slips" 8205 class="hover:underline outline-none" 8206 data-menu="menu-14" 8207 > 8208 Slips</a> 8209 </li> 8210 <li class="py-1 group text-md "> 8211 8212<a href="https://www.123drogisterij.nl/incontinentie-inleggers/mannenverband" 8213 class="hover:underline outline-none" 8214 data-menu="menu-15" 8215 > 8216 Mannenverband</a> 8217 </li> 8218 </ul> 8219 </div> 8220 </div> 8221 </li> 8222 <li x-data="{'node16': false }" 8223 class="flex-1 " 8224 > 8225 <div @keydown.escape="(event) =>
8225 !isDesktop && toggleSubmenu(event, 'node16')"> 8226 <strong x-show="isDesktop" 8227 x-cloak="tablet" 8228 class="block mb-2 lg:text-base" 8229 > 8230 Categorieën </strong> 8231 <button x-show="!isDesktop" 8232 x-cloak="desktop" 8233 x-ref="submenu-toggle-node16" 8234 class="outline-none w-full py-4 font-bold " 8235 @click="(event) => toggleSubmenu(event, 'node16')" 8236 :aria-expanded="node16 === true" 8237 type="button" 8238 > 8239 <div class="flex items-center justify-between"> 8240 <strong class="text-base"> 8241 Categorieën </strong> 8242 <div class="transition-transform duration-150 ease-in-out transform" :class="{'rotate-180' : node16 === true}"> 8243 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-black" width="24" height="24"> 8244 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 8245</svg> 8246 </div> 8247 </div> 8248 </button> 8249 8250 <div x-show="isDesktop || !!node16" 8251 x-cloak="tablet" 8252 x-ref="submenu-node16" 8253 x-collapse 8254 class="pb-8" 8255 :aria-hidden="!isDesktop && node16 === false ? 'true' : 'false'" 8256 > 8257 8258 <ul> 8259 <li class="py-1 group text-md "> 8260 8261<a href="https://www.123drogisterij.nl/incontinentie-pants" 8262 class="hover:underline outline-none" 8263 data-menu="menu-17" 8264 > 8265 Pants</a> 8266 </li> 8267 <li class="py-1 group text-md "> 8268 8269<a href="https://www.123drogisterij.nl/incontinentie-inleggers" 8270 class="hover:underline outline-none" 8271 data-menu="menu-18" 8272 > 8273 Inleggers</a> 8274 </li> 8275 <li class="py-1 group text-md "> 8276 8277<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers" 8278 class="hover:underline outline-none" 8279 data-menu="menu-19" 8280 > 8281 Bed onderleggers</a> 8282 </li> 8283 <li class="py-1 group text-md "> 8284 8285<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie" 8286 class="hover:underline outline-none" 8287 data-menu="menu-20" 8288 > 8289 Verzorging</a> 8290 </li> 8291 <li class="py-1 group text-md "> 8292 8293<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/matrasbeschermers" 8294 class="hover:underline outline-none" 8295 data-menu="menu-21" 8296 > 8297 Matrasbeschermers</a> 8298 </li> 8299 <li class="py-1 group text-md "> 8300 8301<a href="https://www.123drogisterij.nl/incontinentie-luiers/wasbare-luiers-volwassenen" 8302 class="hover:underline outline-none" 8303 data-menu="menu-22" 8304 > 8305 Wasbare luiers volwassen</a> 8306 </li> 8307 </ul> 8308 </div> 8309 </div> 8310 </li> 8311 <li x-data="{'node23': false }" 8312 class="flex-1 " 8313 > 8314 <div @keydown.escape="(event) =>
8314 !isDesktop && toggleSubmenu(event, 'node23')"> 8315 <strong x-show="isDesktop" 8316 x-cloak="tablet" 8317 class="block mb-2 lg:text-base" 8318 > 8319 Handige links </strong> 8320 <button x-show="!isDesktop" 8321 x-cloak="desktop" 8322 x-ref="submenu-toggle-node23" 8323 class="outline-none w-full py-4 font-bold " 8324 @click="(event) => toggleSubmenu(event, 'node23')" 8325 :aria-expanded="node23 === true" 8326 type="button" 8327 > 8328 <div class="flex items-center justify-between"> 8329 <strong class="text-base"> 8330 Handige links </strong> 8331 <div class="transition-transform duration-150 ease-in-out transform" :class="{'rotate-180' : node23 === true}"> 8332 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-black" width="24" height="24"> 8333 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/> 8334</svg> 8335 </div> 8336 </div> 8337 </button> 8338 8339 <div x-show="isDesktop || !!node23" 8340 x-cloak="tablet" 8341 x-ref="submenu-node23" 8342 x-collapse 8343 class="pb-8" 8344 :aria-hidden="!isDesktop && node23 === false ? 'true' : 'false'" 8345 > 8346 8347 <ul> 8348 <li class="py-1 group text-md "> 8349 8350<a class="hover:underline outline-none" 8351 href="https://www.123drogisterij.nl/contacts" 8352 data-menu="menu-365" 8353 > 8354 Contact</a> 8355 </li> 8356 <li class="py-1 group text-md "> 8357 8358<a class="hover:underline outline-none" 8359 href="https://www.123drogisterij.nl/over-ons" 8360 data-menu="menu-24" 8361 > 8362 Over ons</a> 8363 </li> 8364 <li class="py-1 group text-md "> 8365 8366<a class="hover:underline outline-none" 8367 href="https://www.123drogisterij.nl/keuzehulp" 8368 data-menu="menu-25" 8369 > 8370 Keuzehulp</a> 8371 </li> 8372 <li class="py-1 group text-md "> 8373 8374<a class="hover:underline outline-none" 8375 href="https://www.123drogisterij.nl/veelgestelde-vragen" 8376 data-menu="menu-26" 8377 > 8378 Veelgestelde vragen</a> 8379 </li> 8380 </ul> 8381 </div> 8382 </div> 8383 </li> 8384 </ul> 8385 </div> 8386 </div> 8387</div> 8388 8389<div class="flex flex-col py-4 bg-white text-black lg:justify-between lg:items-center lg:py-0"> 8390 <div class="container flex items-center flex-col text-center text-md lg:flex-row lg:justify-between"> 8391 <div class="flex flex-wrap justify-center gap-4 w-full flex-col xl:flex-row lg:justify-between lg:order-3 lg:items-center lg:gap-8 lg:py-6"> 8392 <div class="lg:order-2"> 8393 <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_7)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#fff" d="M25.275 28H12.977A1.98 1.98 0 0 1 11 26.023V5.977A1.98 1.98 0 0 1 12.977 4h12.298c11.663 0 13.404 7.501 13.404 11.973C38.68 23.729 33.92 28 25.275 28"></path><path fill="#000" fill-rule="evenodd" d="M12.978 26.8h12.297c4.14 0 7.164-1.023 9.142-2.798 1.958-1.757 3.063-4.403 3.063-8.029 0-2.113-.418-4.794-2.076-6.927C33.789 6.971 30.829 5.2 25.274 5.2H12.979a.78.78 0 0 0-.778.778v20.044a.78.78 0 0 0 .778.778m-.001 1.2h12.298c8.644 0 13.404-4.271 13.404-12.027C38.68
839311.501 36.939 4 25.275 4H12.977A1.98 1.98 0 0 0 11 5.977v20.046A1.98 1.98 0 0 0 12.977 28" clip-rule="evenodd"></path><path fill="#C06" d="M18.539 7.92v17.479h7.61c6.912 0 9.91-3.906 9.91-9.417 0-5.278-2.998-9.381-9.91-9.381h-6.292a1.32 1.32 0 0 0-1.318 1.318"></path><path fill="#fff" d="M21.154 17.026q.198 0 .386-.064a.85.85 0 0 0 .333-.214 1.1 1.1 0 0 0 .234-.389 1.7 1.7 0 0 0 .088-.585q0-.315-.062-.57a1.1 1.1 0 0 0-.202-.436.9.9 0 0 0-.37-.277 1.5 1.5 0 0 0-.571-.097h-.655v2.632zm.064-3.404q.404 0 .751.13c.227.082.433.213.603.385q.255.257.398.643.143.387.143.907 0 .456-.117.842t-.354.666c-.161.19-.363.341-.59.442q-.355.162-.834.161h-1.802v-4.176zm5.627 0v.772H24.64v.895h2.023v.714H24.64v1.023h2.252v.772h-3.17v-4.176zm3.197 2.562-.527-1.533h-.012l-.543 1.533zm-.053-2.562 1.561 4.176h-.953l-.316-.93H28.72l-.328.93h-.924l1.58-4.176zm3.057 0v3.404h2.035v.772h-2.953v-4.176z"></path><path fill="#000" d="M17.026 15.71a1.926 1.926 0 1 1-3.853 0 1.926 1.926 0 0 1 3.853 0m-.466 9.69a2.92 2.92 0 0 1-2.919-2.919v-2.276a1.46 1.46 0 1 1 2.919 0z"></path></g><defs><clippath id="a_7"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met iDeal</title></svg> 8394 8395<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_8)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#000" d="M43 10.5v9.523h-2.167V10.5zm-2.965 3.214v6.327H38.11v-.546a2.6 2.6 0 0 1-.83.546q-.465.201-1.006.203-.679 0-1.259-.253a3.2 3.2 0 0 1-1.006-.72 3.5 3.5 0 0 1-.682-1.06 3.7 3.7 0 0 1-.238-1.33q-.001-.708.238-1.313.252-.619.682-1.076a3 3 0 0 1 1.006-.708 3 3 0 0 1 1.26-.267q.539 0 1.006.203.466.19.83.545v-.545h1.925zm-3.414 4.604q.592.001.97-.407.39-.404.39-1.035c0-.42-.13-.769-.39-1.036a1.27 1.27 0 0 0-.97-.406c-.391 0-.722.134-.983.406q-.377.405-.377 1.036c0 .42.127.769.377 1.035q.391.406.983.407M29.996 10.5q.857 0 1.462.24.604.24 1.02.67.428.444.668 1.013.239.57.238 1.227.001.657-.238 1.227c-.157.377-.383.72-.667 1.013q-.415.43-1.021.67-.604.24-1.462.24h-1.044v3.238h-2.205V10.5zm-.316 4.34c.296 0 .519-.03.681-.09q.254-.103.415-.253.34-.316.34-.847t-.34-.847a1.2 1.2 0 0 0-.415-.24q-.239-.101-.681-.102h-.731v2.378zm-11.055-1.126h2.393l1.624 3.034h.027l1.447-3.034h2.216l-4.748 9.538h-2.205l2.167-4.363zm-.427 0v6.327h-1.926v-.546a2.6 2.6 0 0 1-.83.546q-.466.201-1.006.203-.679 0-1.259-.253a3.2 3.2 0 0 1-1.006-.72 3.6 3.6 0 0 1-.682-1.06 3.7 3.7 0 0 1-.238-1.33q0-.708.238-1.313.251-.619.682-1.076a3 3 0 0 1 1.006-.708 3 3 0 0 1 1.26-.267q.539 0 1.006.203.467.19.83.545v-.545h1.925zm-3.414 4.604q.591.001.972-.407.392-.404.392-1.035c0-.42-.13-.769-.392-1.036a1.27 1.27 0 0 0-.972-.406q-.591-.001-.983.406-.378.405-.377 1.036c0 .42.128.769.377 1.035q.392.406.983.407M8.25 10.5q.857 0 1.462.24.604.24 1.02.67.428.444.668 1.013.239.57.238 1.227.001.657-.238 1.227c-.156.377-.383.72-.667 1.013q-.415.43-1.021.67-.604.24-1.462.24H7.205v3.238H5V10.5zm-.313 4.34c.295 0 .519-.03.681-.09a1.3 1.3 0 0 0 .415-.253q.34-.316.34-.847t-.34-.847a1.2 1.2 0 0 0-.415-.24q-.24-.101-.681-.102h-.731v2.378z"></path></g><defs><clippath id="a_8"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met PayPal</title></svg> 8396 8397<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_9)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#000" d="M39.478 18.825c-.884 0-1.572-.724-1.572-1.603 0-.88.688-1.603 1.572-1.603s1.573.724 1.573 1.603c0 .88-.69 1.603-1.573 1.603m-.442 1.694c.754 0 1.716-.284 2.249-1.396l.052.025c-.234.608-.234.97-.234 1.06v.143H43v-6.258h-1.897v.142c0 .09 0 .453.233 1.06l-.051.026c-.533-1.112-1.495-1.396-2.249-1.396-1.806 0-3.08 1.422-3.08 3.297s1.274 3.297 3.08 3.297m-6.38-6.594c-.858 0-1.534.297-2.08 1.396l-.052-.026c.234-.607.234-.97.234-1.06v-.142H28.86v6.258h1.95v-3.297c0-.866.507-1.41 1.325-1.41.82 0 1.222.466 1.222 1.397v3.31h1.95v-3.982c0-1.423-1.118-2.444-2.652-2.444M26.04 15.32l-.052-.026c.234-.607.234-.97.234-1.
839706v-.142h-1.897v6.258h1.95l.012-3.013c0-.879.468-1.41 1.235-1.41.208 0 .377.027.572.078v-1.913c-.858-.181-1.625.142-2.054 1.228m-6.199 3.504c-.883 0-1.572-.724-1.572-1.603 0-.88.689-1.603 1.572-1.603s1.573.724 1.573 1.603c0 .88-.689 1.603-1.573 1.603M19.4 20.52c.754 0 1.716-.284 2.249-1.396l.052.025c-.234.608-.234.97-.234 1.06v.143h1.897v-6.258h-1.897v.142c0 .09 0 .453.234 1.06l-.052.026c-.533-1.112-1.495-1.396-2.248-1.396-1.807 0-3.08 1.422-3.08 3.297s1.273 3.297 3.08 3.297m-5.796-.168h1.95V11.3h-1.95zm-1.43-9.051h-1.988c0 1.616-1 3.064-2.52 4.099l-.599.414V11.3H5v9.05h2.066v-4.486l3.418 4.487h2.521l-3.288-4.293c1.495-1.073 2.47-2.74 2.457-4.758"></path></g><defs><clippath id="a_9"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Klarna</title></svg> 8398 8399<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_10)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#FF5F00" d="M28.376 8.139h-8.75v15.725h8.75z"></path><path fill="#EB001B" d="M20.181 16a9.98 9.98 0 0 1 3.82-7.861A9.96 9.96 0 0 0 17.82 6c-5.522 0-10 4.478-10 10s4.478 10 10 10A9.96 9.96 0 0 0 24 23.861 9.98 9.98 0 0 1 20.182 16"></path><path fill="#F79E1B" d="M40.178 16c0 5.522-4.477 10-10 10-2.333 0-4.477-.8-6.18-2.139A9.98 9.98 0 0 0 27.818 16a9.98 9.98 0 0 0-3.82-7.861A9.96 9.96 0 0 1 30.178 6c5.522 0 10 4.478 10 10"></path></g><defs><clippath id="a_10"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Mastercard</title></svg> 8400 8401<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_11)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#1434CB" d="M19.108 10.212 14.243 21.82H11.07l-2.393-9.263c-.146-.57-.272-.78-.714-1.02-.722-.391-1.913-.759-2.962-.987l.071-.337h5.109c.651 0 1.237.434 1.385 1.184l1.264 6.715 3.124-7.9zm12.435 7.817c.013-3.063-4.236-3.232-4.206-4.6.009-.417.405-.86 1.273-.973.43-.056 1.616-.099 2.96.52l.527-2.461A8.1 8.1 0 0 0 29.29 10c-2.968 0-5.056 1.578-5.074 3.837-.019 1.67 1.491 2.603 2.629 3.158 1.17.569 1.563.934 1.558 1.443-.008.778-.933 1.122-1.798 1.135-1.509.024-2.385-.408-3.083-.733l-.544 2.543c.702.322 1.997.603 3.339.617 3.154 0 5.218-1.558 5.227-3.97m7.837 3.79h2.777l-2.424-11.607H37.17c-.577 0-1.063.336-1.278.852L31.387 21.82h3.152l.626-1.734h3.852zm-3.35-4.113 1.58-4.358.91 4.358zm-12.632-7.494L20.915 21.82h-3.002l2.483-11.607z"></path></g><defs><clippath id="a_11"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met VISA</title></svg> 8402 8403<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_12)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#1E3764" d="M7.9 25.92v-4.652h1.436c1.043 0 1.714.392 1.714 1.203 0 .458-.213.777-.512.963.432.2.685.585.685 1.11 0 .937-.685 1.376-1.748 1.376zm.924-2.719h.684c.419 0 .599-.206.599-.584 0-.406-.326-.539-.765-.539h-.518zm0 1.908h.571c.559 0 .884-.14.884-.578 0-.432-.279-.612-.804-.612h-.651zm4.19.89c-.91 0-1.369-.445-1.369-1.043 0-.658.539-1.043 1.336-1.05q.297.006.592.053v-.16c0-.405-.233-.598-.678-.598-.3-.003-.598.05-.877.16l-.167-.718c.286-.12.745-.2 1.15-.2.977 0 1.462.52 1.462 1.416v1.848c-.272.14-.784.293-1.449.293m.559-.75v-.712a2.2 2.2 0 0 0-.472-.053c-.306 0-.545.12-.545.432 0 .28.2.426.552.426.16.005.319-.027.465-.093m1.536.67v-3.183a4.1 4.1 0 0 1 1.502-.292c.97 0 1.529.478 1.529 1.362v2.114h-.918v-2.047c0-.459-.212-.672-.618-.672-.201-.002-.4.038-.584.12v2.599zm6.236-3.276-.173.725a2 2 0 0 0-.751-.166c-.538 0-.83.378-.83 1.003 0 .685.305 1.037.876 1.037.255-.007.506-.066.738-.173l.146.738c-.3.134-.627.2-.957.193-1.103 0-1.741-.685-1.741-1.768 0-1.077.631-1.788 1.688-1.788.345-.002.686.066 1.004.2M23.325 26c-1.023 0-1.66-.712-1.66-1.782 0-1.063.637-1.774 1.66-1.774 1.031 0 1.656.711 1.656 1.774 0 1.07-.625 1.782-1.655 1.782m0-.758c.473 0 .719-.392.719-1.024 0-.624-.246-1.017-.718-1.017-.465 0-.724.393-.724 1.017 0 .632.259 1.024.724 1.024m2.187.678v-3.184a4.1 4.1 0 0 1 1.502-.292c.97 0 1.528.478 1.528 1.362v2.114h-.917v-2.047c0-.459-.213-.672-.618-.672a1.4 1.4 0 0 0-.585.12v2.599zm5.098.08c-.79 0-1.196-.433-1.196-1.31v-1.435h-.452v-.731h.452v-.738l.917-.047v.785h.738v.73h-.738v1.423c0 .385.16.565.459.565q.178 0 .352-.04l.047.738q-.286.063-.579.06m2.315 0c-.91 0-1.369-.446-1.369-1.044 0-.658.539-1.043 1.336-1.05q.297.006.592.053v-.16c0-.405-.233-.598-.678-.598-.3-.003-.598.05-.877.16l-.167-.718c.286-.12.745-.2 1.15-.2.977 0 1.462.52 1.462 1.416v1.848c-.272.14-.784.293-1.449.293m.559-.751v-.712a2.2 2.2 0 0 0-.472-.053c-.306 0-.545.12-.545.432 0 .28.2.426.551.426.16.005.32-.027.466-.093m4.028-2.606-.173.725a2 2 0 0 0-.75-.166c-.539 0-.831.378-.831 1.003 0 .685.305 1.037.877 1.037.255-.007.506-.066.738-.173l.146.738c-.301.134-.628.2-.957.193-1.103 0-1.741-.685-1.741-1.768 0-1.077.63-1.788 1.688-1.788.344-.002.685.066 1.003.2M39.53 26c-.791 0-1.197-.433-1.197-1.31v
8403-1.435h-.452v-.731h.452v-.738l.917-.047v.785h.738v.73h-.738v1.423c0 .385.16.565.459.565q.179 0 .352-.04l.047.738q-.286.063-.578.06"></path><path fill="url(#b_2)" d="M14.297 18.942c4.853 0 7.28-3.236 9.706-6.471H7.9v6.47z"></path><path fill="url(#c_2)" d="M33.71 6c-4.854 0-7.28 3.235-9.707 6.47h16.104V6z"></path></g><defs><lineargradient id="b_2" x1="11.157" x2="22.938" y1="16.005" y2="11.629" gradientunits="userSpaceOnUse"><stop stop-color="#005AB9"></stop><stop offset="1" stop-color="#1E3764"></stop></lineargradient><lineargradient id="c_2" x1="24.978" x2="37.487" y1="13.032" y2="8.764" gradientunits="userSpaceOnUse"><stop stop-color="#FBA900"></stop><stop offset="1" stop-color="#FFD800"></stop></lineargradient><clippath id="a_12"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Bancontact</title></svg> 8404 8405</div> </div> 8406 8407 <div class="flex justify-center flex-wrap gap-4 lg:order-3"> 8408 <a class="hover:underline" href="/algemene-voorwaarden"> 8409 Algemene voorwaarden </a> 8410 <a class="hover:underline" href="/copyright"> 8411 Copyright </a> 8412 <a class="hover:underline" href="/privacy"> 8413 Privacybeleid </a> 8414 </div> 8415 8416 <span class="text-center lg:text-left lg:order-1"> 8417 Copyright © 2026. Alle rechten voorbehouden. <br/> 8418 </span> 8419 </div> 8420 </div> 8421</div> 8422</div></footer>
8422<script> 8423 window.MagefanJs = window.MagefanJs || {}; 8424 window.MagefanJs.ajax = function(options) { 8425 var xmlhttp = new XMLHttpRequest(); 8426 xmlhttp.onreadystatechange = function () { 8427 if (xmlhttp.readyState == XMLHttpRequest.DONE && xmlhttp.status == 200) { 8428 var data = xmlhttp.responseText; 8429 if (options.success) options.success(data); 8430 } 8431 }; 8432 8433 xmlhttp.open(options.type, options.url, true); 8434 8435 var requestHeader = Object.assign({}, { 8436 'X-Requested-With': 'XMLHttpRequest', 8437 'Content-type': 'application/x-www-form-urlencoded' 8438 }, options.requestHeader ? options.requestHeader : {}); 8439 8440 for (var header in requestHeader) { 8441 xmlhttp.setRequestHeader(header, requestHeader[header]); 8442 } 8443 xmlhttp.send(options.data); 8444 }; 8445</script>
8445<div id="mf-coupon-code-link-popup" > 8446 <div class="mf-coupon-code-link-popup-wrap"> 8447 <header class="modal-header"> 8448 <button class="action-close" id="close-popup" data-role="closeBtn" type="button"> 8449 <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"> 8450 <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/> 8451 </svg> 8452 </button> 8453 </header> 8454 <div class="modal-content"> 8455 <div class="popup_image"> 8456 </div> 8457 <div class="message"></div> 8458 </div> 8459 </div> 8460</div> 8461<div class="custom-modals-overlay" style="z-index: 901;"></div> 8462<style> 8463 #mf-coupon-code-link-popup {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 902;min-width: 0;visibility: hidden;opacity: 0;-webkit-transition: visibility 0s .3s,opacity .3s ease;transition: visibility 0s .3s,opacity .3s ease;pointer-events: none;overflow-y: auto;display: none;} 8464 .mf-coupon-code-link-popup-wrap {min-width: 350px; margin: 5rem auto;width: 75%;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;box-sizing: border-box;height: auto;left: 0;position: absolute;right: 0;-webkit-transform: translateY(-200%);transform: translateY(-200%);-webkit-transition: -webkit-transform .2s ease;transition: transform .2s ease;background: 0 0;box-shadow: none;opacity: 1;pointer-events: auto;background: #fff;} 8465 #mf-coupon-code-link-popup._show {visibility: visible;opacity: 1;-webkit-transition: opacity .3s ease;transition: opacity .3s ease;display: block;} 8466 #mf-coupon-code-link-popup._show .mf-coupon-code-link-popup-wrap {-webkit-transform: translateY(0);transform: translateY(0); max-width: 400px;} 8467 #mf-coupon-code-link-popup .modal-header {padding: 1.2rem 0 1.2rem;} 8468 #mf-coupon-code-link-popup .modal-header .modal-title {color: #fff;font-weight: 600;padding: 0 3rem;} 8469 #mf-coupon-code-link-popup .modal-header .action-close {display: block;position: absolute;top: 10px;right: 10px;padding: 15px;background: none;background: 0 0;-moz-box-sizing: content-box;border: 0;box-shadow: none;margin: 0;text-decoration: none;} 8470 #mf-coupon-code-link-popup .modal-content {padding: 0;margin: 0;border: none;} 8471 #mf-coupon-code-link-popup .modal-content .message{margin: 20px;} 8472 body._show-modal {height: 100%;overflow: hidden;width: 100%;} 8473 body .custom-modals-overlay {opacity: 0;background: none;position: static;} 8474 body._show-modal .custom-modals-overlay {background-color: rgba(51,51,51,.55);bottom: 0;left: 0;position: fixed;right: 0;top: 0;opacity: 1;} 8475</style>
8476<script> 8477 function MagefanAjaxCouponCodeLink(urlStr) { 8478 document.body.dispatchEvent(new CustomEvent('processStart')); 8479 var modalElement = document.getElementById('mf-coupon-code-link-popup'); 8480 if (modalElement) { 8481 8482 MagefanJs.ajax({ 8483 'url': urlStr, 8484 'type': 'POST', 8485 'dataType': 'json', 8486 success: function(response) { 8487 response = JSON.parse(response); 8488 8489 var popupImageContainer = document.querySelector('#mf-coupon-code-link-popup .popup_image'); 8490 if (popupImageContainer && response.img) { 8491 popupImageContainer.innerHTML = '<img src="' + response.img + '" alt="coupon code applied">'; 8492 }; 8493 8494 var messageContainer = document.querySelector('#mf-coupon-code-link-popup .message'); 8495 if (messageContainer && response.message) { 8496 messageContainer.textContent = response.message; 8497 }; 8498 8499 var modalElement = document.querySelector('#mf-coupon-code-link-popup'); 8500 8501 document.querySelector('.custom-modals-overlay').addEventListener('click', function(event) { 8502 // popup = document.querySelector('.custom-modal-popup'); 8503 closePopup(modalElement); 8504 }); 8505 8506 document.getElementById('close-popup').addEventListener('click', function(event) { 8507 popup = event.target.closest('#mf-coupon-code-link-popup'); 8508 closePopup(popup); 8509 }); 8510 8511 function closePopup(modalElement){ 8512 document.body.classList.remove('_show-modal'); 8513 modalElement.classList.remove('_show'); 8514 8515 if (window.location.href == response.redirectUrl) { 8516 return false; 8517 }; 8518 8519 if (response.status && response.redirectUrl && response.redirectUrl.length) { 8520 window.location.href = response.redirectUrl; 8521 }; 8522 }; 8523 8524 document.body.classList.add('_show-modal'); 8525 modalElement.classList.add('_show'); 8526 8527 document.body.dispatchEvent(new CustomEvent('processStop')); 8528 } 8529 }); 8530 8531 } else { 8532 console.error('Magento require is not available.'); 8533 }; 8534 }; 8535 8536 window.addEventListener('DOMContentLoaded', function () { 8537 document.querySelectorAll('a[href*="/mfapplycc/apply/"]').forEach(function (link) { 8538 link.addEventListener('click', function (event) { 8539 event.preventDefault(); 8540 event.stopPropagation(); 8541 MagefanAjaxCouponCodeLink(this.getAttribute('href')); 8542 }); 8543 }); 8544 }); 8545</script>
8545<script>try { 8546smileTracker.addPageVar('type.identifier', 'cms_index_index'); 8547smileTracker.addPageVar('type.label', 'CMS homepagina'); 8548smileTracker.addPageVar('locale', 'nl_NL'); 8549} catch (err) { ; }</script>
vendor: 1 bytes, line 8549
8549
8550<script> 8551 let SnapSlider = class { 8552 constructor(el, { 8553 labelSepparator = 'van', 8554 autoPager, 8555 groupPager 8556 } = {}) { 8557 this.el = el; 8558 this.track = this.el.querySelector("[data-track]"); 8559 if (!this.track) { 8560 console.warn( 8561 "No Slider track defined, reverting back to CSS slider.\nPlease create a wrapper for your slides with the attribute data-track", 8562 this.el 8563 ); 8564 return; 8565 } 8566 this.initialLoad = true; 8567 this.slides = []; 8568 this.inViewObserver; 8569 this.mutationObserver; 8570 this.resizeObserver; 8571 this.pager = this.el.querySelector("[data-pager]"); 8572 this.navBtns = Array.from( 8573 this.el.querySelectorAll("[data-next], [data-prev]") 8574 ); 8575 this.slideLabelSepparator = this.el.dataset.slideLabelSepparator || labelSepparator; 8576 this.useAutoPager = autoPager || this.el.hasAttribute("data-auto-pager") || false; 8577 this.useGroupPager = groupPager || this.el.hasAttribute("data-group-pager") || false; 8578 this.sliderLabel = this.el.hasAttribute("aria-label") && this.el.getAttribute("aria-label").toLowerCase().trim().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, ""); 8579 this.sliderId = this.el.id || this.sliderLabel || "slider"; 8580 this.markerIdName = "data-target-id"; 8581 this.pagerClasses = this.el.dataset.pagerClass || "snap-pager"; 8582 this.markerClasses = this.el.dataset.markerClass || "snap-marker"; 8583 this.init(); 8584 } 8585 init() { 8586 this.setupSlides(); 8587 this.setupNav(); 8588 if (this.useAutoPager) { 8589 this.createPager(); 8590 } else { 8591 this.setupPager(); 8592 } 8593 this.setupObservers(); 8594 this.setupMutationObserver(); 8595 this.setupResizeObserver(); 8596 this.el.addEventListener("click", this.eventHandler.bind(this)); 8597 this.el.addEventListener("keydown", this.eventHandler.bind(this)); 8598 } 8599 destroy() { 8600 this.inViewObserver?.disconnect(); 8601 this.mutationObserver?.disconnect(); 8602 this.resizeObserver?.disconnect(); 8603 this.el.removeEventListener("click", this.eventHandler.bind(this)); 8604 this.el.removeEventListener("keydown", this.eventHandler.bind(this)); 8605 } 8606 roundUpIfGreaterThan(number, min = 8) { 8607 const decimalPart = number - Math.floor(number); 8608 return decimalPart >= min ? Math.ceil(number) : Math.floor(number); 8609 } 8610 getInViewItems() { 8611 const inViewSlides = this.track.querySelectorAll("[data-in-view]"); 8612 const firstInViewSlide = inViewSlides[0] || null; 8613 const lastInViewSlide = inViewSlides[inViewSlides.length - 1] || null; 8614 const isAtStart = firstInViewSlide === this.slides[0]; 8615 const isAtEnd = lastInViewSlide === this.slides[this.slides.length - 1]; 8616 return { 8617 inViewSlides, 8618 totalInViewSlides: inViewSlides.length, 8619 firstInViewSlide, 8620 lastInViewSlide, 8621 isAtStart, 8622 isAtEnd, 8623 hasNoOverflow: isAtStart && isAtEnd 8624 }; 8625 } 8626 groupPagerMarkers() { 8627 if (!this.pager || !this.useGroupPager) return; 8628 const totalVisibleSlides = this.roundUpIfGreaterThan( 8629 this.track.offsetWidth / this.slides[0].offsetWidth 8630 ); 8631 const markers = Array.from(this.pager.querySelectorAll("a, button")); 8632 markers.forEach((marker, index) => { 8633 marker.style.display = index % totalVisibleSlides === 0 ? null : "none"; 8634 }); 8635 } 8636 handleInView(entries) { 8637 entries.forEach((entry) => { 8638 const marker = this.pager && (this.pager.querySelector(`[href="#${entry.target.id}"]`) || this.pager.querySelector( 8639 `[${this.markerIdName}="${entry.target.id}"]` 8640 )); 8641 entry.target.toggleAttribute("data-in-view", entry.isIntersecting); 8642 entry.target.toggleAttribute("inert", !entry.isIntersecting); 8643 marker?.setAttribute("aria-current", entry.isIntersecting); 8644 marker?.setAttribute("tabindex", entry.isIntersecting ? "0" : "-1"); 8645 }); 8646 const { 8647 isAtStart, 8648 isAtEnd, 8649 hasNoOverflow 8650 } = this.getInViewItems(); 8651 this.navBtns.forEach((btn) => { 8652 if (btn.hasAttribute("data-next")) { 8653 btn.style.visibility = hasNoOverflow ? "hidden" : null; 8654 isAtEnd ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); 8655 } 8656 if (btn.hasAttribute("data-prev")) { 8657 btn.style.visibility = hasNoOverflow ? "hidden" : null; 8658 isAtStart ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); 8659 } 8660 }); 8661 if (this.pager) { 8662 this.pager.style.visibility = hasNoOverflow ? "hidden" : null; 8663 } 8664 if (!this.initialLoad) { 8665 this.el.dispatchEvent( 8666 new CustomEvent("slideChange", { 8667 detail: this.getInViewItems() 8668 }) 8669 ); 8670 } else { 8671 this.initialLoad = false;
8672 } 8673 if (document.activeElement.parentElement.hasAttribute("data-pager")) { 8674 const activeItems = this.pager.querySelectorAll('[tabindex="0"]'); 8675 if (activeItems.length) { 8676 activeItems[0].focus(); 8677 } 8678 } 8679 } 8680 getSlides() { 8681 if (!this.track) return []; 8682 return Array.from(this.track.children).filter( 8683 (child) => child.tagName.toLowerCase() !== "template" && child.tagName.toLowerCase() !== "script" 8684 ); 8685 } 8686 refreshSlides() { 8687 this.initialLoad = true; 8688 this.slides = this.getSlides(); 8689 this.setupSlides(); 8690 if (this.useAutoPager) { 8691 this.createPager(); 8692 } else { 8693 this.setupPager(); 8694 } 8695 this.groupPagerMarkers(); 8696 this.setupObservers(); 8697 } 8698 setupSlides() { 8699 this.slides = this.getSlides(); 8700 this.slides.forEach((slide, index) => { 8701 const totalSlides = this.slides.length; 8702 const currentSlide = index + 1; 8703 const existingLabel = slide.getAttribute("aria-label") || ""; 8704 const isImage = slide.tagName.toLowerCase() === "img" || slide.tagName.toLowerCase() === "picture"; 8705 const slideLabelTag = isImage ? "alt" : "aria-label"; 8706 const hasAutoLabel = existingLabel.startsWith( 8707 `${currentSlide} ${this.slideLabelSepparator} ` 8708 ); 8709 if (!slide.hasAttribute("id")) { 8710 slide.setAttribute( 8711 "id", 8712 `${this.sliderId}-item-${currentSlide}` 8713 ); 8714 } 8715 if (!slide.hasAttribute(slideLabelTag) || slide.getAttribute(slideLabelTag) === "" || hasAutoLabel) { 8716 slide.setAttribute( 8717 slideLabelTag, 8718 `${currentSlide} ${this.slideLabelSepparator} ${totalSlides}` 8719 ); 8720 } 8721 if (slide.tagName.toLowerCase() === "div" && !slide.hasAttribute("role")) { 8722 slide.setAttribute("role", "group"); 8723 } 8724 if (this.pager && !isImage) { 8725 slide.setAttribute("role", "tabpanel"); 8726 } 8727 if (slide.getAttribute("role") === "group") { 8728 slide.setAttribute("aria-roledescription", "item"); 8729 } 8730 }); 8731 if (!this.el.hasAttribute("role") && this.el.tagName !== "SECTION") { 8732 this.el.setAttribute("role", "region"); 8733 } 8734 if (!this.el.hasAttribute("aria-roledescription")) { 8735 this.el.setAttribute("aria-roledescription", "carousel"); 8736 } 8737 this.track.setAttribute("tabindex", 0); 8738 this.track.setAttribute("aria-live", "polite"); 8739 } 8740 setupNav() { 8741 this.navBtns.forEach((btn) => { 8742 btn.setAttribute("disabled", ""); 8743 btn.removeAttribute("hidden"); 8744 btn.classList.remove("invisible"); 8745 btn.style.visibility = null; 8746 }); 8747 } 8748 createPager() { 8749 const newPager = document.createElement("nav"); 8750 newPager.setAttribute("data-pager", ""); 8751 newPager.setAttribute("role", "tablist"); 8752 newPager.classList.add(...this.pagerClasses.split(" ")); 8753 this.slides.forEach((slide, index) => { 8754 const marker = document.createElement("button"); 8755 const slideId = slide.id || `${this.sliderId}-item-${index + 1}`; 8756 marker.setAttribute(this.markerIdName, slideId); 8757 marker.classList.add(...this.markerClasses.split(" ")); 8758 this.setupPagerMarker(marker, index); 8759 newPager.appendChild(marker); 8760 if (slide.tagName.toLowerCase() !== "img" && slide.tagName.toLowerCase() !== "picture") { 8761 slide.removeAttribute("aria-roledescription"); 8762 slide.setAttribute("role", "tabpanel"); 8763 } 8764 }); 8765 if (this.pager) { 8766 this.pager.setAttribute("role", "tablist"); 8767 this.pager.replaceChildren(...newPager.children); 8768 } else { 8769 this.track.after(newPager); 8770 this.pager = this.el.querySelector("[data-pager]"); 8771 } 8772 } 8773 setupPager() { 8774 if (!this.pager) return; 8775 this.pager.setAttribute("role", "tablist"); 8776 const items = Array.from(this.pager.querySelectorAll("a, button"));
8777 items.forEach((marker, index) => this.setupPagerMarker(marker, index)); 8778 } 8779 setupPagerMarker(marker, index) { 8780 const markerId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); 8781 const slideId = markerId || `${this.sliderId}-item-${index + 1}`; 8782 if (!markerId) { 8783 marker.setAttribute(this.markerIdName, slideId); 8784 } 8785 marker.setAttribute("role", "tab"); 8786 marker.setAttribute("aria-controls", slideId); 8787 marker.setAttribute("aria-posinset", index + 1); 8788 marker.setAttribute("aria-setsize", this.slides.length); 8789 marker.setAttribute("tabindex", "-1"); 8790 if (!marker.hasAttribute("aria-label")) { 8791 marker.setAttribute("aria-label", `Slide ${index + 1}`); 8792 } 8793 } 8794 setupObservers() { 8795 if (this.inViewObserver) { 8796 this.inViewObserver.disconnect(); 8797 } 8798 this.inViewObserver = new IntersectionObserver( 8799 this.handleInView.bind(this), { 8800 root: this.track, 8801 threshold: 0.8 8802 } 8803 ); 8804 this.slides.forEach((slide) => this.inViewObserver.observe(slide)); 8805 } 8806 setupMutationObserver() { 8807 this.mutationObserver = new MutationObserver( 8808 this.refreshSlides.bind(this) 8809 ); 8810 this.mutationObserver.observe(this.track, { 8811 childList: true, 8812 subtree: false 8813 }); 8814 } 8815 setupResizeObserver() { 8816 this.resizeObserver = new ResizeObserver( 8817 this.groupPagerMarkers.bind(this) 8818 ); 8819 this.resizeObserver.observe(this.el); 8820 } 8821 goToSlideDir(dir = "next") { 8822 const { 8823 firstInViewSlide, 8824 lastInViewSlide 8825 } = this.getInViewItems(); 8826 const isPrev = dir === "prev"; 8827 let targetSlide = isPrev ? firstInViewSlide?.previousElementSibling : lastInViewSlide?.nextElementSibling; 8828 if (!targetSlide) return; 8829 if (targetSlide.tagName.toLowerCase() === "template") { 8830 targetSlide = isPrev ? targetSlide?.previousElementSibling : targetSlide?.nextElementSibling; 8831 } 8832 targetSlide.scrollIntoView({ block: "nearest", inline: isPrev ? "end" : "start" }); 8833 } 8834 pagerToSlide(event) { 8835 if (!event.target.closest("[data-pager]")) return; 8836 const marker = event.target.closest("a, button"); 8837 if (!marker) return; 8838 event.preventDefault(); 8839 const slideId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); 8840 const targetSlide = this.track.querySelector(`#${slideId}`); 8841 targetSlide?.scrollIntoView({ block: "nearest", inline: "start" }); 8842 } 8843 eventHandler(event) { 8844 const target = event.target.closest( 8845 "[data-next], [data-prev], [data-pager]" 8846 ); 8847 if (!target) return; 8848 if (event.type === "click") { 8849 if (target.hasAttribute("data-next")) { 8850 this.goToSlideDir("next"); 8851 } else if (target.hasAttribute("data-prev")) { 8852 this.goToSlideDir("prev"); 8853 } else if (target.closest("[data-pager]")) { 8854 this.pagerToSlide(event); 8855 } 8856 } 8857 if (event.type === "keydown" && target.closest("[data-pager]")) { 8858 if (event.key === "ArrowRight") { 8859 this.goToSlideDir("next"); 8860 } else if (event.key === "ArrowLeft") { 8861 this.goToSlideDir("prev"); 8862 } 8863 } 8864 } 8865 }; 8866 8867 (() => { 8868 function alpineSnapSlider(Alpine) { 8869 Alpine.directive("snap-slider", (el, { 8870 modifiers 8871 }, { 8872 cleanup 8873 }) => { 8874 const autoPager = modifiers.includes("auto-pager");
8875 const groupPager = modifiers.includes("group-pager"); 8876 const slider = new SnapSlider(el, { 8877 autoPager, 8878 groupPager 8879 }); 8880 cleanup(() => { 8881 slider.destroy(); 8882 }); 8883 }); 8884 } 8885 8886 document.addEventListener("alpine:init", () => { 8887 window.Alpine.plugin(alpineSnapSlider); 8888 }); 8889 })(); 8890</script>
vendor: 1 bytes, line 8890
8890
8891<script> 8892 (() => { 8893 // src/dialog.js 8894 function dialog_default(Alpine) { 8895 Alpine.directive("htmldialog", fylgjaAlpineDialog); 8896 function fylgjaAlpineDialog(el, { expression, modifiers }, { evaluateLater, cleanup }) { 8897 const evaluate = expression.length ? evaluateLater(expression) : () => {}; 8898 const canEvaluate = expression.length > 0; 8899 const lockPageScroll = modifiers.includes("noscroll"); 8900 const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest"); 8901 el.style.display = null; 8902 el.style.length === 0 && el.removeAttribute("style"); 8903 if (el._x_isShown) { 8904 open(); 8905 } 8906 const closeBySupported = (() => { 8907 return "closedBy" in HTMLDialogElement.prototype; 8908 })(); 8909 function scrollLock(use = true) { 8910 document.body.style.overflow = use ? "hidden" : ""; 8911 } 8912 function dialogSubmit(event) { 8913 if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") { 8914 event.preventDefault(); 8915 evaluate(); 8916 } 8917 } 8918 function escapeDialog(event) { 8919 if (event.key !== "Escape") return; 8920 event.preventDefault(); 8921 if (closeBy === "none") return; 8922 evaluate(); 8923 } 8924 function handleCloseByEvent(event) { 8925 if (event.target !== el) return; 8926 const rect = el.getBoundingClientRect(); 8927 const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width; 8928 if (!isInDialog) { 8929 if (closeBy === "any") { 8930 if (closeBySupported) { 8931 event.preventDefault(); 8932 } 8933 evaluate(); 8934 } 8935 } 8936 } 8937 function handleCloseEvent() { 8938 evaluate(); 8939 } 8940 function open() { 8941 if (el.hasAttribute("open")) return; 8942 el.showModal(); 8943 scrollLock(lockPageScroll); 8944 } 8945 function close() { 8946 if (!el.hasAttribute("open")) return; 8947 el.close(); 8948 scrollLock(false); 8949 } 8950 el._x_doShow = () => open(); 8951 el._x_doHide = () => close(); 8952 el.addEventListener("keydown", escapeDialog); 8953 el.addEventListener("submit", dialogSubmit); 8954 el.addEventListener("click", handleCloseByEvent); 8955 el.addEventListener("cancel", handleCloseEvent); 8956 cleanup(() => { 8957 el.removeEventListener("keydown", escapeDialog); 8958 el.removeEventListener("submit", dialogSubmit); 8959 el.removeEventListener("click", handleCloseByEvent); 8960 el.removeEventListener("cancel", handleCloseEvent); 8961 scrollLock(false); 8962 }); 8963 } 8964 } 8965 function modifierValue(modifiers, key, fallback) { 8966 if (modifiers.indexOf(key) === -1) return fallback; 8967 const rawValue = modifiers[modifiers.indexOf(key) + 1]; 8968 if (!rawValue) return fallback; 8969 if (key === "closeby") { 8970 const allowedValues = ["auto", "none", "closerequest", "any"]; 8971 const options = allowedValues.join(", "); 8972 if (!allowedValues.includes(rawValue)) { 8973 console.warn( 8974 `"${rawValue}" is not one of the allowed values for closeby: ${options}` 8975 ); 8976 return fallback; 8977 } 8978 } 8979 return rawValue; 8980 } 8981 8982 // src/cdn.js 8983 document.addEventListener("alpine:init", () => { 8984 window.Alpine.plugin(dialog_default); 8985 }); 8986 })(); 8987</script>
vendor: 1 bytes, line 8987
8987
8988<script> 8989 (() => { 8990 function src_default(Alpine) { 8991 Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 8992 let evaluate = evaluateLater(expression); 8993 let options = { 8994 rootMargin: getRootMargin(modifiers), 8995 threshold: getThreshold(modifiers) 8996 }; 8997 let observer = new IntersectionObserver((entries) => { 8998 entries.forEach((entry) => { 8999 if (entry.isIntersecting === (value === "leave")) 9000 return; 9001 evaluate(); 9002 modifiers.includes("once") && observer.disconnect(); 9003 }); 9004 }, options); 9005 observer.observe(el); 9006 cleanup(() => { 9007 observer.disconnect(); 9008 }); 9009 })); 9010 } 9011 function getThreshold(modifiers) { 9012 if (modifiers.includes("full")) 9013 return 0.99; 9014 if (modifiers.includes("half")) 9015 return 0.5; 9016 if (!modifiers.includes("threshold")) 9017 return 0; 9018 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 9019 if (threshold === "100") 9020 return 1; 9021 if (threshold === "0") 9022 return 0; 9023 return Number(`.${threshold}`); 9024 } 9025 function getLengthValue(rawValue) { 9026 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 9027 return match ? match[1] + (match[2] || "px") : void 0; 9028 } 9029 function getRootMargin(modifiers) { 9030 const key = "margin"; 9031 const fallback = "0px 0px 0px 0px"; 9032 const index = modifiers.indexOf(key); 9033 if (index === -1) 9034 return fallback; 9035 let values = []; 9036 for (let i = 1; i < 5; i++) { 9037 values.push(getLengthValue(modifiers[index + i] || "")); 9038 } 9039 values = values.filter((v) => v !== void 0); 9040 return values.length ? values.join(" ").trim() : fallback; 9041 } 9042 9043 document.addEventListener("alpine:init", () => { 9044 window.Alpine.plugin(src_default); 9045 }); 9046 })(); 9047</script>
vendor: 1 bytes, line 9047
9047
9048<script> 9049 for (const [selector, deferUntil] of Object.entries({".product-slider section[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":"idle"})) { 9050 document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); 9051 } 9052</script>
vendor: 1 bytes, line 9052
9052
9053<script> 9054 (function () { 9055 "use strict"; 9056 9057 const hasAlpine = new Promise(resolve => { 9058 window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); 9059 }); 9060 9061 const hasInteract = new Promise(resolve => { 9062 (events => { 9063 const onInteract = () => { 9064 resolve(); 9065 events.forEach(type => window.removeEventListener(type, onInteract)); 9066 } 9067 events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) 9068 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 9069 }); 9070 9071 const onIntersect = (el) => { 9072 return new Promise(resolve => { 9073 const observer = new IntersectionObserver(entries => { 9074 for (const entry of entries) { 9075 if (entry.isIntersecting) { 9076 observer.disconnect() 9077 resolve(); 9078 } 9079 } 9080 }, {}); 9081 observer.observe(el); 9082 }); 9083 } 9084 9085 function runComponent(el) { 9086 hasAlpine.then(() => { 9087 el.removeAttribute('x-ignore'); 9088 queueMicrotask(() => Alpine.initTree(el)); 9089 }); 9090 } 9091 9092 function initDeferredComponents() { 9093 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 9094 el.setAttribute('x-ignore', ''); 9095 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 9096 switch (deferUntil) { 9097 case 'interact': 9098 hasInteract.then(() => runComponent(el)); 9099 break; 9100 case 'intersect': 9101 onIntersect(el).then(() => runComponent(el)) 9102 break; 9103 case 'idle': 9104 window.requestIdleCallback 9105 ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) 9106 : setTimeout(() => runComponent(el), 4000); 9107 break; 9108 case 'eager': 9109 runComponent(el); 9110 break; 9111 default: 9112 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 9113 window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); 9114 } 9115 } 9116 }); 9117 } 9118 9119 window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); 9120 })() 9121</script>
vendor: 1 bytes, line 9121
9121
vendor: 1,455 bytes, lines 9122-9124
9122<script> 9123(()=>{function g(n){n.directive("collapse",e),e.inline=(t,{modifiers:i})=>{i.includes("min")&&(t._x_doShow=()=>{},t._x_doHide=()=>{})};function e(t,{modifiers:i}){let r=l(i,"duration",250)/1e3,u=l(i,"min",0),h=!i.includes("min");t._x_isShown||(t.style.height=`${u}px`),!t._x_isShown&&h&&(t.hidden=!0),t._x_isShown||(t.style.overflow="hidden");let c=(d,s)=>{let o=n.setStyles(d,s);return s.height?()=>{}:o},f={transitionProperty:"height",transitionDuration:`${r}s`,transitionTimingFunction:"cubic-bezier(0.4, 0.0, 0.2, 1)"};t._x_transition={in(d=()=>{},s=()=>{}){h&&(t.hidden=!1),h&&(t.style.display=null);let o=t.getBoundingClientRect().height;t.style.height="auto";let a=t.getBoundingClientRect().height;o===a&&(o=u),n.transition(t,n.setStyles,{during:f,start:{height:o+"px"},end:{height:a+"px"}},()=>t._x_isShown=!0,()=>{t.getBoundingClientRect().height==a&&(t.style.overflow=null)})},out(d=()=>{},s=()=>{}){let o=t.getBoundingClientRect().height;n.transition(t,c,{during:f,start:{height:o+"px"},end:{height:u+"px"}},()=>t.style.overflow="hidden",()=>{t._x_isShown=!1,t.style.height==`${u}px`&&h&&(t.style.display="none",t.hidden=!0)})}}}}function l(n,e,t){if(n.indexOf(e)===-1)return t;let i=n[n.indexOf(e)+1];if(!i)return t;if(e==="duration"){let r=i.match(/([0-9]+)ms/);if(r)return r[1]}if(e==="min"){let r=i.match(/([0-9]+)px/);if(r)return r[1]}return i}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(g)});})(); 9124</script>
9124 9125
9126<script type="module" 9127 src="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/Hyva_Theme/js/alpine3.min.js" 9128 defer 9129 crossorigin 9130></script>
vendor: 1 bytes, line 9130
9130
9131<script> 9132 function dispatchMessages(messages, hideAfter) { 9133 const messagesEvent = new CustomEvent("messages-loaded", { 9134 detail: { 9135 messages: messages, 9136 hideAfter: hideAfter 9137 } 9138 }); 9139 window.dispatchEvent(messagesEvent); 9140 } 9141 9142 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 9143 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 9144 } 9145 9146 (function( hyva, undefined ) { 9147 9148 hyva.initFormKey = () => { 9149 const inputSelector = 'input[name="form_key"]', 9150 formKey = hyva.getFormKey(); 9151 9152 Array.from(document.querySelectorAll(inputSelector)).map(function (input) { 9153 input.value = formKey 9154 }); 9155 } 9156 9157 hyva.initMessages = () => { 9158 try { 9159 const messages = hyva.getCookie('mage-messages'); 9160 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 9161 9162 dispatchMessages(window.mageMessages); 9163 9164 // empty `mage-messages` cookie 9165 const skipSetDomain = true; 9166 hyva.setCookie('mage-messages','', -1, skipSetDomain); 9167 9168 } catch (error) { 9169 console.warn('Error parsing Cookie Messages:', error); 9170 } 9171 } 9172 9173 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 9174 hyva.alpineInitialized(hyva.initMessages) 9175 9176 }( window.hyva = window.hyva || {} )); 9177</script>
vendor: 1 bytes, line 9177
9177
9178<script> 9179 { 9180 const private_content_key = 'mage-cache-storage'; 9181 const private_content_expire_key = 'mage-cache-timeout'; 9182 const private_content_version_key = 'private_content_version'; 9183 const section_data_ids_key = 'section_data_ids'; 9184 const mage_cache_session_id_key = 'mage-cache-sessid'; 9185 const last_visited_store_key = 'last_visited_store'; 9186 9187 const ttl = 3600; 9188 9189 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 9190 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 9191 } 9192 9193 function loadSectionData () { 9194 const browserStorage = hyva.getBrowserStorage(); 9195 if (!browserStorage) { 9196 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 9197 [{ 9198 type: "warning", 9199 text: "Activeer LocalStorage in je browser." 9200 }] 9201 ); 9202 return; 9203 } 9204 try { 9205 let isInvalid = false; 9206 9207 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 9208 isInvalid = true; 9209 } 9210 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 9211 9212 if (!hyva.getCookie(mage_cache_session_id_key)) { 9213 isInvalid = true; 9214 browserStorage.removeItem(private_content_key); 9215 const skipSetDomain = true; 9216 const days = false; 9217 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 9218 } 9219 9220 const cookieVersion = hyva.getCookie(private_content_version_key); 9221 const storageVersion = browserStorage.getItem(private_content_version_key); 9222 9223 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 9224 isInvalid = true; 9225 } 9226 9227 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 9228 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 9229 browserStorage.removeItem(private_content_key); 9230 } 9231 9232 if (isInvalid && cookieVersion) { 9233 fetchPrivateContent([]); 9234 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 9235 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 9236 if ( 9237 privateContent && 9238 privateContentExpires && 9239 privateContent.cart && 9240 privateContent.customer 9241 ) { 9242 dispatchPrivateContent(privateContent); 9243 } else { 9244 fetchPrivateContent([]); 9245 } 9246 } else { 9247 if (document.getElementById('default-section-data')) { 9248 const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); 9249 dispatchPrivateContent(privateContent); 9250 } else { 9251 dispatchPrivateContent({}); 9252 } 9253 } 9254 9255 } catch (error) { 9256 console.warn('Error retrieving Private Content:', error); 9257 } 9258 } 9259 9260 hyva.alpineInitialized(loadSectionData) 9261 window.addEventListener('reload-customer-section-data', loadSectionData); 9262 9263 window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data); 9264 9265 function dispatchPrivateContent(data) { 9266 9267 const privateContentEvent = new CustomEvent("private-content-loaded", { 9268 detail: { 9269 data: window.processSectionDataBeforeDispatch(data) 9270 } 9271 }); 9272 window.dispatchEvent(privateContentEvent); 9273 } 9274 9275 function fetchPrivateContent(sections) { 9276 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 9277 method: 'GET', 9278 headers: { 9279 'Content-Type': 'application/json', 9280 'X-Requested-With': 'XMLHttpRequest' 9281 } 9282 }) 9283 .then(response => response.ok && response.json()) 9284 .then( 9285 data => { 9286 if (data) { 9287 try { 9288 const browserStorage = hyva.getBrowserStorage(); 9289 9290 // merge new data preserving non-invalidated sections 9291 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; 9292 9293 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 9294 delete oldSectionData['checkout-data']; 9295 } 9296 const newSectionData = Object.assign(oldSectionData, data); 9297 9298 dispatchPrivateContent(newSectionData); 9299 9300 // don't persist messages, they've been dispatched already 9301 if (newSectionData.messages && newSectionData.messages.messages ) { 9302 newSectionData.messages.messages = []; 9303 } 9304 9305 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 9306 9307 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 9308 browserStorage.setItem(private_content_expire_key, expiresAt); 9309 9310 const newCookieVersion = hyva.getCookie(private_content_version_key); 9311 browserStorage.setItem(private_content_version_key, newCookieVersion); 9312 9313 // We don't need the section_data_ids in Hyvä, but we store them for compatibility 9314 // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout 9315 hyva.setCookie( 9316 section_data_ids_key, 9317 JSON.stringify( 9318 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 9319 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 9320 return sectionDataIds; 9321 }, {}) 9322 ), 9323 false, 9324 true 9325 ); 9326 } catch (error) { 9327 console.warn("Couldn't store privateContent", error); 9328 } 9329 } 9330 } 9331 ); 9332 } 9333 } 9334</script>
vendor: 1 bytes, line 9334
9334
9335<script> 9336 (() => { 9337 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 9338 })() 9339</script>
vendor: 1 bytes, line 9339
9339
9340<script> 9341 (events => { 9342 const dispatchUserInteractionEvent = () => { 9343 events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) 9344 window.dispatchEvent(new Event('init-external-scripts')) 9345 }; 9346 events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) 9347 })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown']) 9348</script>
vendor: 1 bytes, line 9348
9348
9349<script> 9350 'use strict'; 9351 9352 (() => { 9353 const initCarousels = (elements) => { 9354 if (!Glider) { 9355 return; 9356 } 9357 9358 const initProductCarousel = (carousel) => { 9359 const gliderElement = carousel.querySelector('[data-role="glider-content"]'); 9360 9361 if (!gliderElement) { 9362 return; 9363 } 9364 9365 const gliderDots = carousel.querySelector('.glider-dots'); 9366 const gliderPrev = carousel.querySelector('.glider-prev'); 9367 const gliderNext = carousel.querySelector('.glider-next'); 9368 9369 const glider = new Glider(gliderElement, { 9370 slidesToShow: 1, 9371 slidesToScroll: 1, 9372 scrollLock: true, 9373 draggable: true, 9374 dragVelocity: 2.5, 9375 dots: gliderDots, 9376 arrows: { 9377 prev: gliderPrev, 9378 next: gliderNext, 9379 }, 9380 responsive: [ 9381 { 9382 breakpoint: 640, 9383 settings: { 9384 slidesToShow: 2, 9385 slidesToScroll: 2, 9386 } 9387 }, 9388 { 9389 breakpoint: 1024, 9390 settings: { 9391 slidesToShow: 3, 9392 slidesToScroll: 3, 9393 } 9394 }, 9395 { 9396 breakpoint: 1280, 9397 settings: { 9398 slidesToShow: 4, 9399 slidesToScroll: 4, 9400 } 9401 }, 9402 ], 9403 }); 9404 9405 carousel.classList.remove('overflow-x-scroll'); 9406 gliderPrev.classList.remove('hidden'); 9407 gliderNext.classList.remove('hidden'); 9408 9409 if (carousel.dataset.autoplay !== 'false') { 9410 gliderAutoplay( 9411 glider, 9412 carousel.dataset.autoplaySpeed, 9413 carousel.dataset.infiniteLoop 9414 ); 9415 } 9416 window.addEventListener('page-builder-tab-activate', event => { 9417 const tab = event.detail.tab; 9418 if (tab && tab.contains(gliderElement)) { 9419 event.detail.nextTick.then(() => { 9420 requestAnimationFrame(() => glider.refresh(true)) 9421 }); 9422 } 9423 }); 9424 }; 9425 9426 const initSliderCarousel = (slider) => { 9427 slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; 9428 slider.classList.add('glider-contain'); 9429 9430 slider.insertAdjacentHTML( 9431 'beforeend', 9432 '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9432003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9432003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A' 9433 ); 9434 9435 const gliderElement = slider.querySelector('[data-role="glider-content"]'); 9436 const gliderDots = slider.querySelector('.glider-dots'); 9437 const gliderPrev = slider.querySelector('.glider-prev'); 9438 const gliderNext = slider.querySelector('.glider-next'); 9439 9440 const glider = new Glider(gliderElement, { 9441 slidesToShow: 1, 9442 slidesToScroll: 1, 9443 scrollLock: true, 9444 scrollLockDelay: 250, 9445 draggable: true, 9446 dragVelocity: 2.5, 9447 dots: gliderDots, 9448 arrows: { 9449 prev: gliderPrev, 9450 next: gliderNext, 9451 }, 9452 }); 9453 9454 slider.classList.add('glider-initialized'); 9455 if (slider.dataset.showArrows === 'true') { 9456 gliderPrev.classList.remove('hidden'); 9457 gliderNext.classList.remove('hidden'); 9458 } 9459 9460 if (slider.dataset.autoplay !== 'false') { 9461 gliderAutoplay( 9462 glider, 9463 slider.dataset.autoplaySpeed, 9464 slider.dataset.infiniteLoop 9465 ); 9466 } 9467 }; 9468 9469 const gliderAutoplay = (glider, milliseconds, loop) => { 9470 const pagesCount = glider.track.childElementCount; 9471 let slideTimeout = null; 9472 let nextIndex = 1; 9473 let paused = false; 9474 9475 const slide = () => { 9476 slideTimeout = setTimeout( 9477 () => { 9478 if (loop && nextIndex >= pagesCount) { 9479 nextIndex = 0; 9480 } 9481 glider.scrollItem(nextIndex); 9482 }, 9483 parseInt(milliseconds) 9484 ); 9485 }; 9486 9487 glider.ele.addEventListener('glider-animated', () => { 9488 nextIndex = glider.slide + glider.opt.slidesToScroll; 9489 window.clearInterval(slideTimeout); 9490 if (!paused && (loop || nextIndex < pagesCount)) { 9491 slide(); 9492 } 9493 }); 9494 9495 const pause = () => { 9496 if (!paused) { 9497 clearInterval(slideTimeout); 9498 paused = true; 9499 } 9500 }; 9501 9502 const unpause = () => { 9503 if (paused) { 9504 slide(); 9505 paused = false; 9506 } 9507 }; 9508 9509 glider.ele.parentElement.addEventListener('mouseover', pause, {passive: true}); 9510 glider.ele.parentElement.addEventListener('touchstart', pause, {passive: true}); 9511 glider.ele.parentElement.addEventListener('mouseout', unpause, {passive: true}); 9512 glider.ele.parentElement.addEventListener('touchend', unpause, {passive: true}); 9513 9514 slide(); 9515 }; 9516 9517 elements.forEach(element => { 9518 if (element.dataset.contentType === 'products') { 9519 initProductCarousel(element); 9520 } 9521 if (element.dataset.contentType === 'slider') { 9522 initSliderCarousel(element); 9523 } 9524 }); 9525 }; 9526 9527 window.addEventListener('DOMContentLoaded', () => { 9528 const carouselElements = document.querySelectorAll( 9529 `[data-content-type="products"][data-appearance="carousel"], 9530 [data-content-type="slider"]` 9531 ); 9532 9533 if (carouselElements.length > 0) { 9534 const script = document.createElement('script'); 9535 script.type = 'text/javascript'; 9536 9537 script.addEventListener('load', () => { 9538 initCarousels(carouselElements); 9539 }); 9540 9541 script.src = 'https\u003A\u002F\u002Fwww.123drogisterij.nl\u002Fstatic\u002Fversion1790863840\u002Ffrontend\u002FCareland\u002F123d\u002Fnl_NL\u002FMagento_PageBuilder\u002Fjs\u002Fglider.min.js'; 9542 document.head.appendChild(script); 9543 } 9544 }); 9545 })(); 9546</script>
vendor: 1 bytes, line 9546
9546
9547<script> 9548 'use strict'; 9549 9550 const grecaptchaV2LoadCallbacks = []; 9551 9552 function executeRecaptchaLoadCallbacks () { 9553 while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { 9554 const callback = grecaptchaV2LoadCallbacks.pop(); 9555 typeof callback === 'string' ? window[callback]() : callback(); 9556 } 9557 } 9558 9559 (function() { 9560 const loadRecaptchaScript = (event) => { 9561 9562 if (window.grecaptcha || !event.target.form) { 9563 return; 9564 } 9565 9566 const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; 9567 const siteKey = '6LdEduIrAAAAADLY9aaFf8Q0ZRbb6LN6NnyhO\u002D5V'; 9568 const script = document.createElement('script'); 9569 script.type = 'text/javascript'; 9570 script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; 9571 script.async = true; 9572 document.head.appendChild(script); 9573 9574 script.addEventListener('load', () => { 9575 Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); 9576 }); 9577 } 9578 9579 window.forceLoadRecaptchaScript = (form) => { 9580 loadRecaptchaScript({target: {form: form || 'dummy'}}); 9581 executeRecaptchaLoadCallbacks(); 9582 }; 9583 9584 document.body.addEventListener('input', loadRecaptchaScript, { once: true }); 9585 document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); 9586 9587 }()); 9588 9589</script>
vendor: 1 bytes, line 9589
9589
9590<script> 9591 function initPriceBox() 9592 { 9593 return { 9594 updatePrice(priceData) { 9595 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 9596 const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); 9597 const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); 9598 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 9599 regularPriceLabel && regularPriceLabel.classList.add('hidden'); 9600 } else { 9601 regularPriceLabel && regularPriceLabel.classList.remove('hidden'); 9602 } 9603 regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); 9604 basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); 9605 } 9606 } 9607 } 9608</script>
vendor: 1 bytes, line 9608
9608
9609<script>try { 9610smileTracker.addPageVar('cms.identifier', 'home'); 9611smileTracker.addPageVar('cms.title', 'Home page'); 9612} catch (err) { ; }</script>
9612<script defer> 9613 'use strict'; 9614 9615 (() => { 9616 const equalizeButtonWidths = (buttons) => { 9617 const buttonList = buttons.querySelectorAll('[data-element="link"], [data-element="empty_link"]'); 9618 let buttonMinWidth = 0; 9619 9620 buttonList.forEach(button => { 9621 const buttonWidth = button.offsetWidth; 9622 9623 if (buttonWidth > buttonMinWidth) { 9624 buttonMinWidth = buttonWidth; 9625 } 9626 }); 9627 9628 buttonList.forEach(button => { 9629 button.style.minWidth = `${buttonMinWidth}px`; 9630 }); 9631 }; 9632 9633 window.addEventListener('DOMContentLoaded', () => { 9634 document.querySelectorAll('[data-content-type="buttons"][data-same-width="true"]').forEach(buttons => { 9635 equalizeButtonWidths(buttons); 9636 }); 9637 }); 9638 })(); 9639</script>
9639 9640
9641<script defer> 9642 'use strict'; 9643 9644 (() => { 9645 const initCarousels = (elements) => { 9646 if (!Glider) { 9647 return; 9648 } 9649 9650 const initProductCarousel = (carousel) => { 9651 const gliderElement = carousel.querySelector('[data-role="glider-content"]'); 9652 9653 if (!gliderElement) { 9654 return; 9655 } 9656 9657 const gliderDots = carousel.querySelector('.glider-dots'); 9658 const gliderPrev = carousel.querySelector('.glider-prev'); 9659 const gliderNext = carousel.querySelector('.glider-next'); 9660 9661 const glider = new Glider(gliderElement, { 9662 slidesToShow: 1.15, 9663 slidesToScroll: 1, 9664 scrollLock: true, 9665 draggable: true, 9666 dragVelocity: 1.5, 9667 dots: gliderDots, 9668 rewind: true, 9669 arrows: { 9670 prev: gliderPrev, 9671 next: gliderNext, 9672 }, 9673 responsive: [ 9674 { 9675 breakpoint: 440, 9676 settings: { 9677 slidesToShow: 1.3, 9678 } 9679 }, 9680 { 9681 breakpoint: 768, 9682 settings: { 9683 slidesToShow: 2.2, 9684 slidesToScroll: 2, 9685 } 9686 }, 9687 { 9688 breakpoint: 1024, 9689 settings: { 9690 slidesToShow: 3.2, 9691 slidesToScroll: 2, 9692 } 9693 }, 9694 { 9695 breakpoint: 1280, 9696 settings: { 9697 slidesToShow: 4, 9698 slidesToScroll: 4, 9699 } 9700 }, 9701 ], 9702 }); 9703 9704 carousel.classList.add('glider-initialized'); 9705 carousel.classList.remove('overflow-x-scroll'); 9706 }; 9707 9708 const initFeaturedCategoryCarousel = (slider) => { 9709 slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; 9710 slider.classList.add('glider-contain'); 9711 9712 slider.insertAdjacentHTML( 9713 'beforeend', 9714 '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9714003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9714003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A' 9715 ); 9716 9717 const gliderElement = slider.querySelector('[data-role="glider-content"]'); 9718 const gliderDots = slider.querySelector('.glider-dots'); 9719 const gliderPrev = slider.querySelector('.glider-prev'); 9720 const gliderNext = slider.querySelector('.glider-next'); 9721 9722 const glider = new Glider(gliderElement, { 9723 slidesToShow: 1.4, 9724 slidesToScroll: 1, 9725 scrollLock: false, 9726 scrollLockDelay: 250, 9727 draggable: true, 9728 dragVelocity: 1.5, 9729 dots: gliderDots, 9730 rewind: true, 9731 arrows: { 9732 prev: gliderPrev, 9733 next: gliderNext, 9734 }, 9735 responsive: [ 9736 { 9737 breakpoint: 400, 9738 settings: { 9739 slidesToShow: 1.7, 9740 slidesToScroll: 2, 9741 } 9742 }, 9743 { 9744 breakpoint: 650, 9745 settings: { 9746 slidesToShow: 3.7, 9747 slidesToScroll: 3, 9748 } 9749 }, 9750 { 9751 breakpoint: 850, 9752 settings: { 9753 slidesToShow: 4.7, 9754 slidesToScroll: 4, 9755 } 9756 }, 9757 ], 9758 }); 9759 9760 slider.classList.add('glider-initialized'); 9761 }; 9762 9763 const initSliderCarousel = (slider) => { 9764 slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; 9765 slider.classList.add('glider-contain'); 9766 9767 slider.insertAdjacentHTML( 9768 'beforeend', 9769 '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9769003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9769003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A' 9770 ); 9771 9772 const gliderElement = slider.querySelector('[data-role="glider-content"]'); 9773 const gliderDots = slider.querySelector('.glider-dots'); 9774 const gliderPrev = slider.querySelector('.glider-prev'); 9775 const gliderNext = slider.querySelector('.glider-next'); 9776 9777 const glider = new Glider(gliderElement, { 9778 slidesToShow: 1, 9779 slidesToScroll: 1, 9780 scrollLock: true, 9781 scrollLockDelay: 250, 9782 draggable: true, 9783 dragVelocity: 1.5, 9784 dots: gliderDots, 9785 arrows: { 9786 prev: gliderPrev, 9787 next: gliderNext, 9788 }, 9789 }); 9790 9791 slider.classList.add('glider-initialized'); 9792 if (slider.dataset.showArrows === 'true') { 9793 gliderPrev.classList.remove('hidden'); 9794 gliderNext.classList.remove('hidden'); 9795 } 9796 9797 if (slider.dataset.autoplay !== 'false') { 9798 gliderAutoplay( 9799 glider, 9800 slider.dataset.autoplaySpeed, 9801 slider.dataset.infiniteLoop 9802 ); 9803 } 9804 }; 9805 9806 const initHorizontalFilterSlider = (slider) => { 9807 slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; 9808 slider.classList.add('glider-contain'); 9809 9810 slider.insertAdjacentHTML( 9811 'beforeend', 9812 '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9812003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9812003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A' 9813 ); 9814 9815 const gliderElement = slider.querySelector('[data-role="glider-content"]'); 9816 const gliderDots = slider.querySelector('.glider-dots'); 9817 const gliderPrev = slider.querySelector('.glider-prev'); 9818 const gliderNext = slider.querySelector('.glider-next'); 9819 9820 const glider = new Glider(gliderElement, { 9821 slidesToShow: 2.8, 9822 slidesToScroll: 2, 9823 scrollLock: false, 9824 draggable: true, 9825 dragVelocity: 1.5, 9826 dots: gliderDots, 9827 arrows: { 9828 prev: gliderPrev, 9829 next: gliderNext, 9830 }, 9831 responsive: [ 9832 { 9833 breakpoint: 450, 9834 settings: { 9835 slidesToShow: 3.5, 9836 slidesToScroll: 3, 9837 } 9838 }, 9839 { 9840 breakpoint: 550, 9841 settings: { 9842 slidesToShow: 4.5, 9843 slidesToScroll: 4, 9844 } 9845 }, 9846 { 9847 breakpoint: 768, 9848 settings: { 9849 slidesToShow: 5.5, 9850 slidesToScroll: 5, 9851 } 9852 }, 9853 { 9854 breakpoint: 1014, 9855 settings: { 9856 slidesToShow: 6.5, 9857 slidesToScroll: 6, 9858 } 9859 }, 9860 ], 9861 }); 9862 9863 glider.removeItem(0); // remove template tag from slider 9864 9865 slider.classList.add('glider-initialized'); 9866 9867 if (slider.dataset.showArrows === 'true') { 9868 gliderPrev.classList.remove('hidden'); 9869 gliderNext.classList.remove('hidden'); 9870 } 9871 }; 9872 9873 const initReviewSlider = (slider) => { 9874 slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; 9875 slider.classList.add('glider-contain'); 9876 9877 slider.insertAdjacentHTML( 9878 'beforeend', 9879 '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9879003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9879003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A' 9880 ); 9881 9882 const gliderElement = slider.querySelector('[data-role="glider-content"]'); 9883 const gliderDots = slider.querySelector('.glider-dots'); 9884 const gliderPrev = slider.querySelector('.glider-prev'); 9885 const gliderNext = slider.querySelector('.glider-next'); 9886 9887 const glider = new Glider(gliderElement, { 9888 slidesToShow: 1.2, 9889 slidesToScroll: 1, 9890 scrollLock: true, 9891 draggable: true, 9892 dragVelocity: 1.5, 9893 dots: gliderDots, 9894 arrows: { 9895 prev: gliderPrev, 9896 next: gliderNext, 9897 }, 9898 rewind: true, 9899 responsive: [ 9900 { 9901 breakpoint: 450, 9902 settings: { 9903 slidesToShow: 2.2, 9904 slidesToScroll: 2, 9905 } 9906 }, 9907 9908 ], 9909 }); 9910 9911 slider.classList.add('glider-initialized'); 9912 9913 if (slider.dataset.showArrows === 'true') { 9914 gliderPrev.classList.remove('hidden'); 9915 gliderNext.classList.remove('hidden'); 9916 } 9917 }; 9918 9919 const initUspSlider = (slider) => { 9920 slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; 9921 slider.classList.add('glider-contain'); 9922 9923 slider.dataset.autoplay = 'false'; 9924 slider.dataset.infiniteLoop = 'true'; 9925 9926 const gliderElement = slider.querySelector('[data-role="glider-content"]'); 9927 9928 const glider = new Glider(gliderElement, { 9929 slidesToShow: 1, 9930 slidesToScroll: 1, 9931 scrollLock: false, 9932 scrollLockDelay: 250, 9933 draggable: false, 9934 dragVelocity: 1.5, 9935 duration: 1, 9936 responsive: [ 9937 { 9938 breakpoint: 768, 9939 settings: { 9940 slidesToShow: 3, 9941 }, 9942 }, 9943 { 9944 breakpoint: 1024, 9945 settings: { 9946 slidesToShow: 4, 9947 }, 9948 }, 9949 ], 9950 }); 9951 9952 slider.classList.add('glider-initialized'); 9953 9954 if (slider.dataset.showArrows === 'true') { 9955 gliderPrev.classList.remove('hidden'); 9956 gliderNext.classList.remove('hidden'); 9957 } 9958 9959 if (slider.dataset.autoplay !== 'false') { 9960 gliderAutoplay( 9961 glider, 9962 slider.dataset.autoplaySpeed, 9963 slider.dataset.infiniteLoop 9964 ); 9965 } 9966 9967 function sliderAuto(slider, miliseconds) { 9968 const slidesCount = glider.track.childElementCount; 9969 let slideTimeout = null; 9970 let nextIndex = 1; 9971 9972 function slide() { 9973 slideTimeout = setTimeout( 9974 function () { 9975 if (nextIndex >= slidesCount) { 9976 nextIndex = 0; 9977 } 9978 glider.scrollItem(nextIndex++); 9979 }, 9980 miliseconds 9981 ); 9982 } 9983 9984 glider.ele.addEventListener('glider-animated', function () { 9985 window.clearInterval(slideTimeout); 9986 slide(); 9987 }); 9988 9989 slide(); 9990 } 9991 9992 sliderAuto(slider, 3000) 9993 }; 9994 9995 const initHeaderUspSlider = (slider) => { 9996 function checkScreensize(sliderMaxSize) { 9997 // If media query matches 9998 if (sliderMaxSize.matches) { 9999 slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; 10000 slider.classList.add('glider-contain'); 10001 10002 const gliderElement = slider.querySelector('[data-role="glider-content"]'); 10003 10004 const glider = new Glider(gliderElement, { 10005 slidesToShow: 1, 10006 slidesToScroll: 1, 10007 scrollLock: false, 10008 draggable: true, 10009 dragVelocity: 1.5, 10010 duration: 10, 10011 rewind: true, 10012 responsive: [ 10013 { 10014 breakpoint: 550, 10015 settings: { 10016 slidesToShow: 2, 10017 }, 10018 }, 10019 { 10020 breakpoint: 768, 10021 settings: { 10022 slidesToShow: 3, 10023 }, 10024 }, 10025 ], 10026 }); 10027 10028 slider.classList.add('glider-initialized'); 10029 10030 if (slider.dataset.showArrows === 'true') { 10031 gliderPrev.classList.remove('hidden'); 10032 gliderNext.classList.remove('hidden'); 10033 } 10034 10035 if (slider.dataset.autoplay !== 'false') { 10036 gliderAutoplay( 10037 glider, 10038 5000, 10039 true 10040 ); 10041 } 10042 10043 function sliderAuto(slider, miliseconds) { 10044 const slidesCount = glider.track.childElementCount; 10045 let slideTimeout = null; 10046 let nextIndex = 1; 10047 10048 function slide () { 10049 slideTimeout = setTimeout( 10050 function () { 10051 if (nextIndex >= slidesCount ) { 10052 nextIndex = 0; 10053 } 10054 glider.scrollItem(0); 10055 }, 10056 miliseconds 10057 ); 10058 } 10059 10060 glider.ele.addEventListener('glider-animated', function() { 10061 window.clearInterval(slideTimeout); 10062 slide(); 10063 }); 10064 10065 slide(); 10066 } 10067 10068 sliderAuto(slider, 10000) 10069 } else { 10070 let headerUsps = document.querySelector('[data-content-type="header-usps"]'); 10071 10072 if (headerUsps !== null) { 10073 // Remove glider classes to bring back grid 10074 headerUsps.classList.remove('glider-initialized', 'glider-contain'); 10075 10076 const draggable = headerUsps.getElementsByClassName('glider-track')[0]; 10077 if (draggable !== undefined) { 10078 draggable.replaceWith(...draggable.childNodes); 10079 } 10080 10081 const track = headerUsps.getElementsByClassName('glider')[0]; 10082 if (track !== undefined){ 10083 track.replaceWith(...track.childNodes); 10084 } 10085 10086 let elems = headerUsps.querySelectorAll('.glider-slide'); 10087 10088 [].forEach.call(elems, function (el) { 10089 el.classList = "flex justify-center items-center gap-1.5"; 10090 el.removeAttribute('style'); 10091 }); 10092 } 10093 } 10094 } 10095 10096 let sliderMaxSize = window.matchMedia("(max-width: 1536px)") 10097 checkScreensize(sliderMaxSize) // Call listener function at run time 10098 sliderMaxSize.addListener(checkScreensize) // Attach listener function on state changes 10099 }; 10100 10101 const initBannerSmallCarousel = (slider) => { 10102 function checkScreensize(sliderMaxSize) { 10103 // If media query matches 10104 if (sliderMaxSize.matches) { 10105 slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; 10106 slider.classList.add('glider-contain'); 10107 10108 const gliderElement = slider.querySelector('[data-role="glider-content"]'); 10109 10110 const glider = new Glider(gliderElement, { 10111 slidesToShow: 1.2, 10112 slidesToScroll: 1, 10113 scrollLock: true, 10114 draggable: true, 10115 dragVelocity: 1.5, 10116 rewind: true, 10117 responsive: [ 10118 { 10119 breakpoint: 768, 10120 settings: { 10121 slidesToShow: 2.2, 10122 slidesToScroll: 2, 10123 } 10124 }, 10125 { 10126 breakpoint: 1024, 10127 settings: { 10128 slidesToShow: 2.6, 10129 slidesToScroll: 2, 10130 } 10131 }, 10132 ], 10133 }); 10134 10135 slider.classList.add('glider-initialized'); 10136 10137 } else { 10138 let bannerSmall = document.querySelector('.pagebuilder-banner-small.glider-initialized'); 10139 10140 if (bannerSmall !== null) { 10141 // Remove glider classes to bring back grid 10142 bannerSmall.classList.remove('glider-initialized','glider-contain'); 10143 10144 const draggable = bannerSmall.getElementsByClassName('draggable')[0]; 10145 draggable.replaceWith(...draggable.childNodes); 10146 10147 const track = bannerSmall.getElementsByClassName('glider-track')[0]; 10148 track.replaceWith(...track.childNodes); 10149 10150 var elems = bannerSmall.querySelectorAll('.glider-slide'); 10151 10152 [].forEach.call(elems, function(el) { 10153 el.classList = ""; 10154 el.removeAttribute('style'); 10155 }); 10156 } 10157 } 10158 } 10159 10160 let sliderMaxSize = window.matchMedia("(max-width: 1280px)") 10161 checkScreensize(sliderMaxSize) // Call listener function at run time 10162 sliderMaxSize.addListener(checkScreensize) // Attach listener function on state changes 10163 }; 10164 10165 const initFeaturedItemsCarousel = (slider) => { 10166 slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; 10167 slider.classList.add('glider-contain'); 10168 10169 slider.insertAdjacentHTML( 10170 'beforeend', 10171 '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
10171003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
10171003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A' 10172 ); 10173 10174 const gliderElement = slider.querySelector('[data-role="glider-content"]'); 10175 const gliderPrev = slider.querySelector('.glider-prev'); 10176 const gliderNext = slider.querySelector('.glider-next'); 10177 10178 const glider = new Glider(gliderElement, { 10179 slidesToShow: 1.2, 10180 slidesToScroll: 1, 10181 scrollLock: true, 10182 scrollLockDelay: 250, 10183 draggable: true, 10184 dragVelocity: 1.5, 10185 rewind: true, 10186 arrows: { 10187 prev: gliderPrev, 10188 next: gliderNext, 10189 }, 10190 responsive: [ 10191 { 10192 breakpoint: 768, 10193 settings: { 10194 slidesToShow: 2.2, 10195 slidesToScroll: 2, 10196 } 10197 }, 10198 { 10199 breakpoint: 1024, 10200 settings: { 10201 slidesToShow: 3.2, 10202 slidesToScroll: 3, 10203 } 10204 }, 10205 ], 10206 }); 10207 10208 slider.classList.add('glider-initialized'); 10209 10210 if (slider.dataset.showArrows === 'true') { 10211 gliderPrev.classList.remove('hidden'); 10212 gliderNext.classList.remove('hidden'); 10213 } 10214 }; 10215 10216 const gliderAutoplay = (glider, milliseconds, loop) => { 10217 const pagesCount = glider.track.childElementCount; 10218 let slideTimeout = null; 10219 let nextIndex = 1; 10220 let paused = false; 10221 10222 const slide = () => { 10223 slideTimeout = setTimeout( 10224 () => { 10225 if (loop && nextIndex >= pagesCount) { 10226 nextIndex = 0; 10227 } 10228 glider.scrollItem(nextIndex); 10229 }, 10230 parseInt(milliseconds) 10231 ); 10232 }; 10233 10234 glider.ele.addEventListener('glider-animated', () => { 10235 nextIndex = glider.slide + glider.opt.slidesToScroll; 10236 window.clearInterval(slideTimeout); 10237 if (!paused && (loop || nextIndex < pagesCount)) { 10238 slide(); 10239 } 10240 }); 10241 10242 const pause = () => { 10243 if (!paused) { 10244 clearInterval(slideTimeout); 10245 paused = true; 10246 } 10247 }; 10248 10249 const unpause = () => { 10250 if (paused) { 10251 slide(); 10252 paused = false; 10253 } 10254 }; 10255 10256 glider.ele.parentElement.addEventListener('mouseover', pause, {passive: true}); 10257 glider.ele.parentElement.addEventListener('touchstart', pause, {passive: true}); 10258 glider.ele.parentElement.addEventListener('mouseout', unpause, {passive: true}); 10259 glider.ele.parentElement.addEventListener('touchend', unpause, {passive: true}); 10260 10261 slide(); 10262 }; 10263 10264 elements.forEach(element => { 10265 if (element.dataset.contentType === 'banner-small') { 10266 initBannerSmallCarousel(element); 10267 } 10268 if (element.dataset.contentType === 'featured-products') { 10269 initProductCarousel(element); 10270 } 10271 if (element.dataset.contentType === 'featured-categories') { 10272 initFeaturedCategoryCarousel(element); 10273 } 10274 if (element.dataset.contentType === 'slider') { 10275 initSliderCarousel(element); 10276 } 10277 if (element.dataset.contentType === 'usps') { 10278 initUspSlider(element); 10279 } 10280 if (element.dataset.contentType === 'header-usps') { 10281 initHeaderUspSlider(element); 10282 } 10283 if (element.dataset.element === 'horizontal-filter') { 10284 initHorizontalFilterSlider(element); 10285 } 10286 if (element.dataset.element === 'review-slider') { 10287 initReviewSlider(element); 10288 } 10289 if (element.dataset.contentType === 'featured-items') { 10290 initFeaturedItemsCarousel(element); 10291 } 10292 }); 10293 }; 10294 10295 window.addEventListener('DOMContentLoaded', () => { 10296 const carouselElements = document.querySelectorAll( 10297 `[data-content-type="banner-small"], 10298 [data-content-type="featured-products"], 10299 [data-content-type="featured-categories"], 10300 [data-content-type="featured-items"], 10301 [data-appearance="carousel"], 10302 [data-content-type="slider"], 10303 [data-content-type="usps"], 10304 [data-content-type="header-usps"], 10305 [data-element="subcategories"], 10306 [data-element="horizontal-filter"], 10307 [data-element="review-slider"]` 10308 ); 10309 10310 if (carouselElements.length > 0) { 10311 const script = document.createElement('script'); 10312 script.type = 'text/javascript'; 10313 10314 script.addEventListener('load', () => { 10315 initCarousels(carouselElements); 10316 }); 10317 10318 script.src = 'https\u003A\u002F\u002Fwww.123drogisterij.nl\u002Fstatic\u002Fversion1790863840\u002Ffrontend\u002FCareland\u002F123d\u002Fnl_NL\u002FHyva_PageBuilder\u002Fjs\u002Fglider.min.js'; 10319 document.head.appendChild(script); 10320 } 10321 }); 10322 })(); 10323</script>
vendor: 1 bytes, line 10323
10323
10324<script defer> 10325 'use strict'; 10326 10327 (() => { 10328 const initMaps = (elements) => { 10329 const renderMap = (element) => { 10330 const dataLocations = element.dataset.locations; 10331 10332 // Hide map if no locations set 10333 if (!dataLocations || dataLocations === '[]') { 10334 element.classList.add('hidden'); 10335 return; 10336 } 10337 10338 const map = new google.maps.Map( 10339 element, 10340 getMapOptions( 10341 element.dataset.showControls !== 'true', 10342 element.dataset.showControls === 'true' 10343 ) 10344 ); 10345 const locations = JSON.parse(dataLocations); 10346 const latitudeLongitudeBounds = new google.maps.LatLngBounds(); 10347 const bounds = []; 10348 10349 locations.forEach(location => { 10350 const position = { 10351 lat: parseFloat(location.position.latitude), 10352 lng: parseFloat(location.position.longitude), 10353 }; 10354 bounds.push(position); 10355 10356 const infowindow = new google.maps.InfoWindow({ 10357 content: getInfoWindowContent(location), 10358 }); 10359 const marker = new google.maps.Marker({ 10360 position: position, 10361 map, 10362 title: location.location_name, 10363 }); 10364 10365 marker.addListener('click', () => { 10366 infowindow.open(map, marker); 10367 }); 10368 }); 10369 10370 // Set bounds if multiple locations 10371 if (bounds.length > 1) { 10372 bounds.forEach(function (bound) { 10373 latitudeLongitudeBounds.extend(bound); 10374 }); 10375 map.fitBounds(latitudeLongitudeBounds); 10376 } 10377 10378 // Center if single location 10379 if (bounds.length === 1) { 10380 map.setCenter(bounds[0]); 10381 } 10382 }; 10383 10384 const getMapOptions = (disableDefaultUI, mapTypeControl) => { 10385 const style = ''; 10386 return { 10387 zoom: 8, 10388 scrollwheel: false, 10389 disableDoubleClickZoom: false, 10390 mapTypeControlOptions: { 10391 style: google.maps.MapTypeControlStyle.DEFAULT, 10392 }, 10393 styles: style ? JSON.parse(style) : [], 10394 disableDefaultUI: disableDefaultUI, 10395 mapTypeControl: mapTypeControl, 10396 }; 10397 }; 10398 10399 const getInfoWindowContent = (location) => { 10400 const title = location.location_name ? 10401 `<h3 class="text-2xl font-medium text-gray-900 title-font">${location.location_name}</h3>` : ''; 10402 const comment = location.comment ? `<p class="px-1 pt-3 text-primary">${location.comment}</p>` : ''; 10403 const phone = location.phone ? `<p class="px-1 pt-3 text-primary">Phone: ${location.phone}</p>` : ''; 10404 const street = location.address ? `${location.address}<br/>` : ''; 10405 const city = location.city ? `${location.city}<br/>` : ''; 10406 const state = location.state ? `${location.state}<br/>` : ''; 10407 const zipCode = location.zipcode ? `${location.zipcode}<br/>` : ''; 10408 const country = location.country ? location.country : ''; 10409 10410 return `<div> 10411 ${title} 10412 ${comment} 10413 ${phone} 10414 <p class="px-1 pt-3 text-primary"> 10415 ${street} 10416 ${city} 10417 ${state} 10418 ${zipCode} 10419 ${country} 10420 </p> 10421 </div>`; 10422 }; 10423 10424 const hideAllMaps = () => { 10425 document.querySelectorAll('[data-content-type="map"]').forEach(element => { 10426 element.classList.add('hidden'); 10427 }); 10428 }; 10429 10430 window.gm_authFailure = () => { 10431 hideAllMaps(); 10432 }; 10433 10434 if (typeof google.maps === 'undefined') { 10435 hideAllMaps(); 10436 return; 10437 } 10438
10439 elements.forEach(element => { 10440 if (element.dataset.contentType === 'map') { 10441 renderMap(element); 10442 } 10443 }); 10444 }; 10445 10446 window.addEventListener('DOMContentLoaded', () => { 10447 const mapElements = document.querySelectorAll('[data-content-type="map"]'); 10448 10449 if (mapElements.length > 0) { 10450 const script = document.createElement('script'); 10451 script.type = 'text/javascript'; 10452 10453 script.addEventListener('load', () => { 10454 initMaps(mapElements); 10455 }); 10456 10457 script.src = 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3.56\u0026key\u003D'; 10458 document.head.appendChild(script); 10459 } 10460 }); 10461 })(); 10462</script>
vendor: 1 bytes, line 10462
10462
10463<script defer> 10464 'use strict'; 10465 10466 (() => { 10467 const initParallaxImage = (element) => { 10468 if (!window.jarallax) { 10469 return; 10470 } 10471 10472 element.classList.add('jarallax'); 10473 element.dataset.jarallax = ''; 10474 const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5; 10475 const elementStyle = window.getComputedStyle(element); 10476 10477 window.jarallax(element, { 10478 imgPosition: elementStyle.backgroundPosition || '50% 50%', 10479 imgRepeat: elementStyle.backgroundRepeat || 'no-repeat', 10480 imgSize: elementStyle.backgroundSize || 'cover', 10481 speed: parallaxSpeed, 10482 }); 10483 }; 10484 10485 const initVideoBackground = (element) => { 10486 if (!window.jarallax) { 10487 return; 10488 } 10489 10490 let slider = null; 10491 10492 if (element.classList.contains('pagebuilder-slide-wrapper')) { 10493 const viewportElement = document.createElement('div'); 10494 slider = element.closest('[data-content-type=slider]'); 10495 viewportElement.classList.add('jarallax-viewport-element'); 10496 element.dataset.elementInViewport = '.jarallax-viewport-element'; 10497 element.appendChild(viewportElement); 10498 } 10499 10500 element.classList.add('jarallax'); 10501 element.dataset.jarallax = ''; 10502 const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5; 10503 10504 window.jarallax(element, { 10505 imgSrc: element.dataset.videoFallbackSrc, 10506 speed: parallaxSpeed, 10507 videoLoop: element.dataset.videoLoop, 10508 videoPlayOnlyVisible: element.dataset.videoPlayOnlyVisible, 10509 videoLazyLoading: element.dataset.videoLazyLoad, 10510 disableVideo: false, 10511 elementInViewport: element.dataset.elementInViewport && 10512 element.querySelector(element.dataset.elementInViewport), 10513 }); 10514 10515 if (slider) { 10516 if (slider.dataset.afterChangeIsSet) { 10517 return; 10518 } 10519 10520 slider.addEventListener('glider-loaded', () => { 10521 slider.querySelectorAll('.jarallax').forEach(videoSlide => { 10522 videoSlide.jarallax && videoSlide.jarallax.onScroll(); 10523 }); 10524 }); 10525 10526 slider.addEventListener('glider-animated', () => { 10527 slider.querySelectorAll('.jarallax').forEach(videoSlide => { 10528 videoSlide.jarallax && videoSlide.jarallax.onScroll(); 10529 }); 10530 }); 10531 10532 slider.dataset.afterChangeIsSet = true; 10533 } 10534 }; 10535 10536 window.addEventListener('DOMContentLoaded', () => { 10537 const parallaxImageElements = document.querySelectorAll( 10538 `[data-content-type="row"][data-background-type="image"][data-enable-parallax="1"], 10539 [data-content-type="row"] > [data-background-type="image"][data-enable-parallax="1"]` 10540 ); 10541 10542 const videoBackgroundsElements = document.querySelectorAll( 10543 `[data-content-type="row"][data-background-type="video"][data-enable-parallax="1"], 10544 [data-content-type="row"] > [data-background-type="video"][data-enable-parallax="1"], 10545 [data-content-type="banner"] [data-background-type="video"], 10546 [data-content-type="slide"] [data-background-type="video"]` 10547 ); 10548 10549 if (parallaxImageElements.length > 0 || videoBackgroundsElements.length > 0) { 10550 const jarallaxScript = document.createElement('script'); 10551 jarallaxScript.type = 'text/javascript'; 10552 10553 jarallaxScript.addEventListener('load', () => { 10554 parallaxImageElements.forEach(row => { 10555 initParallaxImage(row); 10556 }); 10557 10558 const jarallaxVideoScript = document.createElement('script'); 10559 jarallaxVideoScript.type = 'text/javascript'; 10560 10561 jarallaxVideoScript.addEventListener('load', () => {
10562 videoBackgroundsElements.forEach(element => { 10563 initVideoBackground(element); 10564 }); 10565 }); 10566 10567 jarallaxVideoScript.src = 'https\u003A\u002F\u002Fwww.123drogisterij.nl\u002Fstatic\u002Fversion1790863840\u002Ffrontend\u002FCareland\u002F123d\u002Fnl_NL\u002FHyva_PageBuilder\u002Fjs\u002Fjarallax\u002Dvideo.min.js'; 10568 document.head.appendChild(jarallaxVideoScript); 10569 }); 10570 10571 jarallaxScript.src = 'https\u003A\u002F\u002Fwww.123drogisterij.nl\u002Fstatic\u002Fversion1790863840\u002Ffrontend\u002FCareland\u002F123d\u002Fnl_NL\u002FHyva_PageBuilder\u002Fjs\u002Fjarallax.min.js'; 10572 document.head.appendChild(jarallaxScript); 10573 } 10574 }); 10575 })(); 10576</script>
vendor: 1 bytes, line 10576
10576
10577<script defer> 10578 'use strict'; 10579 10580 (() => { 10581 const applyShowOnHover = (element) => { 10582 const showOverlayOnHover = (element) => { 10583 const overlay = element.querySelector('.pagebuilder-overlay'); 10584 const color = overlay.dataset.overlayColor; 10585 10586 element.addEventListener('mouseover', () => { 10587 overlay.style.backgroundColor = color; 10588 }); 10589 element.addEventListener('mouseout', () => { 10590 overlay.style.backgroundColor = 'transparent'; 10591 }); 10592 }; 10593 10594 const showButtonOnHover = (element) => { 10595 const button = element.querySelector('.pagebuilder-banner-button'); 10596 10597 element.addEventListener('mouseover', () => { 10598 button.style.opacity = '1'; 10599 button.style.visibility = 'visible'; 10600 }); 10601 element.addEventListener('mouseout', () => { 10602 button.style.opacity = '0'; 10603 button.style.visibility = 'hidden'; 10604 }); 10605 }; 10606 10607 if (element.dataset.showOverlay === 'hover') { 10608 showOverlayOnHover(element); 10609 } 10610 if (element.dataset.showButton === 'hover') { 10611 showButtonOnHover(element); 10612 } 10613 }; 10614 10615 window.addEventListener('DOMContentLoaded', () => { 10616 document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => { 10617 applyShowOnHover(element); 10618 }); 10619 }); 10620 })(); 10621</script>
vendor: 1 bytes, line 10621
10621
10622<script defer> 10623 'use strict'; 10624 10625 (() => { 10626 document.querySelectorAll('[data-content-type="tab-item"]').forEach(tabItem => { 10627 tabItem.setAttribute('x-show', `tab === '${tabItem.id}'`); 10628 }); 10629 10630 document.querySelectorAll('[data-content-type="tabs"]').forEach(tab => { 10631 const defaultActiveTab = parseInt(tab.dataset.activeTab) || 0; 10632 10633 tab.querySelectorAll('.tab-header').forEach((tabHeader, index) => { 10634 const tabLink = tabHeader.querySelector('a'); 10635 const tabId = tabLink.getAttribute('href').replace('#', ''); 10636 10637 tabHeader.setAttribute(':class', `{ 'active': tab === '${tabId}' }`); 10638 tabLink.setAttribute('x-on:click.prevent', `tab = '${tabId}'`); 10639 10640 if (index === defaultActiveTab) { 10641 tab.setAttribute('x-data', `{ tab: '${tabId}' }`); 10642 } 10643 }); 10644 }); 10645 })(); 10646</script>
vendor: 1 bytes, line 10646
10646
10647<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.123drogisterij.nl\/","name":"123Drogisterij"}</script>
10647<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/www.123drogisterij.nl\/","name":"123Drogisterij","logo":"https:\/\/www.123drogisterij.nl\/media\/logo\/stores\/2\/logo.jpg","description":"Op zoek naar incontinentiemateriaal en bestelt u het liever online? U kunt gemakkelijk op 123drogisterij.nl uw producten bestellen. 123 drogisterij is de specialist in incontinentiemateriaal en verstuurt uw bestelling snel en discreet. Incontinentie kan een lastig probleem zijn en kan veel hinder geven. Met ons assortiment aan betrouwbare producten van hoge kwaliteit kunt u altijd rekenen op het meeste comfort.","address":{"addressCountry":"NL","@type":"PostalAddress"}}</script>
10647<script type="text/json" id="default-section-data"> 10648 {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"BE":{"name":"Belgi\u00eb","regions":{"609":{"code":"VAN","name":"Antwerpen"},"610":{"code":"WBR","name":"Brabant wallon"},"611":{"code":"BRU","name":"Brussels-Capital Region"},"612":{"code":"WHT","name":"Hainaut"},"614":{"code":"WLG","name":"Li\u00e8ge"},"613":{"code":"VLI","name":"Limburg"},"615":{"code":"WLX","name":"Luxembourg"},"616":{"code":"WNA","name":"Namur"},"617":{"code":"VOV","name":"Oost-Vlaanderen"},"618":{"code":"VBR","name":"Vlaams-Brabant"},"619":{"code":"VWV","name":"West-Vlaanderen"}}},"DE":{"name":"Duitsland","regions":{"80":{"code":"BAW","name":"Baden-W\u00fcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00fcringen"}}},"FR":{"name":"Frankrijk","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"},"185":{"code":"4","name":"Alpes-de-Haute-Provence"},"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00e8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00e8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00e8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00e8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"}
10648,"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"NL":{"name":"Nederland"},"data_id":1791164989},"instant-purchase":[],"persistent":[],"review":[],"captcha":[],"wishlist":{"items":[]},"multisafepay-payment-request":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[]}</script>
10648 10649</div></body> 10650</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.