1<!doctype html> 2<html lang="nl"> 3 <head > 4 <style>.async-hide { opacity: 0 !important} </style>
4<script nodefer>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;})(window,document.documentElement,'async-hide','dataLayer',2000,{'GTM-PLMB85':true});</script>
4 5 <link rel="apple-touch-icon" sizes="180x180" href="/media/app-icons/apple-touch-icon.png"> 6 <link rel="icon" type="image/png" sizes="32x32" href="/media/app-icons/favicon-32x32.png"> 7 <link rel="icon" type="image/png" sizes="192x192" href="/media/app-icons/android-chrome-192x192.png"> 8 <link rel="icon" type="image/png" sizes="228x228" href="/media/app-icons/favicon-228x228.png"> 9 <link rel="icon" type="image/png" sizes="16x16" href="/media/app-icons/favicon-16x16.png"> 10 <link rel="manifest" href="/manifest.json"> 11 <link rel="mask-icon" href="/media/app-icons/safari-pinned-tab.png" color="#ffc42c"> 12 <link rel="shortcut icon" href="/media/app-icons/favicon.ico"> 13 <meta name="apple-mobile-web-app-title" content="PerfectDraft"> 14 <meta name="application-name" content="PerfectDraft"> 15 <meta name="msapplication-TileColor" content="#ffc42c"> 16 <meta name="msapplication-TileImage" content="/media/app-icons/mstile-144x144.png"> 17 <meta name="msapplication-config" content="/browserconfig.xml"> 18 <meta name="theme-color" content="#ffc42c"> 19 20 <meta charset="utf-8"/>
20<script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={licenseKey:"fc980aaa47",applicationID:"113622373",browserID:"115560448"};;/*! For license information please see nr-loader-rum-1.323.0.min.js.LICENSE.txt */ 21(()=>{var e={8122(e,t,r){"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),a=0===Object.keys(r).length?e:r;for(let s in a)if(void 0!==e[s])try{if(null===e[s]){r[s]=null;continue}Array.isArray(e[s])&&Array.isArray(t[s])?r[s]=Array.from(new Set([...e[s],...t[s]])):e[s]instanceof Map||e[s]instanceof Set||e[s]instanceof Date||e[s]instanceof RegExp?r[s]=e[s]:"object"==typeof e[s]&&null!==t[s]&&"object"==typeof t[s]?r[s]=i(e[s],t[s]):r[s]=e[s]}catch(e){r[s]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555(e,t,r){"use strict";r.d(t,{f:()=>s});var n=r(384),i=r(8122);const a={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function s(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}r.d(t,["D",0,e=>(0,i.a)(e,a)])},7699(e,t,r){"use strict";var n=r(860);const i={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0};r.d(t,["It",0,1e6,"KC",0,i,"qh",0,"SESSION_ERROR"])},9324(e,t,r){"use strict";r.d(t,["xv",0,"1.323.0"])},981(e,t,r){"use strict";r.d(t,["R",0,{AJAX:"AjaxRequest",PA:"PageAction",UA:"UserAction",BP:"BrowserPerformance",WS:"WebSocket",SPV:"SecurityPolicyViolation",JSE:"JavaScriptError",LOG:"Log",PVE:"PageView",PVT:"PageViewTiming",SR:"SessionReplay",ST:"SessionTrace",BI:"BrowserInteraction"}])},6154(e,t,r){"use strict";var n=r(1863);const i="undefined"!=typeof window&&!!window.document,a="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),s=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=Boolean("hidden"===s?.document?.visibilityState),c=""+s?.location,u=/iPad|iPhone|iPod/.test(s.navigator?.userAgent),d=u&&"undefined"==typeof SharedWorker,l=((()=>{const e=s.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);Array.isArray(e)&&e.length>=2&&e[1]})(),Date.now()-(0,n.t)());r.d(t,["OF",0,u,"RI",0,i,"WN",0,l,"bv",0,a,"gm",0,s,"m",0,c,"mw",0,o,"sb",0,d,"zk",0,()=>{const e=s?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<s.performance.now())return e}])},3241(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(6154);function i(e={}){try{n.gm.dispatchEvent(new CustomEvent("newrelic",{detail:e}))}catch(e){}}},1687(e,t,r){"use strict";r.d(t,{Ak:()=>o,Ze:()=>u,x3:()=>c});var n=r(3241),i=r(3606),a=r(860),s=r(2646);function o(e,t){if(!e)return;const r={staged:!1,priority:a.P3[t]||0};e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&d(e))}function u(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,d(e)}}function d(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const a=e.ee,o=i.i.handlers;if(a&&!a.aborted&&a.backlog&&o){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=a.backlog[t],r=o[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}
21).forEach(t=>{t[0]?.on&&t[0].context()instanceof s.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}a.isolatedBacklog||delete o[t],a.backlog[t]=null,a.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],a=e[2];n.apply(i,a)}})}},7836(e,t,r){"use strict";var n=r(384),i=r(8990),a=r(2646),s=r(5607);const o="nr@context:".concat(s.W),c=function e(t,r){var n={},s={},d={},l=!1;try{l=16===r.length&&u.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,a){!1!==a&&(a=!0);if(c.aborted&&!i)return;t&&a&&t.emit(e,r,n);var o=g(n);m(e).forEach(e=>{e.apply(o,r)});var u=v()[s[e]];u&&u.push([f,e,r,o]);return o},get:h,listeners:m,context:g,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{s[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[s[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function g(e){return e&&e instanceof a.y?e:e?(0,i.I)(e,o,()=>new a.y(o)):new a.y(o)}function p(e,t){n[e]=m(e).concat(t)}function m(e){return n[e]||[]}function h(t){return d[t]=d[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),u=(0,n.Zm)();u.ee||(u.ee=c),r.d(t,["P",0,o,"ee",0,c])},2646(e,t,r){"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908(e,t,r){"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,a){a?(a.buffer([e],i),a.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606(e,t,r){"use strict";r.d(t,{i:()=>a});var n=r(9908);a.on=s;var i=a.handlers={};function a(e,t,r,a){s(a||n.d,i,e,t,r)}function s(e,t,r,i,a){a||(a="feature"),e||(e=n.d);var s=t[a]=t[a]||{};(s[r]=s[r]||[]).push([e,i])}},3878(e,t,r){"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function a(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>a,jT:()=>n,sp:()=>i})},5607(e,t,r){"use strict";const n=(0,r(9566).bz)();r.d(t,["W",0,n])},9566(e,t,r){"use strict";r.d(t,{LA:()=>s,bz:()=>a});var n=r(6154);function i(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").map(e=>"x"===e?i(t,r++).toString(16):"y"===e?(3&i()|8).toString(16):e).join("")}function s(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,a=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const s=[];for(var o=0;o<e;o++)s.push(i(r,a++).toString(16));return s.join("")}},2614(e,t,r){"use strict";r.d(t,["BB",0,18e5,"Wt",0,"NRBA_SESSION::","iL",0,{SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},"tS",0,{STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},"wk",0,144e5])},1863(e,t,r){"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},944(e,t,r){"use strict";r.d(t,{R:()=>i});var n=r(3241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},8990(e,t,r){"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389(e,t,r){"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},1910(e,t,r){"use strict";r.d(t,{i:()=>a});var n=r(944);const i=new Map;function a(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),a=t.includes("nrWrapper");return r||a||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},5289(e,t,r){"use strict";r.d(t,{GG:()=>s,Qr:()=>c,sB:()=>o});var n=r(3878),i=r(6389);function a(){return"undefined"==typeof document||"complete"===document.readyState}function s(e,t){if(a())return e();const r=(0,i.J)(e),s=setInterval(()=>
21{a()&&(clearInterval(s),r())},500);(0,n.sp)("load",r,t)}function o(e){if(a())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(a())return e();(0,n.sp)("popstate",e)}},384(e,t,r){"use strict";r.d(t,{Zm:()=>c,bQ:()=>d,dV:()=>u,pV:()=>l});var n=r(6154),i=r(1863),a=r(944),s=r(1910);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function u(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,s.i)(...Object.values(e.o))),e}function d(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,a.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),u(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}r.d(t,["NT",0,o])},2843(e,t,r){"use strict";r.d(t,{G:()=>a,u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function a(e,t,r){(0,n.sp)("pagehide",e,t,r)}},9300(e,t,r){"use strict";r(860).K7.ajax;r.d(t,["mo",0,{NONE:"none",FAILURES:"failures",ALL:"all"}])},3969(e,t,r){"use strict";const n=r(860).K7.metrics;r.d(t,["TZ",0,n,"XG",0,"storeEventMetrics","xV",0,"storeSupportabilityMetrics"])},6630(e,t,r){"use strict";const n=r(860).K7.pageViewEvent;r.d(t,["T",0,n])},782(e,t,r){"use strict";const n=r(860).K7.pageViewTiming;r.d(t,["T",0,n])},4234(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(1687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},7767(e,t,r){"use strict";var n=r(6154);r.d(t,["V",0,e=>n.RI&&!0===e?.privacy.cookies_enabled])},8362(e,t,r){"use strict";r.d(t,{d:()=>a});var n=r(9566),i=r(1741);class a extends i.W{agentIdentifier=(0,n.LA)(16)}},1741(e,t,r){"use strict";r.d(t,{W:()=>a});var n=r(944),i=r(4261);class a{#e(e,...t){if(this[e]!==a.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e("log",e,t)}start(){return this.#e("start")}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},4261(e,t,r){"use strict";r.d(t,["BL",0,"finished","CH",0,"recordReplay","Dl",0,"setUserId","Fw",0,"setPageViewName","PA",0,"setCurrentRouteName","Pv",0,"consent","Tb",0,"pauseReplay","U2",0,"addToTrace","V1",0,"measure","Wb",0,"wrapLogger","bt",0,"setErrorHandler","cD",0,"setCustomAttribute","dT",0,"interaction","eY",0,"register","fF",0,"recordCustomEvent","hG",0,"addPageAction","k6",0,"addRelease","nb",0,"setApplicationVersion","o5",0,"noticeError"])},1738(e,t,r){"use strict";r.d(t,{U:()=>l,Y:()=>d});var n=r(3241),i=r(9908),a=r(1863),s=r(944),o=r(3969),c=r(8362),u=r(860);function d(e,t,r,a){const d=a||r;!d||d[e]&&d[e]!==c.d.prototype[e]||(d[e]=function(){(0,i.p)(o.xV,["API/"+e+"/called"],void 0,u.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:"api-"+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,s.R)(23,e)}})}function l(e,t,r,n,s){const o=e.info;null===r?delete o.jsAttributes[t]:o.jsAttributes[t]=r,(s||null===r)&&(0,i.p)("api-"+n,[(0,a.t)(),t,r],void 0,"session",e.ee)}},8374(e,t,r){r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860(e,t,r){"use strict";const n="events",i="jserrors",a="browser/blobs",s="browser/logs",o={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},c={[o.pageViewEvent]:1,[o.pageViewTiming]:2,[o.metrics]:3,[o.jserrors]:4,[o.softNav]:5,[o.ajax]:6,[o.sessionTrace]:7,[o.sessionReplay]:8,[o.logging]:9,[o.genericEvents]:10},u={[o.pageViewEvent]:"rum",[o.pageViewTiming]:n,[o.ajax]:n,[o.softNav]:n,[o.metrics]:i,[o.jserrors]:i,[o.sessionTrace]:a,[o.sessionReplay]:a,[o.logging]:s,[o.genericEvents]:"ins"};r.d(t,["$J",0,u,"K7",0,o,"P3",0,c,"XX",0,i,"Yy",0,s,"df",0,a,"hg",0,"connect"])}};const t={};function r(n){const i=t[n];if(void 0!==i)return i.exports;const a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}r.m=e,r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],a=t[n++];r.o(e,i)?0===a&&n++:0===a?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:a})}else for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>"nr-rum-1.323.0.min.js",r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e={},t="NRBA-1.323.0.PROD:";r.l=(n,i,a,s)=>{if(e[n])return void e[n].push(i);let o,c;if(void 0!==a){const e=document.getElementsByTagName("script");for(var u=0;u<e.length;u++){const r=e[u];if(r.getAttribute("src")==n||r.getAttribute("data-webpack")==t+a){o=r;break}}}if(!o){c=!0;var d={296:"sha512-zhTI1o3vPu0UcYWUELiLeb9P46+LBW0K7R4KO/PafMc68L5tJ2mSHyvZtcNeG9Cw/PTZstuo62K1wwaoAsHdXQ=="};o=document.createElement("script"),o.charset="utf-8",r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",t+a),o.src=n,0!==o.src.indexOf(window.location.origin+"/")&&(o.crossOrigin="anonymous"),d[s]&&(o.integrity=d[s])}e[n]=[i];const l=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);const i=e[n];
21if(delete e[n],o.parentNode?.removeChild(o),i?.forEach(e=>e(r)),t)return t(r)},f=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),c&&document.head.appendChild(o)}})(),r.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="https://js-agent.newrelic.com/",(()=>{const e={374:0,840:0};r.f.j=(t,n)=>{let i=r.o(e,t)?e[t]:void 0;if(0!==i)if(i)n.push(i[2]);else{const a=new Promise((r,n)=>i=e[t]=[r,n]);n.push(i[2]=a);const s=r.p+r.u(t),o=new Error,c=n=>{if(r.o(e,t)&&(i=e[t],0!==i&&(e[t]=void 0),i)){const e=n&&("load"===n.type?"missing":n.type),r=n&&n.target&&n.target.src;o.message="Loading chunk "+t+" failed: ("+e+": "+r+")",o.name="ChunkLoadError",o.type=e,o.request=r,i[1](o)}};r.l(s,c,"chunk-"+t,t)}};const t=(t,n)=>{let[i,a,s]=n;var o,c,u=0;if(i.some(t=>0!==e[t])){for(o in a)r.o(a,o)&&(r.m[o]=a[o]);if(s)s(r)}for(t&&t(n);u<i.length;u++)c=i[u],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0},n=self["webpackChunk:NRBA-1.323.0.PROD"]=self["webpackChunk:NRBA-1.323.0.PROD"]||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";r(8374);var e=r(8362),t=r(860);const n=Object.values(t.K7);var i=r(384),a=r(1741);var s=r(2555),o=r(981);t.K7.genericEvents,o.R.PA,o.R.UA,o.R.BP;const c={RESOURCES:"experimental.resources",REGISTER:"register"};var u=r(9300);const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var l=r(2614),f=r(944),g=r(8122);const p="[data-nr-mask]",m=e=>(0,g.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1,iframe_bridge:!1,iframe_domains:[]},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0,capture_payloads:u.mo.NONE},api:{register:{get enabled(){return e.feature_flags.includes(c.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1,get allow_iframe_bridge(){return e.feature_flags.includes(c.IFRAME_BRIDGE)||e.experimental.iframe_bridge},set allow_iframe_bridge(t){e.experimental.iframe_bridge=t},get iframe_domains(){return e.experimental.iframe_domains},set iframe_domains(t){Array.isArray(t)?e.experimental.iframe_domains=t:(0,f.R)(1,t)}}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(c.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:l.wk,inactiveMs:l.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector="".concat(t,",").concat(p):""===t||null===t?e.mask_selector=p:(0,f.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=",".concat(t):""!==t&&(0,f.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,f.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]},web_sockets:{enabled:!1}}})());var h=r(6154),v=r(9324);let b=0;const y={buildEnv:"PROD",distMethod:"CDN",version:v.xv,originTime:h.WN},_={consented:!1},w={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||_.consented},set consented(e){_.consented=e}
21,customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,connector:void 0,harvester:void 0,v2Target:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++b},listeningForIframeMessages:!1},R="BA";var A=r(7836),x=r(3241);const E={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};var S=r(9908);const k="newrelic-iframe-";function T(e,t={},n,o){let{init:c,info:u,loader_config:d,runtime:l={},exposed:f=!0}=t;if(!u){const e=(0,i.pV)();c=e.init,u=e.info,d=e.loader_config}var p;e.init=m(c||{}),e.loader_config=(p=d||{},(0,g.a)(p,E)),u.jsAttributes??={},h.bv&&(u.jsAttributes.isWorker=!0),e.info=(0,s.D)(u);const v=e.init;e.runtime??=(e=>{const t=(0,g.a)(e,w),r=Object.keys(y).reduce((e,t)=>(e[t]={value:y[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),e.runtime.v2Target??={type:R,instance:e.agentIdentifier,get id(){return e.runtime.appMetadata?.agents?.[0]?.entityGuid},get attributes(){return{"entity.guid":this.id,appId:e.info.applicationID}}},v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e})(v.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,i.pV)();Object.getOwnPropertyNames(a.W.prototype).forEach(r=>{const n=a.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=n,e.ee=A.ee.get(e.agentIdentifier),e.exposed=f,(0,x.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.init.api.register.allow_iframe_bridge&&h.gm.addEventListener("message",t=>{"string"==typeof t.data?.type&&t.data.type.startsWith(k)&&(0,S.p)("iframe-message",[t],void 0,"IFRAME",e.ee)}),e.runtime.configured=!0)}var j=r(1863),P=r(4261),N=r(1738);
21var O=r(1687),M=r(4234),I=r(5289),D=r(7767);function V(e){return!!(0,i.dV)().o.MO&&(0,D.V)(e)&&!0===e?.session_trace.enabled}var W=r(6389),B=r(7699);const C=new WeakSet,K=new WeakMap;class U extends M.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,W.J)(()=>{(0,O.Ak)(e,this.featureName),t()}))}):(0,O.Ak)(e,t)}importAggregator(e,t,n={}){if(this.featAggregate)return;const i=async()=>{if(await this.deferred,this.#t(e),!(0,s.f)(e.info))return(0,f.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);try{await async function(e,t,n){if(K.has(e))return K.get(e);const i=(async()=>{if((0,D.V)(e.init))try{const{setupAgentSession:t}=await r.e(296).then(r.bind(r,1768));t(e)}catch(e){(0,f.R)(20,e),t.emit("internal-error",[e]),(0,S.p)(B.qh,[e],void 0,n,t)}if(e.init.api.register.allow_iframe_bridge)try{const{setupIframeMFEMessageListener:t}=await Promise.resolve().then(function(){const e=new Error("Cannot find module '../../loaders/configure/iframe-message-handler'");throw e.code="MODULE_NOT_FOUND",e});t(e)}catch(e){(0,f.R)(23,e)}const[{Connector:i},{Harvester:a}]=await Promise.all([r.e(296).then(r.bind(r,6589)),r.e(296).then(r.bind(r,5237))]);e.runtime.connector=new i(e),e.runtime.harvester=new a(e);const s=Object.values(e.features).filter(t=>e.runtime.drainRegistry.has(t.featureName));Promise.all(s.map(e=>e.onAggregateImported)).then(()=>e.runtime.harvester.startTimer())})();K.set(e,i),await i}(e,this.ee,this.featureName)}catch(e){return(0,f.R)(79,e),this.ee.abort(),void this.loadedSuccessfully(!1)}try{if(!this.#r(this.featureName,e.runtime.session,e.init))return this.abortHandler?.(),(0,O.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:r}=await t();this.featAggregate=new r(e,n),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,f.R)(34,e),this.abortHandler?.(),(0,O.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1)}};h.RI?(0,I.GG)(()=>i(),!0):i()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return V(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!C.has(e)&&(C.add(e),!(0,s.f)(e.info))){const t=(0,i.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}T(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var L=r(6630);class F extends U{static featureName=L.T;constructor(e){var t;super(e,L.T),this.setupInspectionEvents(),t=e,(0,N.Y)(P.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,S.p)("api-"+P.Fw,[(0,j.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>e.init.feature_flags.includes("rum_v2")?r.e(296).then(r.bind(r,908)):r.e(296).then(r.bind(r,7927)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,x.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,I.sB)(t=>{e(t,"DOMContentLoaded")}),(0,I.GG)(t=>{e(t,"load")}),(0,I.Qr)(t=>{e(t,"navigate")}),this.ee.on(l.tS.UPDATE,(e,t)=>{(0,x.W)({type:"lifecycle",name:"session",data:t})})}}class G extends e.d{constructor(e){var t;(super(),h.gm)?(this.features={},(0,i.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(F),T(this,e,e.loaderType||"agent"),t=this,(0,N.Y)(P.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,N.U)(t,e,r,P.cD,n);(0,f.R)(40,typeof r)}else(0,f.R)(39,typeof e)},t),function(e){(0,N.Y)(P.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,f.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,S.p)("api-setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,N.U)(e,"enduser.id",t,P.Dl,!0)},e)}(this),function(e){(0,N.Y)(P.nb,function(t){if("string"==typeof t||null===t)return(0,N.U)(e,"application.version",t,P.nb,!1);(0,f.R)(42,typeof t)},e)}(this),function(e){(0,N.Y)("start",function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,N.Y)(P.Pv,function(t=!0){if("boolean"==typeof t){if((0,S.p)("api-"+P.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum?.()})}}else(0,f.R)(65,typeof t)},e)}(this),this.run()):(0,f.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};
21return n.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),r=[...this.desiredFeatures],i=this.init.feature_flags.includes("rum_v2");r.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),r.forEach(r=>{if(!e[r.featureName]&&(i||r.featureName!==t.K7.pageViewEvent))return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,f.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,f.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,i.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var H=r(2843),z=r(782);class Y extends U{static featureName=z.T;constructor(e){super(e,z.T),h.RI&&((0,H.u)(()=>(0,S.p)("docHidden",[(0,j.t)()],void 0,z.T,this.ee),!0),(0,H.G)(()=>(0,S.p)("winPagehide",[(0,j.t)()],void 0,z.T,this.ee)),this.importAggregator(e,()=>r.e(296).then(r.bind(r,9981))))}}var Z=r(3969);class q extends U{static featureName=Z.TZ;constructor(e){super(e,Z.TZ),this.importAggregator(e,()=>r.e(296).then(r.bind(r,9623)))}}new G({features:[F,Y,q],loaderType:"lite"})})()})();</script>
21 22<meta name="title" content="Koop biervaten & machines online"/> 23<meta name="description" content="Bij PerfectDraft draait alles om het vinden van nieuw en interessant bier | Op voorraad, snelle levering | Gratis verzending bij bestellingen boven 50 â¬"/> 24<meta name="robots" content="INDEX,FOLLOW"/> 25<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> 26<meta name="format-detection" content="telephone=no"/> 27<title>Koop biervaten & machines online</title> 28<link rel="stylesheet" type="text/css" media="print" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/print.css" /> 29<link rel="stylesheet" type="text/css" media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/third-party/smartbanner.css" /> 30<link rel="stylesheet" type="text/css" media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/jquery/uppy/dist/uppy-custom.css" /> 31<link rel="stylesheet" type="text/css" media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Clearpay_Clearpay/css/clearpay-express-checkout.css" /> 32<link rel="stylesheet" type="text/css" media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/FLOA_Payment/css/floa.css" /> 33<link rel="stylesheet" type="text/css" media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Algolia_AlgoliaSearch/css/recommend.css" /> 34<link rel="stylesheet" type="text/css" media="all" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Magefan_Blog/css/blog-new.css" /> 35<link rel="stylesheet" type="text/css" rel="stylesheet" type="text/css" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/bss-label-text.css" /> 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/DM_Sans/DMSans-Regular.ttf" /> 54<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Open_Sans/open-sans-v18-latin-700.woff" /> 55<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff" /> 56<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-light-300.woff" /> 57<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-regular-400.woff" /> 58<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-solid-900.woff" /> 59<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Montserrat/montserrat-v15-latin-900.woff2" /> 60<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Open_Sans/open-sans-v18-latin-regular.woff2" /> 61<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Open_Sans/open-sans-v18-latin-700.woff2" /> 62<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2" /> 63<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-light-300.woff2" /> 64<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-regular-400.woff2" /> 65<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/webfonts/fa-solid-900.woff2" /> 66<link rel="icon" type="image/x-icon" href="https://jtdtcwvg.tinifycdn.com/media/favicon/stores/29/favicon.png" /> 67<link rel="shortcut icon" type="image/x-icon" href="https://jtdtcwvg.tinifycdn.com/media/favicon/stores/29/favicon.png" /> 68<!-- OneTrust Cookies Consent Notice start for www.perfectdraft.com/nl-be/ --> 69 70 71<!-- OneTrust Cookies Consent Notice end for www.perfectdraft.com/nl-be/ --> 72 73<style> 74 75/* Temp hide non-DY swatches PDP x */ 76.catalog-product-view .pd-pdp .product-cta-container .product-swatches{display:none !important;} 77 78/* TEMP: Hide star-ratings on PLP */ 79.result-content .result-sub-content .ratings{display:none;}@media (min-width: 768px){.result-content .result-title{height:42px;}.result-content .result-sub-content{height:215px;justify-content:flex-end;}} 80/* END: Hide star-ratings on PLP */ 81 82/* Temp webiew H1 fix */ 83.webview .page-title-wrapper.make__grid{display: none;} 84/* END: webiew H1 fix */ 85 86/* Temp Fix wallet flow */ 87@media (max-width:425px){.account .my-beer-tokens .beer-tokens-card-holder .beer-tokens-card .store-credit--amounts {flex-direction:column;}.account .my-beer-tokens .beer-tokens-card-holder .beer-tokens-card .store-credit--amounts .points-title {margin-left:unset; border-left:unset; padding-left:unset;}} 88/* END: Fix wallet flow */ 89 90/* Temp Hide 'Add New Card' */ 91li.nav.item.payment-card-icon{display:none;} 92/* END: Hide 'Add New Card' */ 93 94/* Temp: reposition OT button */ 95@media (max-width: 991px) { 96 .checkout-cart-index #ot-sdk-btn-floating.ot-floating-button{bottom:92px!important;} 97 .catalog-product-view #ot-sdk-btn-floating.ot-floating-button{bottom:136px!important;} 98} 99/* END: reposition OT button */ 100 101/* Temp: Fix capitalised meni items in My Account*/ 102.account .nav.items.single li a, .account .nav.items.single li strong { 103 text-transform: none; 104} 105 106/* Temp: Hide reward notification UI */ 107.account.magento_reward-customer-info .reward-settings-container{display:none;} 108/* END: Hide reward notification UI */ 109 110/* START: Temp - Hide Ratings PLP / PDP */ 111.catalog-category-view .result-content .result-name-and-rating-container .ratings {display:none;} 112.catalog-product-view .pd-pdp-reviews-summary {display:none !important;} 113.catalogsearch-result-index .product-reviews-summary .rating-summary {display:none !important;} 114/* END: Temp - Hide Ratings PLP / PDP */ 115 116</style> 117 118 119 120 121 122<!-- Global tracking for CMS/landing pages --> 123 124<!-- Global tracking for CMS/landing pages --> 125 126<!-- Temp: fix Help link in mobile nav --> 127 128<!-- Temp: fix Help link in mobile nav --> 129 130<!-- Temp: isWebview Check --> 131 132<!-- Temp: isWebview Check --> 133 134<!-- Temp: hide payment method --> 135<style> 136 .is-webview #qa--payment-method--bancontact,
137 .is-webview .checkout-index-index #app .payment-tab .payment-method-list .payment-btn-group #qa--payment-method--bancontact { 138 display: none !important; 139 } 140</style> 141<!-- Temp: hide payment method --> 142 <link rel="canonical" href="https://www.perfectdraft.com/nl-be/" /> 143<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/bhstyles.css" media="print" onload="this.media='all'"> 144<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/fonts/fa/css/all.min.css" media="print" onload="this.media='all'"> 145<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/widgets.css" media="print" onload="this.media='all'"> 146<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/mage/calendar.css" media="print" onload="this.media='all'"> 147 148 <!-- Start SmartBanner configuration --> 149 <meta name="smartbanner:title" content="PerfectDraft" /> 150 <meta name="smartbanner:author" content="AB InBev" /> 151 <meta name="smartbanner:price" content="GRATIS" /> 152 <meta name="smartbanner:price-suffix-apple" content=" in de App Store" /> 153 <meta name="smartbanner:price-suffix-google" content=" in Google Play" /> 154 <meta name="smartbanner:icon-apple" content="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/app.png" /> 155 <meta name="smartbanner:icon-google" content="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/app.png" /> 156 <meta name="smartbanner:button" content="DISPLAY" /> 157 <meta name="smartbanner:button-url-apple" content="https://apps.apple.com/app/apple-store/id1578658955?pt=123345657&ct=Website_Banner&mt=8" /> 158 <meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=com.perfectdraft&hl=en_GB&gl=GB&pli=1" /> 159 <meta name="smartbanner:enabled-platforms" content="android,ios" /> 160 <meta name="smartbanner:close-label" content="Dichtbij" /> 161 <meta name="smartbanner:exclude-user-agent-regex" content="PerfectDraftApp"> 162 <!-- End SmartBanner configuration --> 163 164 165 166 167<!-- Google Tag Manager -->
168<script nodefer>
vendor: 331 bytes, lines 168-172
168(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 169new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 170j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 171'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 172})(window,document,'script','dataLayer','
172GTM-MMD3JDC
vendor: 3 bytes, line 172
172');
172</script>
172 173<!-- End Google Tag Manager --> 174 175 <!-- lazy sizes configuration --> 176 177 178 179 180 181<meta property="og:type" content="website"/> 182<meta property="og:title" content="Koop biervaten & machines online"/> 183<meta property="og:description" content="Bij PerfectDraft draait alles om het vinden van nieuw en interessant bier | Op voorraad, snelle levering | Gratis verzending bij bestellingen boven 50 €"/> 184<meta property="og:url" content="https://www.perfectdraft.com/nl-be"/> 185<meta property="og:site_name" content="PerfectDraft Europe"/> 186<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/css/blocks/cms/homepage.css" media="all"> 187 188 <link rel="preconnect" href="//cdn-eu.dynamicyield.com"> 189 <link rel="preconnect" href="//st-eu.dynamicyield.com"> 190 <link rel="preconnect" href="//rcom-eu.dynamicyield.com"> 191 <link rel="dns-prefetch" href="//cdn-eu.dynamicyield.com"> 192 <link rel="dns-prefetch" href="//st-eu.dynamicyield.com"> 193 <link rel="dns-prefetch" href="//rcom-eu.dynamicyield.com"> 194
194<script nodefer type="text/javascript"> 195 window.dyReady = false; 196 window.dyConsent = false; 197 198 document.addEventListener('DOMContentLoaded', function() { 199 !window.dyReady && (window.dyReadyChecker = setInterval(() => { 200 if (window.DY) { 201 202 // DY Ready 203 const dyReady = new Event('dyReady'); 204 window.dyReady = true; 205 document.dispatchEvent(dyReady); 206 207 // DY Page Context 208 const pageTypes = [ 209 'cms-homepage', 210 'catalog-category-view', 211 'catalogsearch-result-index', 212 'catalog-product-view', 213 'checkout-cart-index', 214 'checkout-index-index', 215 'account' 216 ]; 217 218 if (!pageTypes.find(type => Array.from(document.body.classList).includes(type))) { 219 DY.recommendationContext = { 220 type: 'OTHER', 221 lng: 'nl_BE', 222 data: [Array.from(document.body.classList)[0]] 223 }; 224 } 225 226 // DY Cognito ID 227 const DYAppLoadedEventListener = (e) => { 228 const customerData = bhApp.getData('customer'), 229 customerCUID = customerData.cuid; 230 231 if (customerData.isLoggedIn) { 232 if (window.dataLayer.some((data) => typeof data.cognito_id === 'string')) return; 233 window.dataLayer.push({'cognito_id': customerCUID}); 234 } 235 } 236 237 document.querySelector('body').addEventListener( 238 'bhAppLoaded', 239 DYAppLoadedEventListener, 240 false 241 ); 242 243 // DY Consent 244 window.DY.userActiveConsent = { accepted: false }; 245 246 window.checkOneTrustConsent = () => { 247 const cookieKeyValuePairs = document.cookie.split(';').map(str => { 248 var prop = str.split('='); 249 if (prop.length == 2) return prop; 250 if (prop.length > 2) { 251 return [prop[0], prop.slice(1).join('=')]; 252 } 253 }); 254 255 const cookie = Object.assign({}, ...cookieKeyValuePairs.map(pair => pair.length == 2 && ({ [pair[0].trim()]: pair[1].trim() }))); 256 257 if (cookie.OptanonConsent) { 258 const consentGroups = decodeURIComponent(cookie.OptanonConsent).split('&').find(val => val.includes('groups=')); 259 if (typeof consentGroups === 'string' && consentGroups.includes('4:1')) { 260 window.DY.userActiveConsent = { accepted: true }; 261 window.DYO && DYO.ActiveConsent.updateConsentAcceptedStatus(true); 262 263 const dyConsent = new Event('dyConsent'); 264 window.dyConsent = true; 265 document.dispatchEvent(dyConsent); 266 267 return true; 268 } else { 269 return false; 270 } 271 } else { 272 return false; 273 } 274 }; 275 276 window.checkOneTrustConsent(); 277 !window.dyConsent && (window.dyConsentChecker = setInterval(() => { 278 window.checkOneTrustConsent() && clearInterval(window.dyConsentChecker); 279 }, 100)); 280 281 clearInterval(window.dyReadyChecker); 282 } 283 }, 100)); 284 }); 285 286 </script>
286 287
287<script nodefer type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9881177/api_dynamic.js"></script>
287 288
288<script nodefer type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9881177/api_static.js"></script>
288 289
289<script nodefer type="text/javascript"> 290 const dyHomepage = () => { 291 DY.recommendationContext = { 292 type: 'HOMEPAGE', 293 lng: 'nl_BE' 294 } 295 }; 296 window.dyReady ? dyHomepage() : document.addEventListener('dyReady', dyHomepage); 297 </script>
297 298 </head> 299 <body data-container="body" data-mage-init='{"loaderAjax": {}, "loader": { "icon": "https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/loader-2.gif"}}' id="html-body" class="cms-homepage cms-index-index page-layout-1column"> 300 301 302 303 304 305<div class="cookie-status-message" id="cookie-status"> 306 The store will not work correctly when cookies are disabled.</div> 307 308 309 310 311 <noscript> 312 <div class="message global noscript"> 313 <div class="content"> 314 <p> 315 <strong>Het lijkt erop dat JavaScript is uitgeschakeld in uw browser.</strong> 316 <span> 317 Voor de beste ervaring op onze site, zorg ervoor dat u Javascript in uw browser inschakelt. </span> 318 </p> 319 </div> 320 </div> 321 </noscript> 322 323<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 323-324
323 324<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
324GTM-MMD3JDC
vendor: 85 bytes, lines 324-325
324" 325height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
326<!-- End Google Tag Manager (noscript) --> 327 328<div class="page-wrapper"><div class="toast-container swipe-container"> 329 <div 330 id="toast" 331 class="swipe-content" 332 role="status" 333 aria-live="polite" 334 aria-atomic="true" 335 ></div> 336</div> 337 338<!-- The "toastConfig" object is passed to app/design/frontend/BeerHawk/perfectdraft/Magento_Theme/web/js/toast.js --> 339 340<header class="page-header"><div id="skipToContent" class="skip-to-content" > 341 <a class="skip-link" href='#contentarea'>Doorgaan naar artikel</a> 342 <a class="skip-link" href='#footerwrapper'>Ga naar voettekst</a> 343</div> 344<div class="header-wrapper__fw make__fw"> 345 346 347 348<div class="usp-wrapper__fw make__fw"><div id="js-uspbar" class="usp-wrapper make__grid"><a class="usp__item usp__item-left" href="https://www.perfectdraft.com/nl-be/acties-voorwaarden" target="_blank" rel="noopener noreferrer"> Gratis levering bij aankopen van â¬100 of meer! <span style="text-decoration: underline;">Voorwaarden</span> 349</a> 350 351<a class="usp__item usp__item-left" title="Multibuy" href="https://www.perfectdraft.com/nl-be/biervat"> 352<div class="usp__large" style="white-space: nowrap;">Profiteer van -10% vanaf 3 vaten </div> 353</a> 354 355<a class="usp__item usp__item-right" title="Ze zijn dol op ons!" href="https://www.ekomi.nl/klantenmeningen-perfectdraft-be.html" target="_blank" rel="noopener noreferrer"> 356<div class="usp__small">Bierliefhebbers zijn dol op ons</div> 357<div class="stars"> 358 <img class="lazyload" alt="Star Rating" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/star-rating.svg"> <span>4.6/5</span> 359</div> 360</a> 361</div></div><div class="header-wrapper"><div class="header-wrapper__main make__grid"><button 362 id="mobile-burger-menu" 363 class="nav-icon__wrapper" 364 aria-label="Toggle main menu" 365 aria-expanded="false" 366 onClick=" 367 if (this.ariaExpanded === 'false') { 368 this.setAttribute('aria-expanded', true); 369 setTimeout(() => document.getElementById('main-menu').focus(), 100); 370 document.getElementById('mobile-header-search-icon').tabIndex = '-1'; 371 } else { 372 this.setAttribute('aria-expanded', false); 373 this.focus(); 374 document.getElementById('mobile-header-search-icon').tabIndex = '0'; 375 } 376 " 377> 378 <div id="nav-icon"> 379 <span></span> 380 <span></span> 381 <span></span> 382 <span></span> 383 </div> 384</button> 385 <div class="searchbar"> 386 <button 387 tabindex="0" 388 type="button" 389 aria-label="mobile search toggle" 390 aria-expanded="false" 391 id="mobile-header-search-icon" 392 class="mobile-search-toggle" 393 data-role="minisearch-label" 394 > 395 <img src="https://d30lee2gy4gtgb.cloudfront.net/static/version0.0.0.661/frontend/BeerHawk/perfectdraft/en_GB/images/icons/icon-search-2.svg" height="32" width="32" title="Open search" aria-hidden="true"> 396 </button> 397 <div id="algoliaAutocomplete" class="block block-search algolia-search-block algolia-search-input"> 398 <div id="aa-Panel-container"></div> 399 </div> 400 </div> 401 <strong class="logo"> 402 <img class="lazyload desktop-logo" 403 data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/logo.svg" 404 alt="PerfectDraft" 405 width="170" /> 406 </strong> 407 408<div class="account-menu__wrapper ajax-logged-in" data-logged-in="-1"> 409 <div class="account-menu__icon"> 410 <i class="fal fa-user"></i> 411 </div> 412 <div id="menu-account" class="account-menu__menu"> 413 <ul class="loading"> 414 <li class="loading-item"> 415 <span>Bezig met laden...</span> 416 </li> 417 </ul> 418 <ul class="logged-in-items"> 419 <li class="beer-tokens-menu-item"></li> 420 <li><a href="/customer/account" class="my-account-menu-item">Bekijk Mijn Account</a></li> 421 <li><a href="/keg/returns/hub" class="krh-menu-item">Retour lege vaten 422</a></li> 423 <li><a href="https://support.beerhawk.co.uk/support/tickets/new" class="customer-service-menu-item" target="bh_freshdesk" rel="nofollow">Klantenservice</a></li> 424 <li><a href="/contact" class="contact-us-menu-item">Neem contact met ons op</a></li> 425 <li>
425<a href="/customer/account/logout" class="logout-menu-item">Afmelden</a></li> 426 </ul> 427 <ul class="logged-out-items"> 428 <li class="beer-tokens-menu-item"></li> 429 <li><a href="/customer/account/login" rel="nofollow" class="authLink">Inloggen</a></li> 430 <li><a href="https://support.beerhawk.co.uk/support/tickets/new" class="customer-service-menu-item" target="bh_freshdesk" rel="nofollow">Klantenservice</a></li> 431 <li><a href="/contact" class="contact-us-menu-item">Neem contact met ons op</a></li> 432 </ul> 433 </div> 434</div> 435 436<div class="logo-mobile"> 437 <a href="https://www.perfectdraft.com/nl-be/" onClick="window.dataLayer.push({'event': 'clickHeaderLogo'});"> 438 <svg width="138" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44.587 24.344h2.684a.159.159 0 0 0 .164-.164v-8.706h3.188a.159.159 0 0 0 .165-.165V12.92a.159.159 0 0 0-.165-.165H47.44c0-1.223.007-2.597 1.556-2.597.358 0 1.013.036 1.33.283 0 0 .225-.041.228-.043l.673-1.893c.037-.128.013-.2-.086-.289a4.805 4.805 0 0 0-2.658-.686c-2.571 0-4.061.824-4.061 5.042v.18H42.17a.16.16 0 0 0-.165.164v2.39a.16.16 0 0 0 .165.165h2.25v8.705a.16.16 0 0 0 .167.168ZM119.603 24.344h2.683a.16.16 0 0 0 .165-.164v-8.706h3.186a.159.159 0 0 0 .165-.165V12.92a.159.159 0 0 0-.165-.165h-3.181v-.193c0-1.696.217-2.404 1.557-2.404.358 0 1.011.036 1.327.283 0 0 .226-.04.229-.043l.673-1.893c.041-.128.013-.2-.086-.289a4.802 4.802 0 0 0-2.657-.686c-2.572 0-4.061.824-4.061 5.042v.18h-2.251c-.088-.008-.172.076-.166.164v2.39c-.006.089.078.172.166.165h2.251v8.705c-.01.09.075.176.165.168ZM106.369 20.846c0 3.224 2.582 3.703 4.115 3.703.669 0 2.309-.133 3.129-1.364l.279-.419.231 1.433a.308.308 0 0 0 .288.197h1.843a.16.16 0 0 0 .164-.166v-6.407c0-1.39-.318-3.275-1.839-4.353-1.521-1.078-3.947-1.286-5.938-.527l-.395.158c-.031.012-.328.134-.358.163-.106.062-.024.255.012.337l.743 1.827c.034.08.083.133.163.1a6.024 6.024 0 0 1 2.05-.425c1.762 0 2.505.767 2.505 2.566v.385c-.876-.63-1.866-.853-2.945-.853-1.503.002-4.047.475-4.047 3.645Zm5.058-1.497c.739.028 1.561.26 1.978.924v1.044c-.511.546-1.33.815-2.07.815-1.885 0-2.281-.83-2.281-1.528 0-.469.31-1.334 2.373-1.255ZM90.389 24.4c4.69 0 8.096-3.525 8.096-8.381s-3.48-8.501-8.096-8.501H84.05a.159.159 0 0 0-.166.166v16.55a.16.16 0 0 0 .166.166h6.339Zm-3.47-14.117h2.922c3.198 0 5.608 2.508 5.608 5.827 0 3.253-2.358 5.614-5.608 5.614H86.92v-11.44ZM21.646 13.078c-.025-3.216-2.122-5.553-4.983-5.553H9.958c-.088-.004-.165.077-.163.165l.132 16.448a.164.164 0 0 0 .168.167h2.684a.162.162 0 0 0 .163-.165l-.047-5.58h3.856c3.012.033 4.92-2.655 4.895-5.482Zm-8.767 2.708-.043-5.323h3.552c1.073 0 2.225.695 2.241 2.645 0 1.317-.726 2.697-2.2 2.678h-3.55ZM79.619 24.326c1.034 0 1.35 0 2.182-.284.064-.062.074-.159.058-.246l-.5-2.1c-.081-.103-.209-.095-.322-.06-.319.049-.641.07-.964.063-1.293 0-1.345-.86-1.345-2.979v-3.24h2.793a.159.159 0 0 0 .166-.165V12.92a.159.159 0 0 0-.166-.165h-2.793V7.677a.16.16 0 0 0-.165-.165H75.88a.159.159 0 0 0-.165.165v5.084h-1.498a.159.159 0 0 0-.164.164v2.39a.16.16 0 0 0 .165.165h1.497v3.904c-.005 4.104 1.555 4.942 3.904 4.942ZM132.665 24.326c1.034 0 1.352 0 2.182-.284.064-.062.074-.159.058-.246l-.499-2.1c-.086-.107-.203-.097-.323-.06-.319.049-.641.07-.964.063-1.293 0-1.345-.86-1.345-2.979v-3.24h2.794a.158.158 0 0 0 .165-.165V12.92a.158.158 0 0 0-.165-.165h-2.794V7.677a.159.159 0 0 0-.165-.165h-2.683a.158.158 0 0 0-.165.165v5.084h-1.498a.158.158 0 0 0-.164.164v2.39a.16.16 0 0 0 .164.165h1.498v3.904c-.005 4.104 1.556 4.942 3.904 4.942ZM135.686 9.507c-.002.019.015.037.034.034h.357c.018.002.036-.015.035-.034v-.47h.15l.234.47c.005.02.024.035.044.034h.345a.034.034 0 0 0 .033-.034L136.617 9a.53.53 0 0 0 .293-.479c0-.294-.127-.582-.653-.582h-.535c-.025 0-.034.01-.034.034l-.002 1.535Zm.795-1.012c0 .185-.229.142-.356.142v-.292c.131 0 .356-.04.356.15Z" fill="#000"/><path d="M134.821 8.785c0 .868.826 1.543 1.668 1.374a1.425 1.425 0 0 0 1.095-1.103c.167-.851-.513-1.674-1.372-1.671-.757 0-1.393.651-1.391 1.4Zm1.389-1.137c.696-.002 1.249.664 1.114 1.354-.087.441-.448.806-.887.895-.682.138-1.353-.408-1.354-1.112a1.184 1.184 0 0 1 1.127-1.137ZM34.085 12.759a.159.159 0 0 0-.165.165v11.252a.159.159 0 0 0 .165.165h2.684a.159.159 0 0 0 .164-.165v-5.77c0-1.185.285-2.778 2.754-2.917l.907-.011a.159.159 0 0 0 .164-.165V12.92a.159.159 0 0 0-.164-.165l-.895.011c-1.416.08-2.496.762-3.512 1.703l-.245-1.51c-.073-.179-.145-.2-.229-.2h-1.628ZM99.903
43812.759a.159.159 0 0 0-.164.165v11.252a.159.159 0 0 0 .164.165h2.684a.158.158 0 0 0 .164-.165v-5.77c0-1.185.285-2.778 2.754-2.917l.907-.011a.158.158 0 0 0 .164-.165V12.92a.158.158 0 0 0-.164-.165l-.895.011c-.923.052-1.968.267-3.249 1.458l-.263.245-.245-1.513c-.073-.18-.145-.2-.229-.2l-1.628.003ZM62.002 18.544c-.133-3.559-2.235-5.796-5.475-5.766-3.24.031-5.458 2.608-5.458 5.86 0 3.25 2.388 5.708 5.766 5.731 1.835.011 3.283-.813 4.176-2.119a.101.101 0 0 0-.022-.13L59.291 20.8a.098.098 0 0 0-.132.017 2.828 2.828 0 0 1-2.186 1.058c-1.306 0-2.412-.92-2.78-2.189h7.616c.078 0 .15-.063.159-.141.035-.333.046-.667.034-1.002Zm-7.872-.863a2.576 2.576 0 0 1 2.485-2.407c1.497-.024 2.358 1.124 2.4 2.407H54.13ZM27.27 12.778c-3.24.031-5.462 2.608-5.462 5.86 0 3.25 2.387 5.708 5.765 5.731 1.835.011 3.285-.813 4.175-2.119a.1.1 0 0 0-.02-.13l-1.69-1.319a.098.098 0 0 0-.132.017 2.86 2.86 0 0 1-2.194 1.058c-1.307 0-2.413-.92-2.782-2.189h7.613a.165.165 0 0 0 .16-.141c.382-3.451-1.712-6.803-5.433-6.768Zm-2.399 4.903a2.58 2.58 0 0 1 2.484-2.407c1.497-.024 2.358 1.124 2.4 2.407h-4.884ZM62.886 18.59c0-3.182 2.43-5.8 5.836-5.8 2.05 0 3.345.675 4.372 1.79a.12.12 0 0 1 0 .156l-1.778 1.913a.
438117.117 0 0 1-.165 0c-.68-.698-1.374-1.14-2.451-1.14-1.578 0-2.7 1.393-2.7 3.035 0 1.645 1.088 3.119 2.825 3.119 1.013 0 1.721-.417 2.453-1.09a.145.145 0 0 1 .197 0l1.657 1.676a.146.146 0 0 1 0 .197c-1.05 1.14-2.294 1.938-4.45 1.938a5.765 5.765 0 0 1-5.797-5.795Z" fill="#000"/><path d="M23.071 0H3.33C1.673 0 .376 1.56.645 3.172L5.94 29.74A2.736 2.736 0 0 0 8.623 32h9.17a2.736 2.736 0 0 0 2.684-2.26l1.073-5.428h-3.11l-.926 4.646H8.893L3.704 3.044h18.999l-.895 4.414h3.084l.852-4.285c.277-1.61-1.018-3.174-2.673-3.172Z" fill="#000"/></svg> 439 </a> 440</div> 441<ul class="header links"><li class="authorization-link ajax-logged-in" data-logged-in="0"> 442 <ul class="account-items"> 443 <li class="item"> 444 <a 445 aria-label="Inloggen" 446 aria-expanded="false" 447 role="button" 448 id="nav-account-icon" 449 class="my-account" 450 rel="nofollow" 451 > 452 <span>Bezig met laden...</span> 453 </a> 454 </li> 455 </ul> 456 457 <ul class="logged-out-items"> 458 <li class="beer-tokens-menu-item"></li> 459 </ul> 460 461 <ul class="logged-in-items"> 462 <li class="beer-tokens-menu-item icon-wallet-small"></li> 463 <li class="icon-orders"><a href="https://www.perfectdraft.com/nl-be/sales/order/history" rel="nofollow">Bestelgeschiedenis</a></li> 464 <li class="icon-returns"><a href="https://www.perfectdraft.com/nl-be/keg/returns/hub" rel="nofollow">Retour lege vaten 465</a></li> 466 <li class="icon-exit"><a href="https://www.perfectdraft.com/nl-be/customer/account/logout/" rel="nofollow">Afmelden</a></li> 467 </ul> 468</li> 469
470<script id="beer-tokens-card" type="text/x-magento-template"> 471 <div class="beer-tokens-card store-credit-card"> 472 <% if (data.isLoggedIn) { %> 473 <% if (data.tokensSpendable > 0) { %> 474 <% if (data.isEU) { %> 475 <div class="store-credit" data-wallet="<%- data.walletCredit %>"> 476 <p class="tokens-title">Je loyaliteitsaccount</p> 477 <div class="store-credit--amounts"> 478 <a href="https://www.perfectdraft.com/nl-be/reward/customer/info/" rel="nofollow" title="Portemonnee"> 479 <p class="wallet-credit">Portemonnee : <span class="wallet-placeholder credit--loading">0.00</span></p> 480 </a> 481 <a href="https://www.perfectdraft.com/nl-be/reward/customer/info/" rel="nofollow" title="Punt"> 482 <p class="points-title">Punt : <span class="points-placeholder credit--loading">0 punten</span></p> 483 <p class="monetary-credit">(of <span class="monetary-credit-placeholder credit--loading">0</span>)</p> 484 </a> 485 </div> 486 </div> 487 <% } else { %> 488 <a href="https://www.perfectdraft.com/nl-be/reward/customer/info/" rel="nofollow" title="Bekijk bierfiches"> 489 <p>Je hebt <span class="tokens-amount"><%- data.tokensSpendable %></span></p> 490 <p class="tokens-title">punten</p> 491 <p class="tokens-monetary">(of <b>â¬<%- data.tokensValue %>)</b></p> 492 </a> 493 <% } %> 494 <% } else { %> 495 <a href="https://www.perfectdraft.com/nl-be/reward/customer/info" rel="nofollow"> 496 <p class="no-tokens"><span>Plaats je eerste bestelling</span> en ontvang loyaliteitspunten.</p> 497 </a> 498 <% } %> 499 <% } else { %> 500 <p class="no-tokens">Log in of maak een account aan om punten te sparen bij elke aankoop.</p> 501 <% } %> 502 </div> 503</script>
503 504</ul> 505<div aria-expanded="false" aria-label="Shopping Cart" aria-owns="mini-cart-popover" tabindex="0" 506 data-block="minicart" class="minicart-wrapper hover-enabled" data-bind="scope: 'minicart_content'"> 507 508 <a aria-hidden="true" tabindex="-1" class="action showcart" href="https://www.perfectdraft.com/nl-be/checkout/cart/" rel="nofollow" data-bind="css: { hasItems : !!getCartParam('summary_count_minicart') == true }"> 509 <img src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-cart.svg" height="32" width="32" aria-hidden="true"/> 510 511 <span class="counter" 512 data-bind="css: { empty: !!getCartParam('summary_count_minicart') == false }, blockLoader: isLoading"> 513 <!-- ko if: getCartParam('summary_count_minicart') --> 514 <span class="counter-number"><!-- ko text: getCartParam('summary_count_minicart') --><!-- /ko --></span> 515 <!-- /ko --> 516 <!-- ko ifnot: getCartParam('summary_count_minicart') --> 517 <span class="counter-number">0</span> 518 <!-- /ko --> 519 </span> 520 <!-- ko if: getCartParam('subtotalAmountFormated') --> 521 <span class="price-wrapper" data-bind="html: getCartParam('subtotalAmountFormated')"></span> 522 <!-- /ko --> 523 <!-- ko ifnot: getCartParam('subtotalAmountFormated') --> 524 <span class="price-wrapper">0,00â¬</span> 525 <!-- /ko --> 526 </a> 527 528 <div class="minicart-popover" id="mini-cart-popover"> 529 530 <button type="button" class="close-popover" 531 aria-label="Close Cart" aria-controls="mini-cart-popover" aria-expanded="false"> 532 <span aria-hidden="true">Ã</span> 533 </button> 534 535 <div class="popover-cart-empty-content"> 536 <div class="popover-cart-empty-header"> 537 <div class="popover-cart-empty-image"> 538 <img src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-cart.svg" height="28" width="28" title="Cart Empty" aria-hidden="true"/> 539 </div> 540 <p>Je winkelmandje is leeg!</p> 541 <p>Tijd om te shoppen.</p> 542 </div> 543 <div class="popover-cart-empty-suggestions"> 544 <p>Ontdek deze populaire categorieën en vul je winkelmand met mooie deals.</p> 545 <div class="suggestion-links"></div> 546 </div> 547 </div> 548 549 <div class="popover-promos no-promos"></div> 550 551 <div class="popover-cart-populated-content"> 552 553 <div class="popover-items"> 554 <p>Producten</p> 555 <ol class="popover-items-list"></ol> 556 </div> 557 558 <div class="popover-totals"> 559 <p>Subtotaal (met leeggoed)</p> 560 <span>â¬Â 0,00</span> 561 </div> 562 563 <div class="popover-messages"> 564 <img class="icon-info" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-info.svg" height="16" width="16" title="Messages" aria-hidden="true"/> 565 <p class="popover-message">Add 3 more qualifying kegs, save 15% on those kegs</p> 566 </div> 567 568 <div class="popover-actions"> 569 <button 570 type="button" 571 title="Bekijk winkelmandje" 572 class="button button--primary-inv" 573 onClick="dataLayer.push({'event': 'clickMiniCartCTA', 'mini_cart_cta': 'view cart'}); window.location = `${window.BASE_URL}checkout/cart`;" 574 > 575 Bekijk winkelmandje </button> 576 <button 577 type="button" 578 title="Bestellen" 579 class="button button--primary" 580 onClick="dataLayer.push({'event': 'clickMiniCartCTA', 'mini_cart_cta': 'checkout'}); window.location = `${window.BASE_URL}checkout`;" 581 >
582 Uitchecken </button> 583 </div> 584 </div> 585 586 </div> 587 </div> 588 589 590 591 <!-- The "miniConfig" object is passed to app/design/frontend/BeerHawk/perfectdraft/Magento_Checkout/web/js/minicart.js --> 592 593 594</div></div></div><div class="navigation-wrapper__fw make__fw"><div class="navigation-wrapper make__grid"> 595 <nav 596 id="main-menu" 597 class="main-nav" 598 aria-label="Main menu" 599 aria-expanded="false" 600 tabIndex="0" 601 > 602 603 <div class="submenu-header"> 604 <button 605 class="submenu-back-button arrow-icon" 606 aria-label="Back to previous menu" 607 ></button> 608 <span class="subMenuTitle"></span> 609 </div> 610 611 <ul 612 class="main-nav__list" 613 data-mage-init='{ 614 "BeerHawk_Design/js/menu": { 615 "menuClass": "main-nav", 616 "allLabel": "Alle producten" 617 } 618 }' 619 > 620 <li class="main-nav__item"> 621 <a href="https://www.perfectdraft.com/nl-be/biertap" class="main-nav__link" data-menu="menu-728"> 622 Biertappen</a> </li> 623 <li class="main-nav__item"> 624 <a href="https://www.perfectdraft.com/nl-be/biervat" class="main-nav__link" data-menu="menu-731"> 625 Biervaten</a> </li> 626 <li class="main-nav__item"> 627 <a href="https://www.perfectdraft.com/nl-be/perfectdraft-accessories" class="main-nav__link" data-menu="menu-730"> 628 Glazen en Accessoires</a> </li> 629 <li class="main-nav__item nav-promote"> 630 <a href="https://www.perfectdraft.com/nl-be/biedt/bier-aanbiedingen" class="main-nav__link" data-menu="menu-922"> 631 Bier aanbiedingen</a> </li> 632 <li class="main-nav__item"> 633 <a href="https://www.perfectdraft.com/nl-be/david-beckham" class="main-nav__link" data-menu="menu-890"> 634 David Beckham x Stella Artois</a> </li> 635 <li class="main-nav__item hide-desktop logged-in"> 636 <a href="/nl-be/customer/account/logout/" data-menu="menu-732" class="main-nav__link"> 637 Log out</a> </li> 638 </ul> 639 640 <div class="menu-footer"> 641 <div class="menu-footer-inner"> 642 <a 643 role="button" 644 aria-label="Help" 645 href="https://support.perfectdraft.com/support/home" target="__blank" class="menu-footer-item help"> 646 <img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-help.svg" alt="" /> 647 <span>Help</span> 648 </a> 649 <a 650 role="button" 651 aria-label="Vaten retourneren" 652 href="https://www.perfectdraft.com/nl-be/keg/returns/hub" class="menu-footer-item keg-returns"> 653 <img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-kegreturns.svg" alt="" /> 654 <span>Vaten retourneren</span> 655 </a> 656 <a 657 role="button" 658 aria-label="Account" 659 href="https://www.perfectdraft.com/nl-be/customer/account/" class="menu-footer-item my-account"> 660 <img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/icon-account.svg" alt="" /> 661 <span>Account</span> 662 </a> 663 </div> 664 </div> 665 666 </nav> 667 668</div></div></header>
668<main id="maincontent" class="page-main make__fw"><div id="algolia-autocomplete-container"></div> 669<!-- Some of banners attributes will be updated/added with JS --> 670<div id="bh-notification-banners-wrapper"> 671 </div> 672<style type="text/css"> 673 .bhNotificationBannerMessageContainer { 674 text-align: center; 675 padding: 10px 15px; 676 font-size: 18px; 677 font-weight: 700; 678 } 679 .bhNotificationBannerMessageContainer > span { 680 max-width: 1140px; 681 display: block; 682 margin: 0 auto; 683 } 684 685 /* 686 For media queries used the value of $medium breakpoint from _mixins.scss 687 desktop version >= $medium 688 mobile version < $medium 689 As alternative .desktop-only / .mobile-only CSS-classes could be used. 690 */ 691 @media screen and (max-width: 767px) { 692 .bhNotificationBannerDesktop { 693 display: none; 694 } 695 } 696 @media screen and (min-width: 768px) { 697 .bhNotificationBannerMobile { 698 display: none; 699 } 700 } 701</style> 702 703<a id="contentarea" tabindex="-1"></a> 704<div class="page messages"><div data-placeholder="messages"></div> 705<div data-bind="scope: 'messages'"> 706 <!-- ko if: cookieMessages && cookieMessages.length > 0 --> 707 <div role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages"> 708 <div data-bind="attr: { 709 class: 'message-' + message.type + ' ' + message.type + ' message', 710 'data-ui-id': 'message-' + message.type 711 }"> 712 <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div> 713 <!-- <button class="close-message" onclick="event.target.parentElement.remove();">x</button> --> 714 </div> 715 </div> 716 <!-- /ko --> 717 718 <!-- ko if: messages().messages && messages().messages.length > 0 --> 719 <div role="alert" data-bind="foreach: { data: messages().messages, as: 'message' }" class="messages"> 720 <div data-bind="attr: { 721 class: 'message-' + message.type + ' ' + message.type + ' message', 722 'data-ui-id': 'message-' + message.type 723 }"> 724 <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div> 725 <!-- <button class="close-message" onclick="event.target.parentElement.remove();">x</button> --> 726 </div> 727 </div> 728 <!-- /ko --> 729</div> 730 731</div><div class="columns make__grid"><div class="column main"><input name="form_key" type="hidden" value="avUPt8QqUgAYFr5n" /> 732 733 734 735 736 737 738 739 740 741<style> 742 /* Hide Google reCAPTCHA v3 badge */ 743 .grecaptcha-badge { 744 visibility: hidden !important; 745 } 746</style> 747<style> 748/* Temp: fix gaps in BT card */ 749@media (min-width: 768px) { 750 .beertoken__informationTextContainer .beer-tokens-card a, .myaccount__informationTextContainer .beer-tokens-card a { 751 -ms-grid-columns: repeat(4, min-content); 752 grid-template-columns: repeat(4, min-content); 753 grid-gap: 0.25em; 754 gap: 0.25em; 755 } 756} 757/* END: fix gaps in BT card */ 758</style> 759 760<div class="home__top" role="region" aria-label="home page banners"> 761 762<div class="beertoken__banner ajax-logged-in" data-logged-in="0"> 763 <div class="beertoken__information"> 764 <div class="beertoken__informationIconContainer"> 765 <img class="lazyload beertoken__iconImg" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/Wallet--Money.svg" alt="Wallet Icon"> 766 </div> 767 <div class="beertoken__informationTextContainer"> 768 <h2>Uw punten</h2> 769 <div class="beer-tokens-banner-card-holder"></div> 770 <p class="beer-token-loading-message">Je bierfiches ophalen...</p> 771 <div class="beertoken__informationTextLinks"> 772 <a 773 aria-label="Ontdek het loyaliteitsprogramma." 774 role="button" 775 href="https://www.perfectdraft.com/nl-be/loyaliteitsprogramma" 776 class="beertoken__informationLink">Ontdek het loyaliteitsprogramma. </a> 777 <a 778 aria-label="Mijn account" 779 role="button" 780 href="https://www.perfectdraft.com/nl-be/customer/account" 781 class="auth myaccount__informationLink">Mijn account </a> 782 </div> 783 </div> 784 </div> 785 <div class="beertoken__buttonContainer">
786 <span class="auth auth--kegs"> 787 <button 788 aria-label="Bestel nu" 789 class="button button--secondary" 790 href="https://www.perfectdraft.com/nl-be/biertap" 791 rel="nofollow">Bestel nu </button> 792 </span> 793 <span class="anon"> 794 <button 795 aria-label="Inloggen" 796 aria-expanded="false" 797 onclick=" 798 if (this.ariaExpanded === 'false') { 799 this.setAttribute('aria-expanded', true); 800 setTimeout(() => trapModalFocus(document.querySelector('#contentarea')), 100); 801 } else { 802 this.setAttribute('aria-expanded', false); 803 this.focus(); 804 } 805 " 806 onfocus="if (this.ariaExpanded === 'true') this.setAttribute('aria-expanded', false);" 807 class="button button--primary button--loading beertoken__login" 808 href="https://www.perfectdraft.com/nl-be/customer/account/login/" 809 rel="nofollow" 810 target="_self">Inloggen </button> 811 <button 812 aria-label="Maak je account" 813 aria-expanded="false" 814 onclick=" 815 if (this.ariaExpanded === 'false') { 816 this.setAttribute('aria-expanded', true); 817 setTimeout(() => trapModalFocus(document.querySelector('#contentarea')), 100); 818 } else { 819 this.setAttribute('aria-expanded', false); 820 this.focus(); 821 } 822 " 823 onfocus="if (this.ariaExpanded === 'true') this.setAttribute('aria-expanded', false);" 824 class="button button--secondary button--loading beertoken__register" 825 href="https://www.perfectdraft.com/nl-be/customer/account/create/" 826 rel="nofollow" 827 target="_self">Maak je account </button> 828 </span> 829 </div> 830</div> 831 832 833 <div class="hp-banners" role="list"> 834 <style> 835 .hp-banners .banner-item {background-color: #ffffff;border-radius: 10px;} 836 .hp-banners .banner-item .banner-text-inner>p>span>span{padding-right:10px;line-height:1.2;text-transform: unset;transform: unset;-webkit-transform: unset;} 837 @media (max-width: 320px){.hp-banners .banner-item .banner-text {font-size: 16px;}} 838 @media (max-width: 425px){.hp-banners .banner-item:first-of-type .banner-text, .hp-banners .banner-item:nth-of-type(2) .banner-text {font-size: 20px;}} 839 @media (min-width: 768px) and (max-width: 930px){.hp-banners .banner-item .banner-text {font-size: 16px;}} 840 @media (min-width: 768px) and (max-width: 768px){.hp-banners .banner-item .banner-text {font-size: 32px;}} 841 @media (min-width: 992px) {.hp-banners .banner-item .banner-text {font-size:23px;}.hp-banners .banner-item:first-of-type .banner-text, .hp-banners .banner-item:nth-of-type(2) .banner-text {font-size: 32px;}} 842 @media (min-width: 576px) and (max-width:767px){.home__top{flex-direction:column;padding-top:15px;}} 843 @media (min-width: 768px){.hp-banners{margin-top:unset;}.p5a_1811_KegReturns{display: none;}} 844</style> 845 846<div 847 role="listitem" 848 class="banner-item--outer" 849> 850 <!-- p1 --> 851 <style>.p1_august .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){ .p1_1605_bbq .html-data div{font-size:16px;} }</style><a 852 onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 853 id="p1_august" href="biertap" 854 class="p1_august banner-item" 855 title="Koop nu" 856 aria-label="Koop nu" 857 data-analytics-label="p1_august" 858> 859 <div class="html-data"><div>Koop nu</div></div> <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/P1_GIF_NL.gif" class="lazyload" alt="Koop nu" width="555" height="430" /> 860</a> 861 862</div> 863 864<div 865 role="listitem" 866 class="banner-item--outer" 867> 868 <!-- p2 --> 869 <style>.p2_august .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){ .p2_20240710_black .html-data div{font-size:16px;} }</style><a 870 onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 871 id="p2_august" href="3-vaten-naar-keuze-ronde-prijs-pack" 872 class="p2_august banner-item" 873 title="Koop nu" 874 aria-label="Koop nu" 875 data-analytics-label="p2_august" 876> 877 <div class="html-data"><div>Koop nu</div></div> <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/4560588516_PerfectDraft_BNFL_Strong_Beers_NL_HPB_1110x860_1100x860.jpg" class="lazyload" alt="Koop nu" width="555" height="430" /> 878</a> 879 880</div> 881 882<div 883 role="listitem" 884 class="banner-item--outer" 885> 886 <!-- p3 --> 887 <style>.p3_august .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){.p5_2201_multibuy .html-data div{font-size:16px;} }</style><a 888 onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 889 id="p3_august" href="biertap" 890 class="p3_august banner-item" 891 title="Ik bestel" 892 aria-label="Ik bestel" 893 data-analytics-label="p3_august" 894> 895 <div class="html-data"><div>Ik bestel</div></div> <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/4503951669_PerfectDraft_BNFL_World_Beer_TourHPB_1110x860_1100x860-1_1.jpg" class="lazyload" alt="Ik bestel" width="555" height="430" /> 896</a> 897 898</div> 899 900<div 901 role="listitem" 902 class="banner-item--outer" 903> 904 <!-- p4 --> 905 <style>.p4_august .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){ .p4_0805_delivery .html-data div{font-size:16px;} }</style><a 906 onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 907 id="p4_august" href="biervat" 908 class="p4_august banner-item" 909 title="Ik bestel" 910 aria-label="Ik bestel" 911 data-analytics-label="p4_august" 912> 913 <div class="html-data"><div>Ik bestel</div></div> <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/P4_AUG_NL.png" class="lazyload" alt="Ik bestel" width="555" height="430" /> 914</a> 915 916</div> 917 918<div 919 role="listitem" 920 class="banner-item--outer" 921> 922 <!-- p5 --> 923 <style>.p5_august .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){.p5_2201_multibuy .html-data div{font-size:16px;} }</style><a 924 onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 925 id="p5_august" href="biervat" 926 class="p5_august banner-item" 927 title="Koop nu" 928 aria-label="Koop nu" 929 data-analytics-label="p5_august" 930> 931 <div class="html-data"><div>Koop nu</div></div> <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/P5_AUG_NLBE.png" class="lazyload" alt="Koop nu" width="555" height="430" /> 932</a> 933 934</div> 935 936 </div> 937</div> 938 939<div class="product-promo" style="margin-top:20px; margin-bottom:20px;
939display:none;display:none;"> 940<div id="pr-products-vejnf" class="col-md-12 pd-instant-search-results-container"></div> 941<div id="pr-products-vejnf-hit"> 942 943</div> 944 945 946 947 948</div> 949 950<div class="shop-categories"> 951 <style>.shop-categories .button.button--secondary{font-size:14px;letter-spacing:-0.4px;background: #fff; border: #fff;}.shop-categories .block-heading__wrapper{display :block;} 952.shop-categories__wrapper{margin-bottom: 20px;} 953.recs-block+.recs-block{margin-top: 20px;} 954.block-heading__title{text-transform: none;} 955.shop-categories__item{text-align:center;} 956</style> 957<div class="block-heading__wrapper"><span class="block-heading__title"> Categorieën</span></div> 958<div class="shop-categories__wrapper"> 959<div class="shop-categories__item"><a title="Biertaps" href="https://www.perfectdraft.com/nl-be/biertap"> <img alt="Biertaps" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/shop_category/machines.png" class="lazyload"> <span class="button button--secondary">Biertaps</span> </a></div> 960<div class="shop-categories__item"><a title="Biervaten" href="https://www.perfectdraft.com/nl-be/biervat"> <img alt="Biervaten" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/cat_banner_leffe_360.png" class="lazyload"> <span class="button button--secondary">Biervaten</span> </a></div> 961<div class="shop-categories__item"><a title="Bierglazen" href="https://www.perfectdraft.com/nl-be/perfectdraft-accessories"> <img alt="Bierglazen" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/shop_category/merch.png" class="lazyload"> <span class="button button--secondary">Bierglazen</span> </a></div> 962<div class="shop-categories__item"><a title="Vatenbundels" href="https://www.perfectdraft.com/nl-be/biervat/pack"> <img alt="Vatenbundels" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/cat_banner_360.png" class="lazyload"> <span class="button button--secondary">Vatenbundels</span> </a></div> 963<div class="shop-categories__item"><a title="Onze app" href="https://www.perfectdraft.com/nl-be/download-de-app"> <img alt="Onze app" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/fr-fr/APPNL.png" class="lazyload"> <span class="button button--secondary">Onze app</span> </a></div> 964</div> 965<div id="recomm-homepage-2" class="recs-block recs-block-homepage-2"></div> 966<div id="recomm-homepage-3" class="recs-block recs-block-homepage-3"></div> 967<p> 968</p> 969</div> 970 971<div class="shop-categories more-to-explore" role="region" aria-labelledby="block-heading__title"> 972 973</div> 974 975<style> 976.about-perfectdraft h1{font-size: 22px;margin:20px 0 10px} 977.about-perfectdraft h1,.about-perfectdraft h2{font-family:Montserrat,sans-serif;text-align:center} 978.about-perfectdraft h2 {font-size: 16px;margin:10px 0} 979.about-perfectdraft p{text-align:center} 980.about-perfectdraft a{color:#000;font-weight: 700} 981.about-perfectdraft a:hover{text-decoration:none} 982</style> 983<div class="about-perfectdraft"> 984<h1>Ontdek thuis het genot van vers getapt bier met PerfectDraft</h1> 985<p> </p> 986<h2>Wij staan klaar om je te helpen de magie van perfect getapt bier te ontdekken,</h2> 987<h2>want niets maakt ons gelukkiger dan de ultieme ervaring te bieden aan bierliefhebbers zoals jij.</h2> 988<p> </p> 989<p style="line-height: 1;">Met een ruim aanbod aan vaten is er voor elk wat wils. Ons assortiment omvat klassiekers zoals <a title="Koop Tripel Karmeliet 6L" href="tripel-karmeliet-perfectdraft-biervat-6l">Tripel Karmeliet</a> en <a title="Koop Leffe Blonde 6L" href="leffe-blond-perfectdraft-biervat-6l">Leffe Blonde</a>, evenals nieuwkomers</p> 990<p style="line-height: 1;">zoals <a title="Koop Victoria 6L" href="victoria-perfectdraft-biervat-6l">Victoria</a>, <a title="Koop Kwak Blonde" href="kwak-blonde-perfectdraft-biervat-6l">Kwak Blonde</a> en <a title="Koop Leffe Prestige 1240 6L" href="leffe-prestige-perfectdraft-biervat-6l">Leffe Prestige 1240</a>.</p> 991</div></div></div></main><footer class="page-footer"><div class="insurances make__fw"><div class="insurances-inner make__grid"><style>.page-footer .insurances-item .icon.delivery{background-image:url(https://jtdtcwvg.tinifycdn.com/media/wysiwyg/icons/perfectdraft-delivery.svg)}</style> 992<div class="insurances-item"> 993 <div class="icon delivery"></div> 994 <div class="text"> 995 <h2 class="line1">Gratis levering!</h2> 996 <div class="line2">Geniet van gratis levering bij besteding vanaf â¬100!<br> <a href="https://www.perfectdraft.com/nl-be/acties-voorwaarden">Onze leveringsvoorwaarden</a></div> 997 </div> 998</div> 999 1000<div class="insurances-item"> 1001 <div class="icon like"></div> 1002 <div class="text"> 1003 <h2 class="line1"><img alt="" height="20" width="96" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons/Stars.svg" class="lazyload">9.4/10</h2> 1004 <div class="line2">Bierliefhebbers houden van ons!<br><a href="https://www.ekomi.nl/klantenmeningen-perfectdraft-be.html" target="_blank">Lees de recensies op eKomi</a>!</div> 1005 </div> 1006</div> 1007 1008<div class="insurances-item"> 1009 <div class="icon loyalty"></div> 1010 <div class="text"> 1011 <div class="line1">Uw loyaliteit wordt beloond</div> 1012 <div class="line2">Maak een account & ontvang extra voordeel!<br><a href="https://www.perfectdraft.com/nl-be/loyaliteitsprogramma">Leer meer over ons loyaliteitsprogramma</a></div> 1013 </div> 1014</div></div></div><div class="footer-newsletter__fw make__fw"><div class="footer-newsletter make__grid"> 1015<!--block:footer-newsletter-signup--> 1016 1017<style> 1018 .widget9449.sign-up-block-holder { 1019 background:#transparent; 1020 color:#222; 1021 } 1022 1023 } 1024 @media (min-width: 576px) { 1025 .widget9449 .sign-up-block-holder { 1026 } 1027 } 1028 } 1029 </style> 1030 1031<div class="sign-up-block-holder widget9449"> 1032 <div class="sign-up-block make__grid"> 1033 <div class="form-holder"> 1034 1035 <div> 1036 1037 <div class="sign-up-title">Blijf op de hoogte!</div> 1038 <p class="sign-up-description">Meld je aan voor onze nieuwsbrief en ontvang bericht over onze nieuwste aanwinsten, loyaliteitsvoordeeltjes en exclusieve aanbiedingen.</p> 1039 </div> 1040<div> 1041 1042 <form class="form sign-up-form" name="sign-up-form" id="widget9449-sign-up-form"> 1043 <div class="field"> 1044 <label class="label" for="widget9449-sign-up-input">
1045 <span>Sign Up</span> 1046 </label> 1047 <div class="control"> 1048 <input name="Email" type="email" id="widget9449-sign-up-input" placeholder="e-mailadres" data-validate="{required:true, 'validate-email':true}"> 1049 </div> 1050 </div> 1051 <div class="actions"> 1052 <button class="button button--primary submit-button widget9449-newsletter-signup" title="Abonneren" type="submit" data-ua-track="true" data-ua-category="Newsletter Sign-up" data-ua-action="User Click" data-ua-label="Footer"> 1053 <span>Sign Up</span> 1054 </button> 1055 </div> 1056 </form> 1057 <div class="policy-box"> 1058 <input type="checkbox" name="signUpConsent" class="checkbox" id="widget9449-sign-up-consent" title="ik aanvaard"> 1059 <label for="widget9449-sign-up-consent"> 1060 <span>Ik accepteer de <a href="https://www.perfectdraft.com/nl-be/algemene-voorwaarden" style="color:#222">Voorwaarden</a> en <a href="https://www.perfectdraft.com/nl-be/privacybeleid" style="color:#222">Privacybeleid</a></span> 1061 </label> 1062 </div> 1063 </div> 1064 </div> 1065 </div> 1066</div> 1067 1068 1069<!--/block:footer-newsletter-signup--></div></div><div id="footerwrapper" class="make__fw"><div class="footer-wrapper footer-adjust"><style> 1070#ot-sdk-btn.ot-sdk-show-settings,#ot-sdk-btn.optanon-show-settings,#ot-sdk-btn.ot-sdk-show-settings:hover,#ot-sdk-btn.optanon-show-settings:hover{color: unset;border: unset;padding:unset;line-height:unset;font-size:unset;background-color:unset;} 1071#ot-sdk-btn-floating{display:none;} 1072</style> 1073 1074 1075<div class="footer_links_container"> 1076 <div class="footer_links col1"> 1077 <div class="footerNav"> 1078 <p class="footerHeading">Over ons</p> 1079 <div class="arrow-down"></div> 1080 </div> 1081 <ul class="footer-menu"> 1082 <li><a href="https://www.perfectdraft.com/nl-be/over-perfectdraft">Over PerfectDraft</a></li> 1083 <li><a href="https://www.ekomi.nl/klantenmeningen-perfectdraft-be.html" rel="nofollow">Beoordelingen van klanten</a></li> 1084 <li><a href="https://www.perfectdraft.com/nl-be/consumenten-informatie">Compliance</a></li> 1085 <li><a href="https://www.perfectdraft.com/nl-be/refer-a-friend">Referral</a></li> 1086 <li><a href="https://www.perfectdraft.com/nl-be/loyaliteitsprogramma">Loyaliteitsprogramma</a></li> 1087 </div> 1088 <div class="footer_links col2"> 1089 <div class="footerNav"> 1090 <p class="footerHeading">Klantenservice</p> 1091 <div class="arrow-down"></div> 1092 </div> 1093 <ul class="footer-menu"> 1094 <li><a href="https://support.perfectdraft.com/hc/nl-be" target="_blank">FAQ</a></li> 1095 <li><a href="https://www.perfectdraft.com/nl-be/contact">Contact</a></li> 1096 <li><a href="https://www.perfectdraft.com/nl-be/historie-hopt">Historie van HOPT</a></li> 1097 <li><a href="https://www.perfectdraft.com/nl-be/voorwaarden-bezorging">Informatie over de verzending</a></li> 1098 <li><a href="https://www.perfectdraft.com/nl-be/vaten-inleveren" title="Retour de fûts">Vaten retourneren</a></li> 1099 1100 1101 </ul> 1102 </div> 1103 <div class="footer_links col3"> 1104 <div class="footerNav"> 1105 <p class="footerHeading">Voorwaarden</p> 1106 <div class="arrow-down"></div> 1107 </div> 1108 <ul class="footer-menu"> 1109 <li><a href="https://www.perfectdraft.com/nl-be/privacybeleid">Privacybeleid</a></li> 1110 <li><a href="https://www.perfectdraft.com/nl-be/cookiebeleid">Cookiebeleid</a></li> 1111 <li><a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookies Settings</a></li> 1112 <li><a href="https://www.perfectdraft.com/nl-be/acties-voorwaarden">Actievoorwaarden</a></li> 1113 <li><a href="https://www.perfectdraft.com/nl-be/algemene-voorwaarden">Algemene Voorwaarden</a></li> 1114 <li><a href="https://www.perfectdraft.com/nl-be/toegankelijkheid">Toegankelijkheid</a></li> 1115 </ul> 1116 </div> 1117 <div class="footer_links col4"> 1118 <div class="footerNav"> 1119 <p class="footerHeading">Sociale media</p> 1120 <div class="arrow-down"></div> 1121 </div> 1122 <ul class="footer-menu social-icons"> 1123 <li class="social-icon"><a href="https://www.facebook.com/PerfectDraftBelgium" title="Facebook" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/social/Social--Facebook--Mono.svg" alt="Facebook" /></a></li> 1124 <li class="social-icon"><a href="https://www.instagram.com/perfectdraft_belgium/" title="Instagram" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/social/Social--Instagram--Mono.svg" alt="Instagram" /></a></li> 1125 <li class="social-icon"><a href="https://twitter.com/PerfectDraftEU" title="Twitter" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/social/Social--Twitter--Mono.svg" alt="Twitter" /></a></li> 1126 <li class="social-icon"><a href="https://www.youtube.com/user/perfectdraft_france" title="YouTube" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/social/Social--YouTube--Mono.svg" alt="YouTube" /></a></li> 1127 </li> 1128 </ul> 1129 </div> 1130 <div class="footer_links col5"> 1131 <div class="footerNav"> 1132 <p class="footerHeading">Onze app voor je machine</p> 1133 </div> 1134 <div class="app-links"> 1135 <a href="https://apps.apple.com/gb/app/perfectdraft/id1578658955?itsct=apps_box_badge&itscg=30200" target="_blank"><img class="lazyload" height="40" width="120" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/AppStore.png" alt="Télécharger sur l'App Store" /></a> 1136 <a href="https://play.google.com/store/apps/details?id=com.perfectdraft&hl=en_GB&gl=GB&pli=1" target="_blank"><img class="lazyload" height="40" width="120" data-src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/GooglePlay.png" alt="Obtenez le sur Google Play" /></a> 1137 </div> 1138 </div> 1139 <div class="clearfix"></div> 1140</div><!--block: footer-payment-logos--> 1141<style> 1142 .footer__absolute .payments .payment-item { 1143 min-height: unset; 1144 max-height: 30px; 1145 max-width: 48px 1146 } 1147 1148 @media screen and (min-width: 768px) { 1149 .footer__absolute .payments .payment-item { 1150 max-height: 48px; 1151 max-width: 62px 1152 } 1153} 1154</style> 1155<div class="footer__absolute"> 1156 <div class="payments"> 1157 <img class="lazyload payment-item" alt="Visa" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/logos/visa_2x.png"> 1158 <img class="lazyload payment-item" alt="Mastercard" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/logos/mastercard_2x.png"> 1159 <img class="lazyload payment-item" alt="Bancontact" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/logos/bancontact_2x.png"> 1160 </div> 1161</div> 1162<!--/block: footer-payment-logos--><div class="copy"> 1163 <span>© 2026 PerfectDraft Limited. Alle rechten voorbehouden.</span> 1164</div> 1165</div></div></footer> 1166 1167 1168 1169<!-- Wrapping template (This template is for the overall layout of the product list & filters) --> 1170 1171 1172<!-- Stats template (This template is for showing the number of results e.g "1-100 out of 500") --> 1173 1174<!-- Facet template (This template is for the checkbox and label of a filter option) --> 1175<!-- Refinements template (This template is for currently applied filters) --> 1176</div><div class="account-popup-container"><div class="login-popup"> 1177<div class="messages-wrapper"> 1178 <div data-bind="scope: 'messages'"> 1179 <!-- ko if: cookieMessages && cookieMessages.length > 0 --> 1180 <div role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages"> 1181 <div data-bind="attr: { 1182 class: 'message-' + message.type + ' ' + message.type + ' message', 1183 'data-ui-id': 'message-' + message.type 1184 }"> 1185 <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div> 1186 <!-- <button class="close-message" onclick="event.target.parentElement.remove();">x</button> --> 1187 </div> 1188 </div> 1189 <!-- /ko --> 1190 1191 <!-- ko if: messages().messages && messages().messages.length > 0 --> 1192 <div role="alert" data-bind="foreach: { data: messages().messages, as: 'message' }" class="messages"> 1193 <div data-bind="attr: { 1194 class: 'message-' + message.type + ' ' + message.type + ' message', 1195 'data-ui-id': 'message-' + message.type 1196 }"> 1197 <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div> 1198 <!-- <button class="close-message" onclick="event.target.parentElement.remove();">x</button> --> 1199 </div> 1200 </div> 1201 <!-- /ko --> 1202</div> 1203 1204 1205 <div data-bind="scope: 'messageList'"> 1206 <!-- ko if: messages().length > 0 --> 1207 <div role="alert" class="messages instant" data-bind="foreach: { data: messages(), as: 'message' }"> 1208 <div data-bind="attr: { 1209 class: 'message-' + message.type + ' ' + message.type + ' message', 1210 'data-ui-id': 'message-' + message.type 1211 }"> 1212 <div data-bind="html: message.text"></div> 1213 <button class="close-message" onclick="event.currentTarget.parentElement.remove();"> 1214 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64
1214C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z"/></svg> 1215 </button> 1216 </div> 1217 </div> 1218 <!-- /ko --> 1219</div> 1220 1221 1222</div> 1223 1224<form class="form form-login auth__form" 1225 onSubmit="event.preventDefault(); window.customerLogin(event.target);" 1226 method="post" 1227 id="login-form" 1228 data-mage-init='{"validation": {"mixins": ["Magento_Theme/js/mage-validation-ext"]}, "loginForm": {}}'> 1229 1230 <h2>Inloggen</h2> 1231 <p>Toegang tot alle voordelen en volg je bestellingen</p> 1232 1233 <input name="form_key" type="hidden" value="SYTx1dUYT95U5cm0" /> 1234 <fieldset class="fieldset login"> 1235 <div class="field email required form-floating"> 1236 1237 <input 1238 id="email" 1239 class="input-text lowercase form-control" 1240 type="email" 1241 name="email" 1242 placeholder="E-mailadres" 1243 value="" 1244 autocomplete="email" 1245 data-validate="{required:true, 'validate-email':true}" 1246 > 1247 <label for="email">E-mailadres</label> 1248 </div> 1249 <div class="field required form-floating"> 1250 <input 1251 id="pass" 1252 class="input-text form-control" 1253 type="password" 1254 placeholder="Wachtwoord" 1255 name="password" 1256 autocomplete="current-password" 1257 data-validate="{required:true}" 1258 > 1259 <label for="pass">Wachtwoord</label> 1260 <i class="password-visibility password-visibility--off" onClick="window.togglePassword(event.target)"></i> 1261 <p class="mage-error"></p> 1262 </div> 1263 1264 1265 <div class="auth-action"> 1266 1267 <p> 1268 <a href="https://www.perfectdraft.com/nl-be/customer/account/forgotpassword/"> 1269 Je wachtwoord vergeten? </a> 1270 </p> 1271 1272 <button type="submit" class="button--primary" name="send" id="send2"> 1273 Inloggen </button> 1274 1275 <div class="swap-to-register"> 1276 <p>Heeft u nog geen account? <a onclick="window.openAccountPopup && window.openAccountPopup('register')">Maak een account aan</a></p> 1277 </div> 1278 1279 </div> 1280 </fieldset> 1281</form> 1282<nav> 1283 <a href="/nl-be/contact">Hulp nodig?</a> 1284 <a href="/nl-be/privacybeleid">Privacybeleid</a> 1285 <a href="/nl-be/algemene-voorwaarden">Algemene voorwaarden</a> 1286</nav></div><div class="register-popup"> 1287 1288 1289<div class="messages-wrapper"> 1290 <div data-bind="scope: 'messageList'"> 1291 <!-- ko if: messages().length > 0 --> 1292 <div role="alert" class="messages instant" data-bind="foreach: { data: messages(), as: 'message' }"> 1293 <div data-bind="attr: { 1294 class: 'message-' + message.type + ' ' + message.type + ' message', 1295 'data-ui-id': 'message-' + message.type 1296 }"> 1297 <div data-bind="html: message.text"></div> 1298 <button class="close-message" onclick="event.currentTarget.parentElement.remove();"> 1299 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z"/></svg> 1300 </button> 1301 </div> 1302 </div> 1303 <!-- /ko --> 1304</div> 1305 1306 1307</div> 1308 1309<h2>Maak een account aan</h2> 1310<p class="intro">Maak een account aan om toegang te krijgen tot alle voordelen en je bestellingen te volgen</p> 1311 1312<form 1313 class="form create account form-create-account auth__form" 1314 onSubmit="event.preventDefault(); window.customerRegister();" 1315 id="form-validate" 1316 autocomplete="off" 1317> 1318 1319 <input name="form_key" type="hidden" value="SYTx1dUYT95U5cm0" /> 1320 <div class="scroll"> 1321 1322 <fieldset class="fieldset create names"> 1323 <div class="cols-2"> 1324 <div class="field form-floating field-name-firstname required"> 1325 <input 1326 id="firstname" 1327 type="text" 1328 name="firstname" 1329 autocomplete="given-name" 1330 title="Voornaam" 1331 placeholder="Voornaam" 1332 class="input-text required-entry form-control" 1333 data-validate="{required:true}" 1334 aria-required="true" 1335 /> 1336 <label for="firstname">Voornaam</label> 1337 </div> 1338 1339 <div class="field form-floating field-name-lastname required"> 1340 <input 1341 type="text" 1342 id="lastname" 1343 name="lastname" 1344 autocomplete="family-name" 1345 title="Achternaam" 1346 placeholder="Achternaam" 1347 class="input-text required-entry form-control" 1348 data-validate="{required:true}" 1349 aria-required="true" 1350 /> 1351 <label for="lastname">Achternaam</label> 1352 </div> 1353 </div> 1354 1355 <div class="field form-floating required"> 1356 <input 1357 class="form-control" 1358 id="customer-dob" 1359 type="date" 1360 name="dob" 1361 value="" 1362 data-validate="{'required':true,'validate-date':{dateFormat:'YYYY-MM-DD'},'validate-dob':false,'validate-dob-age':{dateFormat:'YYYY-MM-DD','ge':18}}" 1363 autocomplete="on" 1364 maxlength="10" 1365 aria-required="true" 1366 placeholder="Geboortedatum" 1367 /> 1368 <label for="customer-dob">Geboortedatum</label> 1369 </div> 1370 </fieldset> 1371 1372 1373 <fieldset class="fieldset create account password" data-hasrequired="* Verplichte velden"> 1374 <div class="field form-floating email required"> 1375 <input type="email" name="email" id="email_address" 1376 title="E -mail" 1377 placeholder="E-mailadres" 1378 class="input-text lowercase form-control" 1379 data-validate="{required:true, 'validate-email':true}" 1380 autocomplete="username" 1381 /> 1382 <label for="email_address">E-mailadres</label> 1383 </div> 1384 <div class="field form-floating required"> 1385 <input 1386 type="password" 1387 name="password" 1388 id="modal-password" 1389 class="password-input form-control" 1390 data-validate="{required:true, 'validate-password-schema':true}" 1391 placeholder="Wachtwoord" 1392 title="Wachtwoord" 1393 autocomplete="new-password" 1394 > 1395 <label for="modal-password">Wachtwoord</label> 1396 <svg class="password-visibility password-visibility--off" onClick="window.togglePassword('.password')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"> 1397 <path d="M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z"/> 1398 </svg> 1399 <div class="mage-error" id="modal-password-error"></div> 1400 </div> 1401 1402 <p class="password-info">Moet minimaal 8 tekens bevatten</p> 1403 1404 <div class="field form-floating confirmation required"> 1405 <input 1406 type="password" 1407 name="password_confirmation" 1408 autocomplete="new-password" 1409 id="modal-password-confirmation" 1410 class="password-input form-control" 1411 data-validate="{required:true, equalTo:'#modal-password', 'validate-password-schema':true}" 1412 placeholder="bevestig wachtwoord" 1413 /> 1414 <label for="modal-password-confirmation">bevestig wachtwoord</label> 1415 <svg class="password-visibility password-visibility--off" onClick="window.togglePassword('.password')" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"> 1416 <path d="M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z"/> 1417 </svg> 1418 <div id="modal-password-confirmation-error" class="mage-error"></div> 1419 </div> 1420 </fieldset> 1421 1422 <fieldset class="fieldset create tel"> 1423 <div class="field telephone"> 1424 <div class="cols-2"> 1425 <div class='phone-country-selector'> 1426 <div class='phone-country'> 1427 <p class='phone-country-iso2'>BE</p> 1428 <select id='qa--input--edit-phone-country' onChange="window.handlePhoneCountrySelect(event.target)"> 1429 </select> 1430 <i class='fi'></i> 1431 </div> 1432 <!-- <div class='phone-country-code'></div> --> 1433 </div> 1434 <div class="form-floating"> 1435 <input 1436 type="tel" 1437 id="pp_telephone" 1438 class="input-text form-control" 1439 name="pp_telephone" 1440 placeholder="Je telefoonnummer" 1441 value=""
1442 data-validate="{'phoneInt':true}" 1443 oninput="window.checkPhoneIsVerified && window.checkPhoneIsVerified()" 1444 /> 1445 <label for="pp_telephone">Je telefoonnummer</label> 1446 </div> 1447 </div> 1448 <div id="pp_telephone-error" class="mage-error"></div> 1449 </div> 1450 1451 <p>Je telefoonnummer is vereist om artikelen te bestellen en express fustretouren uit te voeren.</p> 1452 1453 1454<div class="field choice newsletter"> 1455 <input type="checkbox" name="is_subscribed" 1456 title="Aanmelden voor Nieuwsbrief" id="is_subscribed" /> 1457 <label for="is_subscribed" class="label"> 1458 <span>Aanmelden voor Nieuwsbrief </span> 1459 </label> 1460 <input type="hidden" name="registration_url" value="testing"> 1461</div> 1462 1463 <div class="field terms"> 1464 <input 1465 type="checkbox" 1466 name="terms" 1467 id="terms" 1468 class="checkbox required-entry" 1469 required 1470 aria-required="true" 1471 data-validate="{required:true}" 1472 > 1473 <label for="terms">Door een account aan te maken, gaat u akkoord met onze <a href="https://www.perfectdraft.com/nl-be/algemene-voorwaarden" id="js--gdpr-terms" target="_terms">Voorwaarden</a> en bevestigt u dat u ons privacybeleid hebt gelezen en begrepen. Lees onze <a href="https://www.perfectdraft.com/nl-be/privacybeleid" id="js--gdpr-privacy" target="_privacy">Privacybeleid</a>. </label> 1474 1475 <div id="terms-error" class="mage-error"></div> 1476 </div> 1477 1478 </fieldset> 1479 1480 <div class="scroll-indicator" aria-hidden="true"></div> 1481 </div> 1482 1483 <div class="auth-action"> 1484 1485 <button type="submit" disabled id="createAccountButton" class="button button--primary" title="Account aanmaken">Maak een account aan</button> 1486 1487 <div class="swap-to-login"> 1488 <p>Heb je al een account? <a onclick="window.openAccountPopup && window.openAccountPopup('login')">Meld je hier aan</a></p> 1489 </div> 1490 </div> 1491</form> 1492 1493<nav> 1494 <a href="/nl-be/contact">Hulp nodig?</a> 1495 <a href="/nl-be/privacybeleid">Privacybeleid</a> 1496 <a href="/nl-be/algemene-voorwaarden">Algemene voorwaarden</a> 1497</nav> 1498 1499</div><div class="otp-verification-popup"> 1500<div class="messages-wrapper"> 1501 <div data-bind="scope: 'messageList'"> 1502 <!-- ko if: messages().length > 0 --> 1503 <div role="alert" class="messages instant" data-bind="foreach: { data: messages(), as: 'message' }"> 1504 <div data-bind="attr: { 1505 class: 'message-' + message.type + ' ' + message.type + ' message', 1506 'data-ui-id': 'message-' + message.type 1507 }"> 1508 <div data-bind="html: message.text"></div> 1509 <button class="close-message" onclick="event.currentTarget.parentElement.remove();"> 1510 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z"/></svg> 1511 </button> 1512 </div> 1513 </div> 1514 <!-- /ko --> 1515</div> 1516 1517 1518</div> 1519 1520<form 1521 id="otp-verification-form" 1522 class="form email-verification" 1523 onsubmit="event.preventDefault();" 1524> 1525 1526 <h2>Verifieer je e-mail</h2> 1527 <p id="email-text">We hebben een e-mail gestuurd met een eenmalige toegangscode naar %1</p> 1528 1529 <input 1530 type="hidden" 1531 id="email-verification" 1532 name="email-verification" 1533 alt="email-verification" 1534 value="" 1535 > 1536 1537 <label for="otp-verification">Voer hieronder de 6-cijferige code in:</label> 1538 1539 <div class="otp"> 1540 <div class="otp__boxes"> 1541 <div class="otp__slots">
1542 <span></span> 1543 <span></span> 1544 <span></span> 1545 <span></span> 1546 <span></span> 1547 <span></span> 1548 </div> 1549 <div class="otp__clip"> 1550 <input type="text" 1551 id="otp-verification" 1552 inputmode="numeric" 1553 maxlength="7" 1554 name="otp-verification" 1555 autocomplete="one-time-code" 1556 pattern="\d{6}" 1557 required> 1558 </div> 1559 </div> 1560 </div> 1561 1562 <p id="resend-otp"> 1563 <button type="button" class="button--link" data-action="resend-otp">Code opnieuw verzenden</button> 1564 <span class="resend-otp__timer" data-role="resend-otp-timer" aria-live="polite" hidden></span> 1565 </p> 1566 1567 <div class="auth-action"> 1568 1569 <button type="submit" class="button--primary button--make_fw">Verifiëren</button> 1570 <p>E-mail niet ontvangen? <strong>Check je spam</strong></p> 1571 1572 </div> 1573 1574</form> 1575 1576<nav> 1577 <a href="/nl-be/contact">Hulp nodig?</a> 1578 <a href="/nl-be/privacybeleid">Privacybeleid</a> 1579 <a href="/nl-be/algemene-voorwaarden">Algemene voorwaarden</a> 1580</nav> 1581 1582</div></div>
1583<script>window.mfTranslationConfig={"locale":"nl_BE","store_id":"29","timestamp":1789502521};</script>
1583<script> 1584 var LOCALE = 'nl\u002DBE'; 1585 var BASE_URL = 'https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fnl\u002Dbe\u002F'; 1586 var require = { 1587 'baseUrl': 'https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fstatic\u002Fversion0.0.0.1228\u002Ffrontend\u002FBeerHawk\u002Fperfectdraft\u002Fnl_BE' 1588 };</script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/requirejs/require.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/mage/requirejs/mixins.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/requirejs-config.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Anowave_Ec/js/ec.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Magento_Theme/js/lazysizes.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/js/main.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/js/webview-common.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Magento_Theme/js/beerclub.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/js/smartbanner.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/js/live-banner.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Magento_Catalog/js/webview-plp.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Bss_ProductLabel/js/bss_fields_hook.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/BeerHawk_RefillSubscribedSegment/js/products_rendering_hook_nodefer.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Algolia_AlgoliaSearch/js/internals/common.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Algolia_AlgoliaSearch/js/insights.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Algolia_AlgoliaSearch/js/hooks.js"></script>
1588<script type="text/javascript" src="https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/Algolia_AlgoliaSearch/js/autocomplete.js"></script>
1588<script src=https://cdn.cookielaw.org/scripttemplates/otSDKStub.js data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="43a2c8ec-818f-473a-aa50-9adbcbf48a70" ></script>
1588<script type="text/javascript"> 1589function OptanonWrapper() { } 1590</script>
1590<script> 1591/* Temp: Embolden wallet text */ 1592 let page = document.querySelector('body.checkout-cart-index') 1593 if(page) { 1594 let selector = '.beer-tokens-estimate p'; 1595 elementReady(selector).then(()=>{ 1596 let text = document.querySelector(selector).innerText.split('. '); 1597 let newtext = text[0] + '. <br><span style="font-weight:700;">'+ text[1]+'</span>'; 1598 document.querySelector(selector).innerHTML = newtext; 1599 1600 }); 1601 1602 function elementReady(selector) { 1603 return new Promise((resolve, reject) => { 1604 let el = document.querySelector(selector); 1605 if (el) { 1606 resolve(el); 1607 return 1608 } 1609 new MutationObserver((mutationRecords, observer) => { 1610 Array.from(document.querySelectorAll(selector)).forEach((element) => { 1611 resolve(element); 1612 observer.disconnect(); 1613 }); 1614 }) 1615 .observe(document.documentElement, { 1616 childList: true, 1617 subtree: true 1618 }); 1619 }); 1620 } 1621 } 1622/* END: Embolden wallet text */ 1623 1624 1625/* Temp: Order Cancellation */ 1626const myOrders = document.querySelector('.account.sales-order-history'); 1627if (myOrders) { 1628 const orderTable = document.querySelector('.order-table'); 1629 const parentDiv = orderTable.parentNode; 1630 const newNode = document.createElement('p'); 1631 1632 newNode.style.marginBottom = "20px"; 1633 newNode.innerHTML = 'Om je bestelling te annuleren, graag per e-mail contact opnemen met onze klantenservice op <a href="mailto:[email protected]" style="white-space:nowrap;">[email protected]</a>. Houd er rekening mee dat we je bestelling alleen kunnen annuleren als de status "betaling geaccepteerd" is.'; 1634 1635 parentDiv.insertBefore(newNode, orderTable); 1636} 1637/* END: Order Cancellation */ 1638</script>
1638<script> 1639/* Safari Temp Dialog Fix */ 1640if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { 1641 var popupTrigger = document.activeElement; 1642 1643 document.addEventListener('click', function (event) { 1644 1645 if (event.target.hasAttribute('aria-expanded')) { 1646 popupTrigger = event.target || document.activeElement; 1647 } 1648 1649 if (document.querySelector('.BeerHawkPopup') && event.target.hasAttribute('onclick')) { 1650 popupTrigger = event.target || document.activeElement; 1651 } 1652 1653 if (document.querySelector('.popup-container') && event.target.id === 'qa--button--close-popup') { 1654 popupTrigger = event.target || document.activeElement; 1655 } 1656 1657 if (event.target.classList.contains('popup-bkg')) { 1658 popupTrigger = event.target || document.activeElement; 1659 } 1660 1661 if (event.target.classList.contains('shippingInfo-popup')) { 1662 if (event.target.classList.contains('shipping__info--header') || 1663 event.target.classList.contains('shipping__info--text') || 1664 event.target.classList.contains('fa-question-circle') 1665 ) { 1666 popupTrigger = event.target || document.activeElement; 1667 } 1668 } 1669 1670 }, false); 1671} 1672/* Safari Temp Dialog Fix */ 1673</script>
1673<script> 1674// global tracking for CMS/landing pages 1675document.addEventListener('DOMContentLoaded', function () { 1676 // only run on CMS pages 1677 if (document.body.classList.contains('cms-page-view')) { 1678 console.log('global tracking | is a CMS page'); 1679 1680 function validateDataObj(obj) { 1681 try { 1682 // add type checking 1683 if (!obj || typeof obj !== 'object') { 1684 console.warn('global tracking | invalid input to validateDataObj:', obj); 1685 return { valid: false }; 1686 } 1687 1688 // filter to only include non-empty values 1689 const validObj = Object.fromEntries( 1690 Object.entries(obj).filter(([_, value]) => { 1691 if (value == null) return false; 1692 if (typeof value === 'string') return value.trim() !== ''; 1693 return true; 1694 }) 1695 ); 1696 1697 return validObj.event 1698 ? { valid: true, data: validObj } 1699 : { valid: false }; 1700 1701 } catch (error) { 1702 console.error('global tracking | error in validateDataObj:', error); 1703 return { valid: false }; 1704 } 1705 } 1706 1707 const trackedElements = document.querySelectorAll('[data-layer]'); 1708 console.log({trackedElements}) 1709 if (trackedElements.length > 0) { 1710 trackedElements.forEach(trackedElement => { 1711 console.log({trackedElement}) 1712 trackedElement.addEventListener('click', function(e) { 1713 try { 1714 const attributesObj = JSON.parse(trackedElement.dataset.layer), 1715 resultObj = validateDataObj(attributesObj); 1716 1717 if (resultObj.valid) { 1718 console.log('global tracking | Valid data: ', {resultObj}) 1719 window.dataLayer && window.dataLayer.push(resultObj.data); 1720 } 1721 } catch (error) { 1722 console.error('global tracking | failed to parse tracking data:', error, trackedElement); 1723 } 1724 }); 1725 }); 1726 } 1727 } 1728}); 1729 1730</script>
1730<script> 1731 const helpLink = document.querySelector('.main-nav .menu-footer a.help'); 1732 helpLink && (helpLink.href = '/nl-be/contact'); 1733</script>
1733<script> 1734 if (window.isWebview) { 1735 document.addEventListener('DOMContentLoaded', function() { 1736 if (document.body.classList) { 1737 document.body.classList.add('is-webview'); 1738 } 1739 }); 1740 } 1741</script>
1741<script type="text/javascript" data-routing="commerce=rum" defer="defer" src="https://rum.hlx.page/.rum/@adobe/helix-rum-js@^2/dist/rum-standalone.js"></script>
1741<script type="text/x-magento-init"> 1742 { 1743 "*": { 1744 "Magento_PageCache/js/form-key-provider": { 1745 "isPaginationCacheEnabled": 1746 0 } 1747 } 1748 } 1749 </script>
1749<script data-ommit="true"> 1750 1751 /** 1752 * Magento 2 Google Tag Manager Enhanced Ecommerce (UA) Tracking 1753 * 1754 * @author Anowave 1755 * @see http://www.anowave.com/marketplace/magento-2-extensions/magento-2-google-tag-manager-enhanced-ecommerce-ua-tracking/ 1756 * @copyright 2020 Anowave 1757 */ 1758 1759 window.dataLayer = window.dataLayer || []; 1760 1761 1762 AEC.Const = 1763 { 1764 TIMING_CATEGORY_ADD_TO_CART: 'Add To Cart Time', 1765 TIMING_CATEGORY_REMOVE_FROM_CART: 'Remove From Cart Time', 1766 TIMING_CATEGORY_PRODUCT_CLICK: 'Product Detail Click Time', 1767 TIMING_CATEGORY_CHECKOUT: 'Checkout Time', 1768 TIMING_CATEGORY_CHECKOUT_STEP: 'Checkout Step Time', 1769 TIMING_CATEGORY_PRODUCT_WISHLIST: 'Add to Wishlist Time', 1770 TIMING_CATEGORY_PRODUCT_COMPARE: 'Add to Compare Time' 1771 }; 1772 1773 AEC.Const.URL = 'https://www.perfectdraft.com/nl-be/'; 1774 AEC.Const.VARIANT_DELIMITER = '-'; 1775 AEC.Const.VARIANT_DELIMITER_ATT = ':'; 1776 1777 1778 AEC.Const.CHECKOUT_STEP_SHIPPING = 1; 1779 AEC.Const.CHECKOUT_STEP_PAYMENT = 2; 1780 AEC.Const.CHECKOUT_STEP_ORDER = 3; 1781 1782 1783 AEC.Const.DIMENSION_SEARCH = 18; 1784 1785 1786 AEC.Const.COOKIE_DIRECTIVE = false; 1787 AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED = false; 1788 AEC.Const.COOKIE_DIRECTIVE_SEGMENT_MODE = false; 1789 AEC.Const.COOKIE_DIRECTIVE_SEGMENT_MODE_EVENTS = ["cookieConsentGranted"]; 1790 AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED_EVENT = "cookieConsentGranted"; 1791 AEC.Const.COOKIE_DIRECTIVE_CONSENT_DECLINE_EVENT = "cookieConsentDeclined"; 1792 1793 1794 AEC.Const.CATALOG_CATEGORY_ADD_TO_CART_REDIRECT_EVENT = "catalogCategoryAddToCartRedirect"; 1795 1796 1797 AEC.Message = 1798 { 1799 confirm: true, 1800 confirmRemoveTitle: "Weet je het zeker?", 1801 confirmRemove: "Weet u zeker dat u dit artikel uit de winkelwagen wilt verwijderen?" 1802 }; 1803 1804 AEC.storeName = "PerfectDraft nl_BE Store View"; 1805 AEC.currencyCode = "EUR"; 1806 AEC.useDefaultValues = false; 1807 AEC.facebook = false; 1808 AEC.facebookInitParams = []; 1809 AEC.eventCallback = false; 1810 1811 1812 AEC.SUPER = []; 1813 1814 1815 AEC.CONFIGURABLE_SIMPLES = []; 1816 1817 1818 AEC.BUNDLE = {"bundles":[],"options":[]}; 1819 1820 1821 AEC.localStorage = true; 1822 1823</script>
1823<script data-ommit="true"> 1824 1825 /** 1826 * Define dataLayer[] object 1827 */ 1828 window.dataLayer = window.dataLayer || []; 1829 1830 /** 1831 * Define transport layer to use as fallback in case of Ad-Blockers 1832 * 1833 * @copyright Anowave 1834 */ 1835 var dataLayerTransport = (function() 1836 { 1837 var data = []; 1838 1839 return { 1840 data:[], 1841 push: function(data) 1842 { 1843 this.data.push(data); 1844 1845 return this; 1846 }, 1847 serialize: function() 1848 { 1849 return this.data; 1850 } 1851 } 1852 })(); 1853 1854</script>
1854<script data-ommit="true"> 1855 1856 var EC = [], Purchase = []; 1857 1858 /* Dynamic remarketing */ 1859 window.google_tag_params = window.google_tag_params || {}; 1860 1861 /* Default pagetype */ 1862 window.google_tag_params.ecomm_pagetype = 'home'; 1863 1864 /* Grouped products collection */ 1865 window.G = []; 1866 1867 /** 1868 * Global revenue 1869 */ 1870 window.revenue = 0; 1871 1872 /** 1873 * DoubleClick 1874 */ 1875 window.DoubleClick = 1876 { 1877 DoubleClickRevenue: 0, 1878 DoubleClickTransaction: 0, 1879 DoubleClickQuantity: 0 1880 }; 1881 1882 var visitor = {"visitorLoginState":"Uitgelogd","visitorLifetimeValue":0,"visitorExistingCustomer":"Nee","visitorType":"NOT LOGGED IN","currentStore":"PerfectDraft nl_BE Store View"}; 1883 1884 1885 1886 AEC.Cookie.visitor(visitor).push(dataLayer, false); 1887 1888 1889 dataLayer.push({ pageType: "home"}); 1890 1891</script>
1891<script data-ommit="true">AEC.Bind.apply({"performance":false})</script>
1891<script type="text/javascript"> 1892 <!-- 1893 window.lazySizesConfig = window.lazySizesConfig || {}; 1894 lazySizesConfig.loadMode = 1; 1895 --> 1896</script>
1896<script type="text/javascript"> 1897 1898 requirejs(['jquery'], function (jQuery) { 1899 (function ($) { 1900 1901 (function (a, c, b, e) { 1902 a[b] = a[b] || {}; a[b].initial = { accountCode: "BEERH11111", host: "BEERH11111.pcapredict.com" }; 1903 a[b].on = a[b].on || function () { (a[b].onq = a[b].onq || []).push(arguments) }; var d = c.createElement("script"); 1904 d.async = !0; d.src = e; c = c.getElementsByTagName("script")[0]; c.parentNode.insertBefore(d, c) 1905 })(window, document, "pca", "/" + "/BEERH11111.pcapredict.com/js/sensor.js"); 1906 1907 pca.magento = pca.magento || {}; 1908 pca.magento.currentUrl = window.location.href; 1909 pca.magento.checkout = false; 1910 1911 pca.magento.isElementVisible = function( elem ) { 1912 return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length ); 1913 }; 1914 1915 pca.magento.setupCheckout = function(){ 1916 pca.magento.checkout = true; 1917 pca.magento.doLoad(); 1918 }; 1919 1920 pca.on('data', function(source, key, address, variations) { 1921 switch (source) { 1922 case "address": 1923 if (pca.magento.checkout) 1924 { 1925 // Because magento is using form validation on each field we need to fire a change on the fields we populate. 1926 var provinceField = null; 1927 for(var c = 0; c< pca.capturePlus.controls.length; c++){ 1928 var cont = pca.capturePlus.controls[c]; 1929 if(cont.key == key){ 1930 for(var f = 0; f < cont.fields.length; f++){ 1931 var element = pca.getElement(cont.fields[f].element); 1932 if(cont.fields[f].field === '{ProvinceName}'){ 1933 provinceField = element; 1934 } 1935 pca.fire(element, 'change'); 1936 } 1937 } 1938 } 1939 if(provinceField){ 1940 pca.setValue(provinceField, address.ProvinceName); 1941 pca.fire(provinceField, 'change'); 1942 } 1943 } 1944 break; 1945 } 1946 }); 1947 1948 // This bit of code was written to accommodate the Magento 2 DOM element fields with the same name and dynamic id's. 1949 // We are doing the equivalent of the following : 1950 // 1) Recording the amount of times the address fields are on the page, e.g. How many times is the "Postcode" element on the page. 1951 // 2) Taking each set in turn and getting the dynamic id's that relate to the names. e.g. <input name="postcode" id="D6G65BGS" ... 1952 // 3) For each of those id's we rewrite the mappings for a key. Control[Index].Mappings.Postcode = BGH34DF (pseudo-code) 1953 // 4) Reload the controls - this should then reduce down the number of found mappings as they have been re-written to the new id's. 1954 var loadHitCounter = 0; 1955 pca.on("load", function(type, key, control){ 1956 if(type == "capture+"){ 1957 for(var f = 0; f < control.fields.length; f++){ 1958 if(control.fields[f].element.indexOf('wait_') == 0){ 1959 control.fields[f].element = control.fields[f].element.replace('wait_', ''); 1960 } 1961 if(document.getElementById(control.fields[f].element)){ 1962 //ignore 1963 }else{ 1964 var elementsMatchedByName = document.getElementsByName(control.fields[f].element); 1965 1966 if(elementsMatchedByName.length > loadHitCounter){ 1967 control.fields[f].element = elementsMatchedByName[loadHitCounter].id; 1968 }else{ 1969 control.fields[f].element = "wait_" + control.fields[f].element; 1970 } 1971 } 1972 } 1973 control.reload(); 1974 loadHitCounter++; 1975 } 1976 }); 1977 1978 pca.magento.reloadPCA = function() { 1979 if (console && console.log) console.log("Loading PCA"); 1980 loadHitCounter = 0; 1981 pca.load(); 1982 } 1983 1984 pca.magento.loadPCA = function() { 1985 1986 pca.magento.reloadPCA(); 1987 1988 // If you login while in the checkout and add a new address, it will show a popup view. 1989 var buttons = document.getElementsByTagName('button'); 1990 for (var b = 0; b < buttons.length; b++) { 1991 if (buttons[b].className.indexOf('action-show-popup') > -1) { 1992 //onclick 1993 $(buttons[b]).off('click.pca').on('click.pca', function(){ 1994 pca.magento.reloadPCA(); 1995 }); 1996 } 1997 } 1998 1999 // Toggle button for adding billing fields on checkout single step. 2000 var els = document.getElementsByName('billing-address-same-as-shipping'); 2001 if (els && els.length) { 2002 for (var i=0; i < els.length; i++) { 2003 //onclick 2004 $(els[i]).off('click.pca').on('click.pca', function(){ 2005 if (this.checked === false) { 2006 pca.magento.reloadPCA(); 2007 } 2008 }); 2009 } 2010 } 2011 2012 // Logged in user can select an address on billing screen or add a new one. 2013 var els = document.getElementsByName('billing_address_id'); 2014 if (els && els.length) { 2015 for (var i=0; i < els.length; i++) { 2016 // onchange 2017 $(els[i]).off('change.pca').on('change.pca', function(){ 2018 pca.magento.reloadPCA(); 2019 }); 2020 } 2021 } 2022 2023 // This is so we can reload the mappings to find the next set of address fields. 2024 // NOTE - Monitor Fields and Continual Field Search could potenially remove this. 2025 if (pca.magento.checkout) { 2026 pca.magento.checkUrlChange(); 2027 } 2028 }; 2029 2030 pca.magento.checkUrlChange = function() { 2031 if (window.location.href != pca.magento.currentUrl) { 2032 pca.magento.currentUrl = window.location.href; 2033 window.setTimeout(pca.magento.loadPCA, 500); 2034 } 2035 else { 2036 window.setTimeout(pca.magento.checkUrlChange, 1000); 2037 } 2038 }; 2039 2040 // Checks for the dynamic fields are on the page - Means we will need to reload the view to perform the dynamic mapping above. 2041 pca.magento.dynamicMagentoFieldsExist = function() { 2042 2043 var isDynamicRegExp = new RegExp("^[A-Z0-9]{7}$"); // Magento 2 - 7 character dynamic id's. 2044 var col = document.getElementsByTagName("*"); 2045 2046 for (var i = 0; i < col.length; i++) { 2047 if (isDynamicRegExp.test(col[i].id) && pca.magento.isElementVisible(col[i])) { 2048 return true; 2049 } 2050 } 2051 } 2052 2053 pca.magento.doLoad = function() { 2054 // Load when ready. 2055 if (pca && 2056 pca.platform && 2057 typeof pca.platform.elementExists === 'function' && 2058 (pca.platform.getBindingsForService("PLATFORM_CAPTUREPLUS").length > 0 2059 || pca.platform.getBindingsForService("PLATFORM_MOBILEVALIDATION").length > 0 2060 || pca.platform.getBindingsForService("PLATFORM_EMAILVALIDATION").length > 0) 2061 && (!pca.magento.checkout || pca.magento.dynamicMagentoFieldsExist())) { 2062 2063 window.setTimeout(pca.magento.loadPCA, 500); 2064 } 2065 else { 2066 // re-set the timeout 2067 window.setTimeout(pca.magento.doLoad, 500); 2068 } 2069 }; 2070 2071 2072 })(jQuery); 2073 }); 2074 2075</script>
2075<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.perfectdraft.com\/nl-be\/","name":"PerfectDraft Europe","about":"Ontdek de ultieme bierervaring thuis met PerfectDraft! Bestel PerfectDraft biervaten en de machine online en laat het rechtstreeks bij je thuis bezorgen."}</script>
2075<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Organization","@id":"https:\/\/www.perfectdraft.com\/nl-be\/","name":"PerfectDraft Europe SAS","description":"Ontdek de ultieme bierervaring thuis met PerfectDraft! Bestel PerfectDraft biervaten en de machine online en laat het rechtstreeks bij je thuis bezorgen.","email":"[email protected]","address":{"@type":"PostalAddress","addressCountry":"FR","addressLocality":"Fretin","addressRegion":"Nord","streetAddress":"132 rue du Chemin Vert","postalCode":"59273"},"sameAs":[["https:\/\/www.facebook.com\/PerfectDraftBelgium","https:\/\/www.instagram.com\/perfectdraft_belgium\/"]],"image":"https:\/\/jtdtcwvg.tinifycdn.com\/media\/seller_image\/","url":"https:\/\/www.perfectdraft.com\/nl-be\/"}</script>
2075<script type="application/ld+json">{"@context":"http:\/\/schema.org\/","@type":"WebPage","speakable":{"@type":"SpeakableSpecification","cssSelector":[".cms-content"],"xpath":["\/html\/head\/title"]}}</script>
2075<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=default%2CArray.prototype.includes%2CPromise" crossorigin="anonymous"></script>
2075<script> 2076 window.algoliaConfig = {"instant":{"enabled":true,"selector":".columns","isAddToCartEnabled":true,"addToCartParams":{"action":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/cart\/add\/","formKey":"avUPt8QqUgAYFr5n","redirectUrlParam":"uenc"},"infiniteScrollEnabled":true,"urlTrackedParameters":["query","attribute:*","index"],"isSearchBoxEnabled":true,"isVisualMerchEnabled":false,"categorySeparator":" \/\/\/ ","categoryPageIdAttribute":"categoryPageId","isCategoryNavigationEnabled":false,"hidePagination":false},"autocomplete":{"enabled":true,"selector":".algolia-search-input","sections":[],"nbOfProductsSuggestions":3,"nbOfCategoriesSuggestions":2,"nbOfQueriesSuggestions":5,"isDebugEnabled":false,"isNavigatorEnabled":true,"debounceMilliseconds":300,"minimumCharacters":0},"landingPage":{"query":"","configuration":"[]"},"recommend":{"enabledFBT":false,"enabledRelated":false,"enabledFBTInCart":false,"enabledRelatedInCart":false,"enabledLookingSimilar":0,"limitFBTProducts":6,"limitRelatedProducts":6,"limitTrendingItems":6,"limitLookingSimilar":6,"enabledTrendItems":0,"trendItemFacetName":null,"trendItemFacetValue":null,"isTrendItemsEnabledInPDP":0,"isTrendItemsEnabledInCartPage":0,"isAddToCartEnabledInFBT":false,"isAddToCartEnabledInRelatedProduct":false,"isAddToCartEnabledInTrendsItem":false,"isAddToCartEnabledInLookingSimilar":false,"FBTTitle":"Frequently bought together","relatedProductsTitle":"Related products","trendingItemsTitle":"Trending items","addToCartParams":{"action":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/cart\/add\/","formKey":"avUPt8QqUgAYFr5n","redirectUrlParam":"uenc"},"isLookingSimilarEnabledInPDP":0,"isLookingSimilarEnabledInCartPage":0,"lookingSimilarTitle":"Looking Similar"},"extensionVersion":"3.14.3","applicationId":"ADCFIF4IR3","indexName":"Live_nl_BE","apiKey":"NmRjNmI0NWY4ODRiNjY0ZDk2MjA0NGE3YzE5NWEzNjBkYzBhNDY5YjBjYWFhOWMxNGRiNzYxODM5N2U5NTg2NXRhZ0ZpbHRlcnM9JnZhbGlkVW50aWw9MTc5MTY1NTc2NA==","attributeFilter":[],"facets":[{"attribute":"number_of_beers","type":"disjunctive","label":"Pack tapvaten","searchable":"2","create_rule":"2"},{"attribute":"all_product_type","type":"disjunctive","label":"Type product","searchable":"2","create_rule":"2"},{"attribute":"style","type":"disjunctive","label":"Stijl","searchable":"1","create_rule":"1"},{"attribute":"country","type":"disjunctive","label":"Land","searchable":"2","create_rule":"2"},{"attribute":"brewery","type":"disjunctive","label":"Brouwerij","searchable":"1","create_rule":"1"},{"attribute":"abvrange","type":"disjunctive","label":"Alcoholgehalte","searchable":"2","create_rule":"2"},{"attribute":"price","type":"slider","label":"Prijs","searchable":"2","create_rule":"2"}],"areCategoriesInFacets":false,"hitsPerPage":99,"sortingIndices":[{"attribute":"price","sort":"asc","sortLabel":"Laagste prijs","virtualReplica":"0","name":"Live_nl_BE_products_price_group_0_asc","ranking":["asc(price.EUR.group_0)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Laagste prijs"},{"attribute":"price","sort":"desc","sortLabel":"Hoogste prijs","virtualReplica":"0","name":"Live_nl_BE_products_price_group_0_desc","ranking":["desc(price.EUR.group_0)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Hoogste prijs"},{"attribute":"rating_summary","sort":"desc","sortLabel":"Gebruikersbeoordeling","virtualReplica":"0","name":"Live_nl_BE_products_rating_summary_desc","ranking":["desc(rating_summary)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Gebruikersbeoordeling"},{"attribute":"bestseller","sort":"desc","sortLabel":"Best verkocht","virtualReplica":"0","name":"Live_nl_BE_products_bestseller_desc","ranking":["desc(bestseller)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Best verkocht"},{"attribute":"created_at","sort":"desc","sortLabel":"Nieuwste eerst","virtualReplica":"0","name":"Live_nl_BE_products_created_at_desc","ranking":["desc(created_at)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Nieuwste eerst"}],"isSearchPage":false,"isCategoryPage":false,"isLandingPage":false,"removeBranding":false,"productId":null,"priceKey":".EUR.group_0","priceGroup":"group_0","origFormatedVar":"price.EUR.group_0_original_formated","tierFormatedVar":"price.EUR.group_0_tier_formated","currencyCode":"EUR","currencySymbol":"\u20ac","priceFormat":{"pattern":"\u20ac\u00a0%s","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"maxValuesPerFacet":30,"autofocus":true,"resultPageUrl":"https:\/\/www.perfectdraft.com\/nl-be\/catalogsearch\/result\/","request":{"query":"","refinementKey":"","refinementValue":"","categoryId":"","landingPageId":"","path":"","level":"","parentCategory":"","childCategories":[],"url":"https:\/\/www.perfectdraft.com\/nl-be\/"},"showCatsNotIncludedInNavigation":true,"showSuggestionsOnNoResultsPage":true,"baseUrl":"https:\/\/www.perfectdraft.com\/nl-be","popularQueries":["tripel karmeliet","stella\\","karmeliet","corona","stella artois","dfb__${98991*97996}__::.x","1}}\"}}'}}1%>\"%>'%><%={{={@{#{${dfb}}%>","kwak","keg","1 vat naar keuze + 2 glazen naar keuze"],"useAdaptiveImage":false,"urls":{"logo":"https:\/\/www.perfectdraft.com\/static\/version0.0.0.1228\/frontend\/BeerHawk\/perfectdraft\/nl_BE\/Algolia_AlgoliaSearch\/js\/images\/algolia-logo-blue.svg"},"cookieConfiguration":{"customerTokenCookie":"_ALGOLIA_MAGENTO_AUTH","consentCookieName":"user_allowed_save_cookie","cookieAllowButtonSelector":"#btn-cookie-allow","cookieRestrictionModeEnabled":false,"cookieDuration":"15552000000"},"ccAnalytics":{"enabled":true,"ISSelector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","conversionAnalyticsMode":"all","addToCartSelector":".action.primary.tocart","orderedProductIds":[]},"isPersonalizationEnabled":true,"personalization":{"enabled":true,"viewedEvents":{"viewProduct":{"eventName":"Product bekeken","enabled":true,"method":"viewedObjectIDs"}},"clickedEvents":{"productClicked":{"eventName":"Product geklikt","enabled":true,"selector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","method":"clickedObjectIDs"},"productRecommended":{"eventName":"Aanbevolen product aangeklikt","enabled":false,"selector":".products-upsell .product-item","method":"clickedObjectIDs"}},"filterClicked":{"eventName":"Filter geklikt","enabled":true,"method":"clickedFilters"}},"analytics":{"enabled":false,"delay":"3000","triggerOnUiInteraction":"1","pushInitialSearch":"0"},"now":1791504000,"queue":{"isEnabled":true,"nbOfJobsToRun":100,"retryLimit":3,"nbOfElementsPerIndexingJob":300},"isPreventBackendRenderingEnabled":false,"translations":{"to":"to","or":"or","go":"Gaan","popularQueries":"U kunt een van de populaire zoekopdrachten proberen","seeAll":"Bekijk alle producten","allDepartments":"Alle afdelingen","seeIn":"Zie producten binnen","orIn":"of binnen","noProducts":"Geen producten voor zoekopdracht","noResults":"No results","refine":"Verfijnen","selectedFilters":"Selected Filters","clearAll":"Alles wissen","previousPage":"Previous page","nextPage":"Next page","searchFor":"Zoek naar producten","relevance":"Aanbevolen","categories":"Categories","products":"Producten","suggestions":"Suggesties","searchBy":"Zoek met","searchForFacetValuesPlaceholder":"Zoek naar andere...","showMore":"Meer producten","searchTitle":"zoekresultaten voor","placeholder":"Zoek naar producten, c
2076ategorie\u00ebn, ...","addToCart":"In winkelwagen"}}; 2077 2078 // Update cached (due to full page cache) form_key. Not a singe place to consider! 2079 let formKeyFromCookies = (() => { 2080 let allCookies = document.cookie.split(';'); 2081 const formDataCookieName = 'form_key'; 2082 2083 for (let i = 0; i < allCookies.length; i++) { 2084 let cookiePair = allCookies[i].split("="); 2085 2086 if (formDataCookieName == cookiePair[0].trim()) { 2087 return decodeURIComponent(cookiePair[1]).trim(); 2088 } 2089 } 2090 2091 return null; 2092 })(); 2093 2094 if (formKeyFromCookies && algoliaConfig.instant && algoliaConfig.instant.addToCartParams) { 2095 algoliaConfig.instant.addToCartParams.formKey = formKeyFromCookies; 2096 } 2097 2098</script>
2098<script type="text/x-magento-init"> 2099 { 2100 "*": { 2101 "Magento_PageBuilder/js/widget-initializer": { 2102 "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Magento_PageBuilder\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/content-type\/slide\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/content-type\/banner\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false}}, 2103 "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 768px)","conditions":{"max-width":"768px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}} } 2104 } 2105 } 2106</script>
2106<script type="text/javascript">document.querySelector("#cookie-status").style.display = "none";</script>
2106<script type="text/x-magento-init"> 2107 { 2108 "*": { 2109 "cookieStatus": {} 2110 } 2111 } 2112</script>
2112<script type="text/x-magento-init"> 2113 { 2114 "*": { 2115 "mage/cookies": { 2116 "expires": null, 2117 "path": "\u002Fnl\u002Dbe", 2118 "domain": ".www.perfectdraft.com", 2119 "secure": true, 2120 "lifetime": "2592000" 2121 } 2122 } 2123 } 2124</script>
2124<script> 2125 window.cookiesConfig = window.cookiesConfig || {}; 2126 window.cookiesConfig.secure = true; 2127</script>
2127<script> require.config({ 2128 map: { 2129 '*': { 2130 wysiwygAdapter: 'mage/adminhtml/wysiwyg/tiny_mce/tinymceAdapter' 2131 } 2132 } 2133 });</script>
2133<script> require.config({ 2134 paths: { 2135 googleMaps: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3.53\u0026key\u003D' 2136 }, 2137 config: { 2138 'Magento_PageBuilder/js/utils/map': { 2139 style: '', 2140 }, 2141 'Magento_PageBuilder/js/content-type/map/preview': { 2142 apiKey: '', 2143 apiKeyErrorMessage: 'U\u0020moet\u0020een\u0020geldige\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fnl\u002Dbe\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u002Dsleutel\u003C\u002Fa\u003E\u0020opgeven\u0020om\u0020een\u0020\u200B\u200Bkaart\u0020te\u0020kunnen\u0020gebruiken.' 2144 }, 2145 'Magento_PageBuilder/js/form/element/map': { 2146 apiKey: '', 2147 apiKeyErrorMessage: 'U\u0020moet\u0020een\u0020geldige\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fnl\u002Dbe\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u002Dsleutel\u003C\u002Fa\u003E\u0020opgeven\u0020om\u0020een\u0020\u200B\u200Bkaart\u0020te\u0020kunnen\u0020gebruiken.' 2148 }, 2149 } 2150 });</script>
2150<script> 2151 require.config({ 2152 shim: { 2153 'Magento_PageBuilder/js/utils/map': { 2154 deps: ['googleMaps'] 2155 } 2156 } 2157 });</script>
2157<script type="text/x-magento-init"> 2158 { 2159 "*": { 2160 "toastConfig": {} 2161 } 2162 } 2163</script>
2163<script type="text/x-magento-init"> 2164{ 2165 ".ajax-logged-in": { 2166 "beerhawkajaxloggedin": {} 2167 } 2168} 2169</script>
2169<script type="text/x-magento-init"> 2170{ 2171 ".ajax-logged-in": { 2172 "beerhawkajaxloggedin": {} 2173 }, 2174 ".beer-tokens-menu-item": { 2175 "beerTokensCard": {} 2176 } 2177} 2178</script>
2178<script> 2179 window.checkout = {"shoppingCartUrl":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/cart\/","checkoutUrl":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/","updateItemQtyUrl":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/sidebar\/updateItemQty\/","removeItemUrl":"https:\/\/www.perfectdraft.com\/nl-be\/checkout\/sidebar\/removeItem\/","imageTemplate":"Magento_Catalog\/product\/image_with_borders","baseUrl":"https:\/\/www.perfectdraft.com\/nl-be\/","minicartMaxItemsVisible":3,"websiteId":"13","maxItemsToDisplay":10,"storeId":"29","storeGroupId":"13","customerLoginUrl":"https:\/\/www.perfectdraft.com\/nl-be\/customer\/account\/login\/","isRedirectRequired":false,"autocomplete":"off","captcha":{"user_login":{"isCaseSensitive":false,"imageHeight":50,"imageSrc":"","refreshUrl":"https:\/\/www.perfectdraft.com\/nl-be\/captcha\/refresh\/","isRequired":false,"timestamp":1791546597}}}; 2180 </script>
2180<script type="text/x-magento-init"> 2181 { 2182 "*": { 2183 "minicartConfig": { 2184 "imgPath": "https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/icons", 2185 "currency": "EUR" 2186 }, 2187 "Magento_Ui/js/block-loader": "https://www.perfectdraft.com/static/version0.0.0.1228/frontend/BeerHawk/perfectdraft/nl_BE/images/loader-1.gif" 2188 }, 2189 "[data-block='minicart']": { 2190 "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":1,"display_cart_subtotal_excl_tax":0,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals","children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}}}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"children":{"clearpay.cta":{"component":"clearpayCta","template":"Clearpay_Clearpay\/cta\/cta","sortOrder":"0","config":{"id":"clearpay-cta-mini-cart","pageType":"mini-cart","modelContainerId":"clearpay-mini-cart-container"},"children":{"clearpay.cta.mini.cart.data.retriever":{"component":"Clearpay_Clearpay\/js\/service\/container\/cart\/mini-cart-data-retriever","config":{"modelContainerId":"clearpay-mini-cart-container"}}}},"clearpay.express.checkout":{"component":"clearpayExpressCheckoutButton","template":"Clearpay_Clearpay\/express-checkout\/button-minicart","sortOrder":"1","config":{"entryPoint":"mini-cart","modelContainerId":"clearpay-mini-cart-container"},"children":{"clearpay.express.checkout.mini.cart.data.retriever":{"component":"Clearpay_Clearpay\/js\/service\/container\/cart\/mini-cart-data-retriever","config":{"modelContainerId":"clearpay-mini-cart-container"}}}},"mini_cart_button":{"component":"Klarna_Kec\/js\/mini-cart-kec-button","displayArea":"miniCartButton"}},"component":"uiComponent","config":{"displayArea":"extraInfo","template":"Klarna_Kec\/mini-cart-btn"}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"}},"types":[]} } 2191 } 2192 </script>
2192<script type="text/x-magento-init"> 2193 { 2194 "#bh-notification-banners-wrapper": { 2195 "BeerHawk_NotificationBanner/js/notification-banner": { 2196 "banners_config_data": {"activatedBanners":[],"storeId":"29","storeTimezone":"Europe\/Brussels"} } 2197 } 2198 } 2199</script>
2199<script type="text/x-magento-init"> 2200 { 2201 "*": { 2202 "Magento_Ui/js/core/app": { 2203 "components": { 2204 "messages": { 2205 "component": "Magento_Theme/js/view/messages" 2206 } 2207 } 2208 }, 2209 "Magento_Theme/js/messages-clear": {} 2210 } 2211 } 2212</script>
2212<script type="text/x-magento-init"> 2213 { 2214 "*": { 2215 "Magento_Customer/js/section-config": { 2216 "sections": {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages","company","customer"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha","customersegments"],"catalog\/product_compare\/add":["compare-products"],"catalog\/product_compare\/remove":["compare-products"],"catalog\/product_compare\/clear":["compare-products"],"sales\/guest\/reorder":["cart","ammessages"],"sales\/order\/reorder":["cart","ammessages"],"rest\/v1\/requisition_lists":["requisition"],"requisition_list\/requisition\/delete":["requisition"],"requisition_list\/item\/addtocart":["cart"],"checkout\/cart\/add":["cart","directory-data","ammessages"],"checkout\/cart\/delete":["cart","ammessages"],"checkout\/cart\/updatepost":["cart","ammessages"],"checkout\/cart\/updateitemoptions":["cart","ammessages"],"checkout\/cart\/couponpost":["cart","ammessages"],"checkout\/cart\/estimatepost":["cart","ammessages"],"checkout\/cart\/estimateupdatepost":["cart","ammessages"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items","ammessages"],"checkout\/sidebar\/removeitem":["cart","ammessages"],"checkout\/sidebar\/updateitemqty":["cart","ammessages"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","instant-purchase","ammessages"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha","ammessages"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data","ammessages"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","instant-purchase","ammessages"],"customer_order\/cart\/updatefaileditemoptions":["cart"],"checkout\/cart\/updatefaileditemoptions":["cart"],"customer_order\/cart\/advancedadd":["cart"],"checkout\/cart\/advancedadd":["cart"],"checkout\/cart\/removeallfailed":["cart"],"checkout\/cart\/removefailed":["cart"],"customer_order\/cart\/addfaileditems":["cart"],"checkout\/cart\/addfaileditems":["cart"],"customer_order\/sku\/uploadfile":["cart"],"wishlist\/index\/add":["wishlist"],"wishlist\/index\/remove":["wishlist"],"wishlist\/index\/updateitemoptions":["wishlist"],"wishlist\/index\/update":["wishlist"],"wishlist\/index\/cart":["wishlist","cart"],"wishlist\/index\/fromcart":["wishlist","cart"],"wishlist\/index\/allcart":["wishlist","cart"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"],"giftregistry\/index\/cart":["cart"],"giftregistry\/view\/addtocart":["cart"],"company\/company\/select":["customer-companies","cart","cart-data","checkout-data","negotiable_quote","purchase_order"],"rest\/*\/v1\/carts\/*\/po-payment-information":["cart","checkout-data","last-ordered-items"],"purchaseorder\/purchaseorder\/success":["cart","checkout-data","last-ordered-items"],"customer\/address\/*":["instant-purchase"],"customer\/account\/*":["instant-purchase"],"vault\/cards\/deleteaction":["instant-purchase"],"multishipping\/checkout\/overviewpost":["cart","ammessages"],"wishlist\/index\/copyitem":["wishlist"],"wishlist\/index\/copyitems":["wishlist"],"wishlist\/index\/deletewishlist":["wishlist","multiplewishlist"],"wishlist\/index\/createwishlist":["multiplewishlist"],"wishlist\/index\/editwishlist":["multiplewishlist"],"wishlist\/index\/moveitem":["wishlist"],"wishlist\/index\/moveitems":["wishlist"],"wishlist\/search\/addtocart":["cart","wishlist"],"paypal\/express\/placeorder":["cart","checkout-data","ammessages"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data","ammessages"],"paypal\/express\/onauthorization":["cart","checkout-data","ammessages"],"persistent\/index\/unsetcookie":["persistent"],"quickorder\/sku\/uploadfile\/":["cart"],"review\/product\/post":["review"],"paymentservicespaypal\/smartbuttons\/placeorder":["cart","checkout-data"],"paymentservicespaypal\/smartbuttons\/cancel":["cart","checkout-data"],"amasty_promo\/cart\/add":["cart","ammessages"],"braintree\/paypal\/placeorder":["ammessages","cart","checkout-data"],"authorizenet\/directpost_payment\/place":["ammessages"],"braintree\/googlepay\/placeorder":["cart","checkout-data"],"customer\/guest\/segment":["customersegments"],"clearpay\/payment\/capture":["cart","checkout-data","last-ordered-items"],"clearpay\/express\/placeorder":["cart","checkout-data","last-ordered-items"]}, 2217 "clientSideSections": ["checkout-data","cart-data"], 2218 "baseUrls": ["https:\/\/www.perfectdraft.com\/nl-be\/"], 2219 "sectionNames": ["messages","customer","compare-products","last-ordered-items","requisition","cart","directory-data","captcha","wishlist","company","company_authorization","customer-companies","negotiable_quote","purchase_order","instant-purchase","loggedAsCustomer","multiplewishlist","persistent","review","payments","ammessages","customersegments","recently_viewed_product","recently_compared_product","product_data_storage","paypal-billing-agreement"] } 2220 } 2221 } 2222</script>
2222<script type="text/x-magento-init"> 2223 { 2224 "*": { 2225 "Magento_Customer/js/customer-data": { 2226 "sectionLoadUrl": "https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fnl\u002Dbe\u002Fcustomer\u002Fsection\u002Fload\u002F", 2227 "expirableSectionLifetime": 60, 2228 "expirableSectionNames": ["cart","persistent"], 2229 "cookieLifeTime": "2592000", 2230 "cookieDomain": "", 2231 "updateSessionUrl": "https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fnl\u002Dbe\u002Fcustomer\u002Faccount\u002FupdateSession\u002F", 2232 "isLoggedIn": "" 2233 } 2234 } 2235 } 2236</script>
2236<script type="text/x-magento-init"> 2237 { 2238 "*": { 2239 "Magento_Customer/js/invalidation-processor": { 2240 "invalidationRules": { 2241 "website-rule": { 2242 "Magento_Customer/js/invalidation-rules/website-rule": { 2243 "scopeConfig": { 2244 "websiteId": "13" 2245 } 2246 } 2247 } 2248 } 2249 } 2250 } 2251 } 2252</script>
2252<script type="text/x-magento-init"> 2253 { 2254 "body": { 2255 "pageCache": {"url":"https:\/\/www.perfectdraft.com\/nl-be\/page_cache\/block\/render\/","handles":["default","cms_index_index","cms_page_view","cms_index_index_id_homepage","algolia_search_handle","blog_css"],"originalRequest":{"route":"cms","controller":"index","action":"index","uri":"\/nl-be\/"},"versionCookieName":"private_content_version"} } 2256 } 2257</script>
2257<script type="text/x-magento-init"> 2258{ 2259 "*": { 2260 "Magento_Banner/js/model/banner": 2261 {"sectionLoadUrl":"https:\/\/www.perfectdraft.com\/nl-be\/banner\/ajax\/load\/","cacheTtl":30000} } 2262} 2263</script>
2263<script type="text/x-magento-init"> 2264 { 2265 "*": { 2266 "Bss_ProductLabel/js/label":{} 2267 } 2268 } 2269</script>
2269<script type="text/x-magento-init"> 2270 { 2271 "*": { 2272 "Bss_ProductLabel/js/label-productlist-page":{ 2273 "selector" : ".product" 2274 } 2275 } 2276 } 2277</script>
2277<script> 2278 require(['jquery', 'domReady!'], function($){ 2279 if ($('.mfblogunveil').length) { 2280 require(['Magefan_Blog/js/lib/mfblogunveil'], function(){ 2281 $('.mfblogunveil').mfblogunveil(); 2282 }); 2283 } 2284 }); 2285 </script>
2285<script> 2286 window.kegDepositConfig = {"isEnabled":true,"depositKegPrice":5,"popupContent":"<style>\r\n .krh-link:hover, .krh-link:active, .krh-link:focus {text-decoration: none;}\r\n .deposit-value {font-size: 18px; line-height: 22px;}\r\n @media (min-width: 768px) {.deposit-value{font-size:20px; line-height:24px;}}\r\n @media (min-width: 1025px) {.deposit-value{font-size:24px; line-height:29px;}}\r\n<\/style>\r\n<div style=\"box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; width: 100%; min-width: 0px; padding: 16px;\"><img style=\"min-width: 0px; margin-bottom: 16px;\" data-src=\"https:\/\/assets.interdrinks.com\/_next\/static\/images\/KegReturn-45a7c0165000852ddab368c4ef30c16b.svg\" class=\"lazyload\">\r\n<div style=\"box-sizing: border-box; width: 100%; min-width: 0px; margin: 8px;\">\r\n<div class=\"deposit-value\" style=\"box-sizing: border-box; margin: 0px 0px 8px; font-weight: bold; text-align: center; width: 100%; min-width: 0px;\">1 vat gerecycled =<span style=\"box-sizing: border-box; color: rgb(205, 20, 44); width: auto; min-width: 0px;\">\u20ac5 in je wallet!<\/span><\/div>\r\n<div style=\"box-sizing: border-box; font-size: 16px; line-height: 24px; text-align: center; width: 100%; min-width: 0px;\">Bereid je lege vaten voor en lever ze in bij een van de daarvoor bestemde inzamelpunten. Voor elk teruggestuurd vat ontvangt u 5\u20ac statiegeld in uw spaarpot terug. <strong>Het is gratis, snel en milieuvriendelijk. <a class=\"krh-link\" style=\"box-sizing: border-box; color: rgb(28, 119, 195); width: 100%; min-width: 0px;\" title=\"\" href=\"\/nl-be\/terugbrengen-van-vaten\">Meer informatie<\/a><\/strong><\/div>\r\n<\/div>\r\n<\/div>"}; 2287</script>
vendor: 67 bytes, line 2287
2287<script src="https://www.google.com/recaptcha/enterprise.js?render=
22876LcZQiUoAAAAAAO3JUjLiT470c-pNXbWyepuvMtV
vendor: 11 bytes, line 2287
2287"></script>
2287<script> 2288 window.pdGoogleRecaptchaConig = {"isLoginEnabled":true,"siteKey":"6LcZQiUoAAAAAAO3JUjLiT470c-pNXbWyepuvMtV","loginActionName":"login"}; 2289</script>
2289<script type="text/x-magento-init" nodefer> 2290{ 2291 "*": { 2292 "bhApp": { 2293 "url": "https://www.perfectdraft.com/nl-be/bhappdata/get/index/" 2294 } 2295 } 2296} 2297</script>
2297<script type="text/x-magento-init"> 2298{ 2299 ".ajax-logged-in": { 2300 "beerhawkajaxloggedin": { 2301 "url": "https://www.perfectdraft.com/nl-be/ajaxloggedin/index/index/" 2302 } 2303 }, 2304 ".beer-tokens-banner-card-holder": { 2305 "beerTokensCard": {} 2306 } 2307} 2308</script>
2308<script type="text/template" id="instant-hit-template"> 2309 <div class="col-md-4 col-sm-6" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 2310 2311 <meta itemprop="position" content="{{__position}}" /> 2312 <div class="result-wrapper" itemprop="item" itemscope itemtype="http://schema.org/Product"> 2313 <meta itemprop="url" 2314 {{^__queryID}} content="{{url}}" {{/__queryID}} 2315 {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}} 2316 /> 2317 <meta itemprop="sku" content="{{sku}}" /> 2318 <meta itemprop="brand" content="{{brewery}}" /> 2319 <meta itemprop="image" content="{{image_url}}" /> 2320 <meta itemprop="description" content="{{short_description}}" /> 2321 2322 <div class="result-content"> 2323 2324 <div class="result-thumbnail-continer"> 2325 <div class="result-thumbnail"> 2326 {{#image_url}}<img itemprop="image" data-src="{{image_url}}" aria-hidden="true" alt="{{name}}" class="lazyload" />{{/image_url}} 2327 {{^image_url}}<span class="no-image" width="235" height="235"></span>{{/image_url}} 2328 2329 {{#bssImages}} 2330 <img data-src="{{imageUrl}}" class="lazyload bss-label" style="{{imageStyles}}" aria-hidden="true" alt="" /> 2331 {{/bssImages}} 2332 2333 {{#is_free_delivery}} 2334 <div class="product-free_delivery"><span>Gratis bezorging</span></div> 2335 {{/is_free_delivery}} 2336 </div> 2337 </div> 2338 2339 <div class="result-name-and-rating-container"> 2340 <h3 itemprop="name" class="result-title text-ellipsis"> 2341 <a class="result product__link" 2342 {{^__queryID}} href="{{url}}" {{/__queryID}} 2343 {{#__queryID}} href="{{urlForInsights}}" {{/__queryID}} 2344 data-objectid="{{objectID}}" 2345 data-indexname="{{__indexName}}" 2346 data-position="{{__position}}" 2347 data-queryid="{{__queryID}}" 2348 2349 data-id="{{sku}}" 2350 data-name="{{name}}" 2351 data-brand="{{brewery}}" 2352 data-price="{{price.EUR.group_0}}" 2353 data-position="{{__position}}" 2354 {{#in_stock}} data-dimension10="In Stock" {{/in_stock}} 2355 {{^in_stock}} data-dimension10="Out of Stock" {{/in_stock}} 2356 > 2357 {{name}} 2358 </a> 2359 </h3> 2360 2361 <div class="ratings"{{^reviewCount}} style="opacity: 0;pointer-events:none"{{/reviewCount}}> 2362 <div class="product-reviews-summary short" {{#reviewCount}}itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating"{{/reviewCount}}> 2363 {{#reviewCount}} 2364 <meta itemprop="reviewCount" content="{{reviewCount}}"/> 2365 <meta itemprop="ratingValue" content="{{rating_summary}}%"> 2366 {{/reviewCount}} 2367 <div class="rating-summary"> 2368 <span class="label"> 2369 <!-- <span> -->Beoordeling:<!-- </span> --> 2370 </span> 2371 <div class="rating-result" {{#reviewCount}}itemprop="ratingValue"{{/reviewCount}}> 2372 <div class="stars"> 2373 <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg> 2374 <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg> 2375 <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg> 2376 <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg> 2377 <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg> 2378 <div class="cover" style="width: {{rating_summary_display}}%;"></div> 2379 </div> 2380 2381 </div> 2382 </div> 2383 </div> 2384 </div> 2385 </div> 2386 2387 <div class="result-price-container"> 2388 {{^price.EUR.group_0_max}} 2389 <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price"> 2390 <meta itemprop="price" content="{{price.EUR.group_0}}" /> 2391 <meta itemprop="url" 2392 {{^__queryID}} content="{{url}}" {{/__queryID}} 2393 {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}} 2394 /> 2395 <meta itemprop="availability" content="http://schema.org/{{schemaAvailability}}" /> 2396 {{/price.EUR.group_0_max}} 2397 {{#price.EUR.group_0_max}} 2398 <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer" class="price"> 2399 <meta itemprop="lowPrice" content="{{price.EUR.group_0}}" /> 2400 <meta itemprop="highPrice" content="{{price.EUR.group_0_max}}" /> 2401 {{/price.EUR.group_0_max}} 2402 <meta itemprop="priceCurrency" content="EUR" /> 2403 <div class="price-wrapper"> 2404 <div class="price-wrapper-inner"> 2405 {{^showPriceComparison}}
2406 <span class="display_price"> 2407 {{#price.EUR.group_0_original_formated}} 2408 {{price.EUR.group_0_original_formated}} 2409 {{/price.EUR.group_0_original_formated}} 2410 2411 {{^price.EUR.group_0_original_formated}} 2412 {{price.EUR.group_0_formated}} 2413 {{/price.EUR.group_0_original_formated}} 2414 </span> 2415 {{/showPriceComparison}} 2416 2417 {{#showPriceComparison}} 2418 2419 <span class="after_special 2420 {{#price.EUR.group_0_original_formated}} 2421 promotion 2422 {{/price.EUR.group_0_original_formated}} display_price" 2423 > 2424 {{price.EUR.group_0_formated}} 2425 </span> 2426 2427 {{/showPriceComparison}} 2428 2429 <div class="price-info"> 2430 {{#showPriceComparison}} 2431 <span class="before_special"> 2432 {{^bundleSlashPrice}} 2433 {{#price.EUR.group_0_original_formated}} 2434 {{price.EUR.group_0_original_formated}} 2435 {{/price.EUR.group_0_original_formated}} 2436 {{/bundleSlashPrice}} 2437 2438 {{#bundleSlashPrice}} 2439 {{bundleSlashPrice}} 2440 {{/bundleSlashPrice}} 2441 </span> 2442 {{/showPriceComparison}} 2443 2444 </div> 2445 2446 </div> 2447 2448 {{#1}} 2449 <span class="tier_price"> 2450 Zo laag als <span class="tier_value display_price">{{price.EUR.group_0_tier_formated}}</span> 2451 </span> 2452 {{/1}} 2453 2454 {{#ppiPrice}} 2455 <span class="price-per-item">{{ppiPrice}}{{ppiString}}</span> 2456 {{/ppiPrice}} 2457 2458 {{#requiresDepositKeg}} 2459 <button 2460 aria-label="Leeggoed " 2461 aria-expanded="false" 2462 class="button--neutral button--keg-deposit keg-deposit-label-wrapper" 2463 onclick="event.preventDefault(); window.showKegDepositPopup();" 2464 > 2465 <span class="keg-deposit-label">{{kegDepositMessage}}</span> 2466 </button> 2467 {{/requiresDepositKeg}} 2468 2469 </div> 2470 </div> 2471 </div> 2472 2473 <div class="result-cart-elements-container"> 2474 <div class="cart-elements"> 2475 {{#isAddToCartEnabled}} 2476 <form 2477 {{#isSubscription}} 2478 onSubmit="event.preventDefault(); window.buySubscription({{objectID}}, event.target.elements.qty.value);" 2479 {{/isSubscription}} 2480 {{^isSubscription}} 2481 data-role="tocart-form" 2482 action="{{ addToCart.action }}" 2483 method="post" 2484 onSubmit="event.preventDefault(); window.addToCart(event.target);" 2485 {{/isSubscription}} 2486 data-reset-form-key="{{resetFormKey}}" 2487 > 2488 <input type="hidden" name="queryID" value="{{__queryID}}"> 2489 <input type="hidden" name="product" value="{{objectID}}"> 2490 <input type="hidden" name="uenc" value="{{ addToCart.uenc }}"> 2491 <input name="form_key" type="hidden" value="{{ addToCart.formKey }}"> 2492 <div class="product__qty" {{#hideQtySelectors}}style="opacity:0;visibility:hidden"{{/hideQtySelectors}}> 2493 <button type="button" aria-label="decrease quantity" class="qty__down fal fa-minus fa-2x qty__disabled" id="dn_{{objectID}}" {{#in_stock}}onClick="qty_change('dn', '{{objectID}}');"{{/in_stock}}></button> 2494 <input data-public="true" aria-label="quantity" type="number" {{^isAvailableForCurrentCustomer}}disabled="true"{{/isAvailableForCurrentCustomer}} name="qty" class="input-text qty" maxlength="12" id="qty_{{objectID}}" data-defaultvalue="1" value="1" title="How many would you like?" onChange="qty_set('{{objectID}}')" {{^in_stock}}disabled="disabled"{{/in_stock}} /> 2495 <button type="button" aria-label="increase quantity" class="qty__up fal fa-plus fa-2x {{^in_stock}}qty__disabled{{/in_stock}} {{^isAvailableForCurrentCustomer}}qty__disabled{{/isAvailableForCurrentCustomer}}" id="up_{{objectID}}" {{#in_stock}}onClick="qty_change('up','{{objectID}}');"{{/in_stock}}></button> 2496 </div> 2497 {{#isAvailableForCurrentCustomer}} 2498 {{#isPdpLink}} 2499 <a href="{{url}}" class="action button button--primary-inv pdp-link" title="{{buttonTooltip}}" {{#isOOS}}onClick="window.getProductData(event.target);"{{/isOOS}} 2500 {{/isPdpLink}} 2501 {{^isPdpLink}} 2502 <button type="submit" title="{{buttonTooltip}}" class="button button--primary" 2503 {{/isPdpLink}} 2504 data-objectid="{{objectID}}" 2505 data-indexname="{{__indexName}}" 2506 data-position="{{__position}}" 2507 data-queryid="{{__queryID}}" 2508 2509 data-id="{{sku}}" 2510 data-name="{{name}}" 2511 data-brand="{{brewery}}" 2512 data-price="{{price.EUR.group_0}}" 2513 data-category="{{category}}" 2514 data-position="{{__position}}" 2515 2516 >
2517 <span>{{buttonLabel}}</span> 2518 {{#isPdpLink}} 2519 </a> 2520 {{/isPdpLink}} 2521 {{^isPdpLink}} 2522 </button> 2523 {{/isPdpLink}} 2524 {{/isAvailableForCurrentCustomer}} 2525 {{^isAvailableForCurrentCustomer}} 2526 {{{disabled_addtocart_description}}} 2527 {{/isAvailableForCurrentCustomer}} 2528 </form> 2529 {{/isAddToCartEnabled}} 2530 </div> 2531 </div> 2532 2533 <div class="result-labels-and-attributes-container"> 2534 2535 {{#bssTextLabels.length}} 2536 <div class="bss-label-textlist bss-label-textlist-plp" style="width: 100%;"> 2537 {{#bssTextLabels}} 2538 <div class="label-text" style="--bss-label-color: {{textColour}}; --bss-label-background-color: {{textBackgroundColour}}"> 2539 {{{text}}} 2540 </div> 2541 {{/bssTextLabels}} 2542 </div> 2543 {{/bssTextLabels.length}} 2544 2545 {{#showAttrTable}} 2546 <div class="product-attr-labels"> 2547 <div class="label attr-label__size"><span>{{attr2}}</span></div> 2548 <div class="label attr-label__abv"><span>{{attr1}}</span></div> 2549 <div class="label attr-label__country"><span>{{attr3}}</span></div> 2550 </div> 2551 {{/showAttrTable}} 2552 2553 </div> 2554 2555 </div> 2556 2557 <div class="algolia-clearfix"></div> 2558 </div> 2559 </div> 2560</script>
2560<script type="text/x-magento-init"> 2561 { 2562 "*": { 2563 "PerfectDraft_ProductWidget/productSection" : { 2564 "sectionContainer" : "pr-products-vejnf", 2565 "productIds" : "1438,1440,2615,4931", 2566 "kegDepositConfig": {"isEnabled":true,"depositKegPrice":5,"popupContent":"<style>\r\n .krh-link:hover, .krh-link:active, .krh-link:focus {text-decoration: none;}\r\n .deposit-value {font-size: 18px; line-height: 22px;}\r\n @media (min-width: 768px) {.deposit-value{font-size:20px; line-height:24px;}}\r\n @media (min-width: 1025px) {.deposit-value{font-size:24px; line-height:29px;}}\r\n<\/style>\r\n<div style=\"box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; width: 100%; min-width: 0px; padding: 16px;\"><img style=\"min-width: 0px; margin-bottom: 16px;\" data-src=\"https:\/\/assets.interdrinks.com\/_next\/static\/images\/KegReturn-45a7c0165000852ddab368c4ef30c16b.svg\" class=\"lazyload\">\r\n<div style=\"box-sizing: border-box; width: 100%; min-width: 0px; margin: 8px;\">\r\n<div class=\"deposit-value\" style=\"box-sizing: border-box; margin: 0px 0px 8px; font-weight: bold; text-align: center; width: 100%; min-width: 0px;\">1 vat gerecycled =<span style=\"box-sizing: border-box; color: rgb(205, 20, 44); width: auto; min-width: 0px;\">\u20ac5 in je wallet!<\/span><\/div>\r\n<div style=\"box-sizing: border-box; font-size: 16px; line-height: 24px; text-align: center; width: 100%; min-width: 0px;\">Bereid je lege vaten voor en lever ze in bij een van de daarvoor bestemde inzamelpunten. Voor elk teruggestuurd vat ontvangt u 5\u20ac statiegeld in uw spaarpot terug. <strong>Het is gratis, snel en milieuvriendelijk. <a class=\"krh-link\" style=\"box-sizing: border-box; color: rgb(28, 119, 195); width: 100%; min-width: 0px;\" title=\"\" href=\"\/nl-be\/terugbrengen-van-vaten\">Meer informatie<\/a><\/strong><\/div>\r\n<\/div>\r\n<\/div>"} } 2567 } 2568 } 2569</script>
2569<script type="text/x-magento-init"> 2570 { 2571 "[data-role=tocart-form]": { 2572 "catalogAddToCart": {} 2573 } 2574 } 2575</script>
2575<script> 2576 const categoryLinks = Array.from(document.querySelectorAll('.shop-categories__wrapper a')); 2577 2578 Array.isArray(categoryLinks) && categoryLinks.length && categoryLinks.forEach(link => link.addEventListener('click', () => { 2579 window.dataLayer && window.dataLayer.push({ 2580 'event': 'clickShopCategoriesItem', 2581 'categoryItem' : link.title 2582 }); 2583 })); 2584</script>
2584<script type="text/x-magento-init"> 2585{ 2586 "*" : { 2587 "emailSignUpWidget" : { 2588 "uniqueID": "widget9449", 2589 "signUpFormSuccessMessage": "Thank you for signing up, you will receive your email soon", 2590 "signUpFormErrorMessage": "", 2591 "consentCategories": "pd_philips,pd_pro,kegs", 2592 "consentText": "Meld je aan voor onze nieuwsbrief en ontvang bericht over onze nieuwste aanwinsten, loyaliteitsvoordeeltjes en exclusieve aanbiedingen.", 2593 "consentType": "Explicit Opt In Widget" 2594 } 2595 } 2596} 2597</script>
2597<script type="text/x-magento-init"> 2598 { 2599 "*": { 2600 "Magento_Ui/js/core/app": { 2601 "components": { 2602 "storage-manager": { 2603 "component": "Magento_Catalog/js/storage-manager", 2604 "appendTo": "", 2605 "storagesConfiguration" : {"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/www.perfectdraft.com\/nl-be\/rest\/nl_BE\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/www.perfectdraft.com\/nl-be\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":"0"}} } 2606 } 2607 } 2608 } 2609 } 2610</script>
2610<script data-ommit="true"> 2611 2612 require(['jquery'],function($) 2613 { 2614 (function($, dataLayer) 2615 { 2616 var events = 2617 { 2618 addToCart: function() 2619 { 2620 2621 AEC.ajax(this, dataLayer); 2622 2623 2624 }, 2625 removeFromCart: function() 2626 { 2627 2628 AEC.remove(this, dataLayer); 2629 2630 2631 }, 2632 productClick: function() 2633 { 2634 2635 AEC.click(this, dataLayer); 2636 2637 2638 }, 2639 addToWishlist: function() 2640 { 2641 2642 AEC.wishlist(this, dataLayer); 2643 2644 2645 }, 2646 addToCompare: function() 2647 { 2648 2649 AEC.compare(this, dataLayer); 2650 2651 2652 }, 2653 addToCartSwatch: function() 2654 { 2655 2656 AEC.ajaxSwatch(this, dataLayer); 2657 2658 } 2659 }; 2660 2661 var b = function(events) 2662 { 2663 $.each(events, function(event, callback) 2664 { 2665 var elements = $('[data-event]').filter(function() 2666 { 2667 return $(this).data('event') == event; 2668 }); 2669 2670 elements.each(function() 2671 { 2672 $(this).off('click.ec').on('click.ec', callback); 2673 }); 2674 }); 2675 }; 2676 2677 2678 b(events); 2679 2680 2681 (function(events) 2682 { 2683 $(document).ajaxComplete(function( event, request, settings ) 2684 { 2685 b(events); 2686 }); 2687 })(events); 2688 2689 })($, dataLayer); 2690 }); 2691</script>
2691<script data-ommit="true"> 2692 2693 require(['jquery'],function($) 2694 { 2695 $(document).ready(function() 2696 { 2697 var PromotionTrack = (function($, dataLayer) 2698 { 2699 return { 2700 apply: function() 2701 { 2702 var promotions = [], position = 0; 2703 2704 $('[data-promotion]').each(function() 2705 { 2706 promotions.push( 2707 { 2708 id: $(this).data('promotion-id'), 2709 name: $(this).data('promotion-name'), 2710 creative: $(this).data('promotion-creative'), 2711 position: ++position 2712 }); 2713 2714 $(this).on( 2715 { 2716 click: function() 2717 { 2718 var data = 2719 { 2720 'event': 'promotionClick', 2721 'ecommerce': 2722 { 2723 'promoClick': 2724 { 2725 'promotions': 2726 [ 2727 { 2728 'id': $(this).data('promotion-id'), 2729 'name': $(this).data('promotion-name'), 2730 'creative': $(this).data('promotion-creative'), 2731 'position': $(this).data('promotion-position') 2732 } 2733 ] 2734 } 2735 } 2736 }; 2737 2738 AEC.Cookie.promotionClick(data).push(dataLayer); 2739 2740 /** 2741 * Save persistent data 2742 */ 2743 AEC.Persist.push(AEC.Persist.CONST_KEY_PROMOTION, 2744 { 2745 'promotion':data.ecommerce.promoClick.promotions[0] 2746 }); 2747 } 2748 }); 2749 }); 2750 2751 if (promotions.length) 2752 { 2753 AEC.Cookie.promotion({ 2754 'event':'promoViewNonInteractive', 2755 'ecommerce': 2756 { 2757 'promoView': 2758 { 2759 'promotions': promotions 2760 } 2761 } 2762 }).push(dataLayer); 2763 } 2764 2765 return this; 2766 } 2767 } 2768 })($, dataLayer).apply(); 2769 }); 2770 }); 2771</script>
2771<script data-ommit="true"> 2772 2773 if (typeof dataLayer !== "undefined") 2774 { 2775 2776 2777 2778 2779 2780 2781 2782 if ('undefined' !== typeof fbq) 2783 { 2784 } 2785 2786 for (a = 0, b = EC.length; a < b; a++) 2787 { 2788 EC[a].apply(this,[dataLayer]); 2789 EC[a].apply(this,[dataLayerTransport]); 2790 } 2791 2792 /* AdWords Remarketing */ 2793 if (window.google_tag_params) 2794 { 2795 (function(callback) 2796 { 2797 if (AEC.Const.COOKIE_DIRECTIVE) 2798 { 2799 if (!AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED) 2800 { 2801 AEC.CookieConsent.queue(callback); 2802 } 2803 else 2804 { 2805 callback.apply(window,[]); 2806 } 2807 } 2808 else 2809 { 2810 callback.apply(window,[]); 2811 } 2812 }) 2813 ( 2814 (function(dataLayer) 2815 { 2816 return function() 2817 { 2818 AEC.Cookie.remarketing({'event':'fireRemarketingTag', 'google_tag_params':window.google_tag_params}).push(dataLayer); 2819 } 2820 })(dataLayer) 2821 ); 2822 } 2823 2824 require(['jquery'],function($) 2825 { 2826 $(window).on( 2827 { 2828 load: function() 2829 { 2830 if (!AEC.gtm()) 2831 { 2832 } 2833 } 2834 }); 2835 }); 2836 2837 if (typeof FB !== 'undefined') 2838 { 2839 FB.Event.subscribe('edge.create',function(href) 2840 { 2841 dataLayer.push( 2842 { 2843 'event': 'socialInt', 2844 'socialNetwork': 'Facebook', 2845 'socialAction': 'Like', 2846 'socialTarget': href 2847 }); 2848 }); 2849 } 2850 2851 window.sendPlus = function(g) 2852 { 2853 dataLayer.push( 2854 { 2855 'event': 'socialInt', 2856 'socialNetwork': 'Google', 2857 'socialAction': '+1', 2858 'socialTarget': g.href 2859 }); 2860 }; 2861 2862 if (typeof twttr !== 'undefined') 2863 { 2864 twttr.ready(function (twttr) 2865 { 2866 twttr.events.bind('click', function() 2867 { 2868 dataLayer.push( 2869 { 2870 'event': 'socialInt', 2871 'socialNetwork': 'Twitter', 2872 'socialAction': 'tweet', 2873 'socialTarget': window.location.href 2874 }); 2875 }); 2876 }); 2877 } 2878 } 2879 else 2880 { 2881 log('dataLayer[] is not intialized. Check if GTM is installed properly'); 2882 } 2883 2884</script>
2884<script type="text/javascript"> 2885 window.dataLayer = window.dataLayer || []; 2886 var analyticsEvents = JSON.parse("[]"); 2887 2888 for(const event of analyticsEvents){ 2889 2890 window.dataLayer.push(event); 2891 } 2892</script>
2892<script type="text/x-magento-init"> 2893{ 2894 "*": { 2895 "one-trust": { 2896 "onetrustGroups": [] } 2897 } 2898} 2899</script>
2899<script type="text/x-magento-init"> 2900 { 2901 "*": { 2902 "BeerHawk_Gtm/js/login-track": {} 2903 } 2904 } 2905</script>
2905<script type="text/template" id="instant_wrapper_template"> 2906 <div id="algolia_instant_selector" 2907 class=" with-facets"> 2908 <div class="row"> 2909 <div class="col-md-3" id="algolia-left-container"> 2910 <div class="filters-wrapper hide-filters"> 2911 <div id="instant-search-facets-container" class="instant-search-facets-container"> 2912 <div class="filter-refinements"> 2913 <div class="title">Geselecteerde filters</div> 2914 <div id="current-refinements"></div> 2915 <div id="clear-refinements"></div> 2916 </div> 2917 <div id="instant-search-facets-container-inner" class="instant-search-facets-container-inner"></div> 2918 2919 </div> 2920 <button id="hide-filters-button2" class="hide-filters-button"><span>Resultaten bekijken</span></button> 2921 </div> 2922 </div> 2923 <div class="col-md-9" id="algolia-right-container"> 2924 <div class="row"> 2925 <div class="col-md-12"> 2926 <div> 2927 <div id="category-title"> 2928 </div> 2929 <div id="keg-deposit-top-info-block-for-plp"> 2930 <style> 2931 .category-bierglas #keg-deposit-top-info-block-for-plp, .category-perfectdraft-accessories #keg-deposit-top-info-block-for-plp{display:none;} 2932</style> 2933 2934 2935<p>De prijs van vaten wordt weergegeven zonder aanbetaling. Het statiegeldbedrag wordt aan u terugbetaald bij ontvangst van uw lege vaten. <a href="https://www.perfectdraft.com/nl-be/vaten-inleveren/" title="" class="krh-link" target="_blank">Meer informatie gebruiksaanwijzing</a>.</p> </div> 2936 </div> 2937 </div> 2938 </div> 2939 2940 <div class="row"> 2941 <div class="col-md-12"> 2942 <div> 2943 {{#second_bar}} 2944 <div id="instant-search-bar"></div> 2945 {{/second_bar}} 2946 </div> 2947 </div> 2948 </div> 2949 <div class="row"> 2950 <div class="col-md-12"> 2951 <div itemscope itemtype="http://schema.org/ItemList" class="hits"> 2952 <div class="algolia-infos"> 2953 <div id="algolia-stats"></div> 2954 <div class="filter-and-sort-container"> 2955 <div class="sort-by-container"> 2956 <label for="ais-SortBy-select" class="sort-by-label"> 2957 Sorteer op </label> 2958 <div class="sort-by-dropdown" id="algolia-sorts"></div> 2959 </div> 2960 <div id="show-filters-button"> 2961 <span>Filteren op</span> 2962 <div class="filters-applied"> 2963 <span class="filters-applied-inner-text">Filters applied</span> <span class="filters-applied-inner"></span> 2964 </div> 2965 <span class="no-filters-applied">No filters applied</span> 2966 </div> 2967 </div> 2968 </div> 2969 <div class="algolia-clearfix"></div> 2970 <div id="algolia-banner"></div> 2971 <div id="instant-empty-results-container"></div> 2972 <div id="instant-search-results-container"></div> 2973 <div class="algolia-custom-stats--showmore"></div> 2974 </div> 2975 </div> 2976 <div class="algolia-clearfix"></div> 2977 </div> 2978 2979 <div class="text-center"> 2980 <div id="instant-search-pagination-container"></div> 2981 </div> 2982 </div> 2983 </div> 2984 </div> 2985</script>
2985<script type="text/template" id="instant-hit-template"> 2986 <div class="col-md-4 col-sm-6" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 2987 2988 <meta itemprop="position" content="{{__position}}" /> 2989 <div class="result-wrapper" itemprop="item" itemscope itemtype="http://schema.org/Product"> 2990 <meta itemprop="url" 2991 {{^__queryID}} content="{{url}}" {{/__queryID}} 2992 {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}} 2993 /> 2994 <meta itemprop="sku" content="{{sku}}" /> 2995 <meta itemprop="brand" content="{{brewery}}" /> 2996 <meta itemprop="image" content="{{image_url}}" /> 2997 <meta itemprop="description" content="{{short_description}}" /> 2998 2999 <div class="result-content"> 3000 3001 <div class="result-thumbnail-continer"> 3002 <div class="result-thumbnail"> 3003 {{#image_url}}<img itemprop="image" data-src="{{image_url}}" aria-hidden="true" alt="{{name}}" class="lazyload" />{{/image_url}} 3004 {{^image_url}}<span class="no-image" width="235" height="235"></span>{{/image_url}} 3005 3006 {{#bssImages}} 3007 <img data-src="{{imageUrl}}" class="lazyload bss-label" style="{{imageStyles}}" aria-hidden="true" alt="" /> 3008 {{/bssImages}} 3009 3010 {{#is_free_delivery}} 3011 <div class="product-free_delivery"><span>Gratis bezorging</span></div> 3012 {{/is_free_delivery}} 3013 </div> 3014 </div> 3015 3016 <div class="result-name-and-rating-container"> 3017 <h3 itemprop="name" class="result-title text-ellipsis"> 3018 <a class="result product__link" 3019 {{^__queryID}} href="{{url}}" {{/__queryID}} 3020 {{#__queryID}} href="{{urlForInsights}}" {{/__queryID}} 3021 data-objectid="{{objectID}}" 3022 data-indexname="{{__indexName}}" 3023 data-position="{{__position}}" 3024 data-queryid="{{__queryID}}" 3025 3026 data-id="{{sku}}" 3027 data-name="{{name}}" 3028 data-brand="{{brewery}}" 3029 data-price="{{price.EUR.group_0}}" 3030 data-position="{{__position}}" 3031 {{#in_stock}} data-dimension10="In Stock" {{/in_stock}} 3032 {{^in_stock}} data-dimension10="Out of Stock" {{/in_stock}} 3033 > 3034 {{name}} 3035 </a> 3036 </h3> 3037 3038 <div class="ratings"{{^reviewCount}} style="opacity: 0;pointer-events:none"{{/reviewCount}}> 3039 <div class="product-reviews-summary short" {{#reviewCount}}itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating"{{/reviewCount}}> 3040 {{#reviewCount}} 3041 <meta itemprop="reviewCount" content="{{reviewCount}}"/> 3042 <meta itemprop="ratingValue" content="{{rating_summary}}%"> 3043 {{/reviewCount}} 3044 <div class="rating-summary"> 3045 <span class="label"> 3046 <!-- <span> -->Beoordeling:<!-- </span> --> 3047 </span> 3048 <div class="rating-result" {{#reviewCount}}itemprop="ratingValue"{{/reviewCount}}> 3049 <div class="stars"> 3050 <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg> 3051 <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg> 3052 <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg> 3053 <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg> 3054 <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg> 3055 <div class="cover" style="width: {{rating_summary_display}}%;"></div> 3056 </div> 3057 3058 </div> 3059 </div> 3060 </div> 3061 </div> 3062 </div> 3063 3064 <div class="result-price-container"> 3065 {{^price.EUR.group_0_max}} 3066 <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price"> 3067 <meta itemprop="price" content="{{price.EUR.group_0}}" /> 3068 <meta itemprop="url" 3069 {{^__queryID}} content="{{url}}" {{/__queryID}} 3070 {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}} 3071 /> 3072 <meta itemprop="availability" content="http://schema.org/{{schemaAvailability}}" /> 3073 {{/price.EUR.group_0_max}} 3074 {{#price.EUR.group_0_max}} 3075 <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer" class="price"> 3076 <meta itemprop="lowPrice" content="{{price.EUR.group_0}}" /> 3077 <meta itemprop="highPrice" content="{{price.EUR.group_0_max}}" /> 3078 {{/price.EUR.group_0_max}} 3079 <meta itemprop="priceCurrency" content="EUR" /> 3080 <div class="price-wrapper"> 3081 <div class="price-wrapper-inner"> 3082 {{^showPriceComparison}}
3083 <span class="display_price"> 3084 {{#price.EUR.group_0_original_formated}} 3085 {{price.EUR.group_0_original_formated}} 3086 {{/price.EUR.group_0_original_formated}} 3087 3088 {{^price.EUR.group_0_original_formated}} 3089 {{price.EUR.group_0_formated}} 3090 {{/price.EUR.group_0_original_formated}} 3091 </span> 3092 {{/showPriceComparison}} 3093 3094 {{#showPriceComparison}} 3095 3096 <span class="after_special 3097 {{#price.EUR.group_0_original_formated}} 3098 promotion 3099 {{/price.EUR.group_0_original_formated}} display_price" 3100 > 3101 {{price.EUR.group_0_formated}} 3102 </span> 3103 3104 {{/showPriceComparison}} 3105 3106 <div class="price-info"> 3107 {{#showPriceComparison}} 3108 <span class="before_special"> 3109 {{^bundleSlashPrice}} 3110 {{#price.EUR.group_0_original_formated}} 3111 {{price.EUR.group_0_original_formated}} 3112 {{/price.EUR.group_0_original_formated}} 3113 {{/bundleSlashPrice}} 3114 3115 {{#bundleSlashPrice}} 3116 {{bundleSlashPrice}} 3117 {{/bundleSlashPrice}} 3118 </span> 3119 {{/showPriceComparison}} 3120 3121 </div> 3122 3123 </div> 3124 3125 {{#1}} 3126 <span class="tier_price"> 3127 Zo laag als <span class="tier_value display_price">{{price.EUR.group_0_tier_formated}}</span> 3128 </span> 3129 {{/1}} 3130 3131 {{#ppiPrice}} 3132 <span class="price-per-item">{{ppiPrice}}{{ppiString}}</span> 3133 {{/ppiPrice}} 3134 3135 {{#requiresDepositKeg}} 3136 <button 3137 aria-label="Leeggoed " 3138 aria-expanded="false" 3139 class="button--neutral button--keg-deposit keg-deposit-label-wrapper" 3140 onclick="event.preventDefault(); window.showKegDepositPopup();" 3141 > 3142 <span class="keg-deposit-label">{{kegDepositMessage}}</span> 3143 </button> 3144 {{/requiresDepositKeg}} 3145 3146 </div> 3147 </div> 3148 </div> 3149 3150 <div class="result-cart-elements-container"> 3151 <div class="cart-elements"> 3152 {{#isAddToCartEnabled}} 3153 <form 3154 {{#isSubscription}} 3155 onSubmit="event.preventDefault(); window.buySubscription({{objectID}}, event.target.elements.qty.value);" 3156 {{/isSubscription}} 3157 {{^isSubscription}} 3158 data-role="tocart-form" 3159 action="{{ addToCart.action }}" 3160 method="post" 3161 onSubmit="event.preventDefault(); window.addToCart(event.target);" 3162 {{/isSubscription}} 3163 data-reset-form-key="{{resetFormKey}}" 3164 > 3165 <input type="hidden" name="queryID" value="{{__queryID}}"> 3166 <input type="hidden" name="product" value="{{objectID}}"> 3167 <input type="hidden" name="uenc" value="{{ addToCart.uenc }}"> 3168 <input name="form_key" type="hidden" value="{{ addToCart.formKey }}"> 3169 <div class="product__qty" {{#hideQtySelectors}}style="opacity:0;visibility:hidden"{{/hideQtySelectors}}> 3170 <button type="button" aria-label="decrease quantity" class="qty__down fal fa-minus fa-2x qty__disabled" id="dn_{{objectID}}" {{#in_stock}}onClick="qty_change('dn', '{{objectID}}');"{{/in_stock}}></button> 3171 <input data-public="true" aria-label="quantity" type="number" {{^isAvailableForCurrentCustomer}}disabled="true"{{/isAvailableForCurrentCustomer}} name="qty" class="input-text qty" maxlength="12" id="qty_{{objectID}}" data-defaultvalue="1" value="1" title="How many would you like?" onChange="qty_set('{{objectID}}')" {{^in_stock}}disabled="disabled"{{/in_stock}} /> 3172 <button type="button" aria-label="increase quantity" class="qty__up fal fa-plus fa-2x {{^in_stock}}qty__disabled{{/in_stock}} {{^isAvailableForCurrentCustomer}}qty__disabled{{/isAvailableForCurrentCustomer}}" id="up_{{objectID}}" {{#in_stock}}onClick="qty_change('up','{{objectID}}');"{{/in_stock}}></button> 3173 </div> 3174 {{#isAvailableForCurrentCustomer}} 3175 {{#isPdpLink}} 3176 <a href="{{url}}" class="action button button--primary-inv pdp-link" title="{{buttonTooltip}}" {{#isOOS}}onClick="window.getProductData(event.target);"{{/isOOS}} 3177 {{/isPdpLink}} 3178 {{^isPdpLink}} 3179 <button type="submit" title="{{buttonTooltip}}" class="button button--primary" 3180 {{/isPdpLink}} 3181 data-objectid="{{objectID}}" 3182 data-indexname="{{__indexName}}" 3183 data-position="{{__position}}" 3184 data-queryid="{{__queryID}}" 3185 3186 data-id="{{sku}}" 3187 data-name="{{name}}" 3188 data-brand="{{brewery}}" 3189 data-price="{{price.EUR.group_0}}" 3190 data-category="{{category}}" 3191 data-position="{{__position}}" 3192 3193 >
3194 <span>{{buttonLabel}}</span> 3195 {{#isPdpLink}} 3196 </a> 3197 {{/isPdpLink}} 3198 {{^isPdpLink}} 3199 </button> 3200 {{/isPdpLink}} 3201 {{/isAvailableForCurrentCustomer}} 3202 {{^isAvailableForCurrentCustomer}} 3203 {{{disabled_addtocart_description}}} 3204 {{/isAvailableForCurrentCustomer}} 3205 </form> 3206 {{/isAddToCartEnabled}} 3207 </div> 3208 </div> 3209 3210 <div class="result-labels-and-attributes-container"> 3211 3212 {{#bssTextLabels.length}} 3213 <div class="bss-label-textlist bss-label-textlist-plp" style="width: 100%;"> 3214 {{#bssTextLabels}} 3215 <div class="label-text" style="--bss-label-color: {{textColour}}; --bss-label-background-color: {{textBackgroundColour}}"> 3216 {{{text}}} 3217 </div> 3218 {{/bssTextLabels}} 3219 </div> 3220 {{/bssTextLabels.length}} 3221 3222 {{#showAttrTable}} 3223 <div class="product-attr-labels"> 3224 <div class="label attr-label__size"><span>{{attr2}}</span></div> 3225 <div class="label attr-label__abv"><span>{{attr1}}</span></div> 3226 <div class="label attr-label__country"><span>{{attr3}}</span></div> 3227 </div> 3228 {{/showAttrTable}} 3229 3230 </div> 3231 3232 </div> 3233 3234 <div class="algolia-clearfix"></div> 3235 </div> 3236 </div> 3237</script>
3237<script type="text/template" id="instant-stats-template"> 3238 {{#hasOneResult}}<strong>1</strong> resultaat found{{/hasOneResult}} 3239 3240 {{#hasManyResults}} 3241 Artikelen {{^hasNoResults}}{{first}}-{{last}} van{{/hasNoResults}} 3242 <span itemprop="numberOfItems">{{nbHits}}</span> 3243 producten {{/hasManyResults}} 3244</script>
3244<script type="text/template" id="refinements-lists-item-template"> 3245 <label 3246 class="test {{cssClasses.label}} {{#isRefined}}checked{{/isRefined}}" 3247 role="group" 3248 aria-labelledby="ais-name-label" 3249 > 3250 <input 3251 role="checkbox" 3252 aria-checked="false" 3253 name="{{value}} checkbox" 3254 class="{{cssClasses.checkbox}}" {{#isRefined}}checked{{/isRefined}} 3255 type="checkbox" 3256 value="{{value}}" 3257 tabindex="0" 3258 /> 3259 {{value}} 3260 <span class="{{cssClasses.count}}">{{count}}</span> 3261 </label> 3262</script>
3262<script type="text/template" id="current-refinements-template"> 3263 <div class="cross-wrapper"> 3264 <span class="clear-cross clear-refinement"></span> 3265 </div> 3266 <div class="current-refinement-wrapper"> 3267 {{#label}} 3268 <span class="current-refinement-label">{{label}}{{^operator}}:{{/operator}}</span> 3269 {{/label}} 3270 {{#operator}} 3271 {{{displayOperator}}} 3272 {{/operator}} 3273 {{#exclude}}-{{/exclude}} 3274 <span class="current-refinement-name">{{name}}</span> 3275 </div> 3276</script>
3276<script type="text/x-magento-init"> 3277 { 3278 "*": { 3279 "Magento_Ui/js/core/app": { 3280 "components": { 3281 "messages": { 3282 "component": "Magento_Theme/js/view/messages" 3283 } 3284 } 3285 }, 3286 "Magento_Theme/js/messages-clear": {} 3287 } 3288 } 3289</script>
3289<script type="text/x-magento-init"> 3290 { 3291 "*": { 3292 "Magento_Ui/js/core/app": { 3293 "components": { 3294 "messageList": { 3295 "component": "Magento_Theme/js/instantMessages" 3296 } 3297 } 3298 } 3299 } 3300 } 3301</script>
3301<script type="text/x-magento-init"> 3302 { 3303 "*": { 3304 "Magento_Ui/js/core/app": { 3305 "components": { 3306 "messageList": { 3307 "component": "Magento_Theme/js/instantMessages" 3308 } 3309 } 3310 } 3311 } 3312 } 3313</script>
3313<script type="text/x-magento-init"> 3314 { 3315 "*": { 3316 "Magento_CustomerCustomAttributes/validation": { 3317 "isDobEnabled": true, 3318 "disableAutoComplete": true, 3319 "mixins": [ 3320 "Magento_Theme/js/mage-validation-ext", 3321 "Magento_CustomerCustomAttributes/validation-ignore" 3322 ] 3323 } 3324 }, 3325 "#form-validate": { 3326 "registerConfig": { 3327 "locale": "nl_BE", 3328 "passwordSchema": {"$schema":"http:\/\/json-schema.org\/draft-07\/schema#","type":"object","properties":{"password":{"type":"string","minLength":8,"errorMessage":{"minLength":"PASSWORD_TOO_SHORT"}}},"description":"PASSWORD_RULES_DESCRIPTION"} } 3329 }, 3330 ".field.password": { 3331 "passwordStrengthIndicator": { 3332 "formSelector": "form.form-create-account" 3333 } 3334 } 3335 3336 } 3337</script>
3337<script type="text/x-magento-init"> 3338 { 3339 "*": { 3340 "Magento_Ui/js/core/app": { 3341 "components": { 3342 "messageList": { 3343 "component": "Magento_Theme/js/instantMessages" 3344 } 3345 } 3346 } 3347 } 3348 } 3349</script>
3349<script type="text/x-magento-init"> 3350 { 3351 "#otp-verification-form": { 3352 "otpVerification": {} 3353 } 3354 } 3355</script>
3355<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"fc980aaa47","applicationID":"113622373","transactionName":"ZQRRYkNSDEcCABcNXFxOclVFWg1aTAAOFxxbD1dTSRwLWgcGGw==","queueTime":0,"applicationTime":394,"atts":"SUNGFAtIHxhBAkFeSE8c","errorBeacon":"bam.nr-data.net","agent":""}</script>
3355</body> 3356</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.