1<!doctype html> 2<html lang="en" class="no-js"> 3<head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 7 8 <title> 9 Wine52: Wine Club UK | Wine Subscription | Buy Wine Online 10 </title> 11 <meta name="viewport" content="width=device-width, initial-scale=1"/> 12 13 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous"> 14
14<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-j1CDi7MgGQ12Z7Qab0qlWQ/Qqz24Gc6BM0thvEMVjHnfYGF0rmFCozFSxQBxwHKO" crossorigin="anonymous"></script>
14 15 16 <!-- Start cookieyes banner -->
17<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/ee26e5828a9bb820c505a8fa/script.js"></script>
17 18<!-- End cookieyes banner --> 19 20 21 22 23 24
24<script type="text/javascript" src="/assets/application-e2ef2d2c6f4f85a20b17d4d7f9a63acb.js" ></script>
24 25 26 <link rel="apple-touch-icon" sizes="180x180" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/apple-touch-icon.png"> 27<link rel="apple-touch-icon" sizes="120x120" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/apple-touch-icon-120x120.png"> 28<link rel="apple-touch-icon" sizes="152x152" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/apple-touch-icon-152x152.png"> 29<link rel="icon" type="image/png" sizes="32x32" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/favicon-32x32.png"> 30<link rel="icon" type="image/png" sizes="16x16" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/favicon-16x16.png"> 31<link rel="manifest" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/site.webmanifest"> 32<link rel="mask-icon" href="https://dth50iqs19w2y.cloudfront.net/static/favicon/safari-pinned-tab.svg" color="#e33b12"> 33<meta name="msapplication-TileColor" content="#da532c"> 34<meta name="theme-color" content="#ffffff"> 35 36 37 38 39
39<script type="text/javascript" src="/assets/closedBrowserPopUp-b4df92cc2776703824f4db194c6b8aef.js" ></script>
39 40 41 42 43 44 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 44-45
44 45<script async src="https://www.googletagmanager.com/gtag/js?id=
45G-W7PFR2VN22
vendor: 13 bytes, line 45
45"></script>
46<script> 47
vendor: 135 bytes, lines 47-51
47window.dataLayer = window.dataLayer || []; 48 function gtag(){dataLayer.push(arguments);} 49 gtag('js', new Date()); 50 51 gtag('config', '
51G-W7PFR2VN22
vendor: 5 bytes, line 51
51');
52</script>
52 53 54 55 56 57 58 <!-- Google Tag Manager --> 59
59<script>
vendor: 342 bytes, lines 59-63
59(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 60 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 61 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 62 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 63 })(window,document,'script','dataLayer','
63GTM-WT9FBDLD
vendor: 3 bytes, line 63
63');
63</script>
63 64 <!-- End Google Tag Manager --> 65 66 67 68 69 70
70<script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0088/9951.js" async="async"></script>
70 71 72 73 74 75 76 77 78 <!-- TrustBox script --> 79
79<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
79 80 <!-- End Trustbox script --> 81 82 83 84 <meta name="layout" content="main"/> 85 86 87 88 <link rel="canonical" href="https://www.beer52.com/wine"/> 89 90 91 92 <meta name="description" content="Welcome to Wine52, the UK's largest wine discovery club. Hand-selected wines from the world's best independent winemakers, all delivered to your door in the UK."/> 93 <meta property="og:title" content="Join the Wine52 Wine Club"/> 94 <meta property="og:description" content="Join Wine52, the UK's largest wine discovery club. Hand-selected wines from the world's best independent winemakers delivered to your door."/> 95 <meta property="og:image" content="https://dth50iqs19w2y.cloudfront.net/80/2f9ce47abe4079a9e86e319ae6af61/Wine52-Italian-South-Landing-Page-Photography.png"/> 96 97 98 <link rel="stylesheet" href="/assets/indexPageBundle-1e803876b5f72443b7c3641f01f402e8.css" /> 99 <link rel="stylesheet" href="/assets/wineIndexPageBundle-7e8aee126ab68d5d4aa805ea109dda34.css" /> 100 101 102 <style type="text/css"> 103 104 .grecaptcha-badge { bottom: 103px!important; } 105 </style> 106 107 108 <!-- Facebook Pixel Code -->
109<script type="text/javascript">
vendor: 410 bytes, lines 109-117
109 110 111 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 112 n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 113 n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 114 t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 115 document,'script','https://connect.facebook.net/en_US/fbevents.js'); 116 117 fbq('init', '
117325518494503939
vendor: 41 bytes, lines 117-123
117'); 118 fbq('track', "PageView"); 119 120 121 122 123
124</script>
124 125 126<noscript><img height="1" width="1" style="display:none" 127 src="https://www.facebook.com/tr?id=325518494503939&ev=PageView&noscript=1" 128/></noscript> 129<!-- End Facebook Pixel Code --> 130 131 132 133 <!-- Global site tag (gtag.js) - Google Ads: 993462946 -->
vendor: 65 bytes, lines 133-134
133 134 <script async src="https://www.googletagmanager.com/gtag/js?id=
134AW-993462946
vendor: 13 bytes, lines 134-135
134"></script> 135
135<script> 136
vendor: 143 bytes, lines 136-143
136window.dataLayer = window.dataLayer || []; 137 138 function gtag() { 139 dataLayer.push(arguments); 140 } 141 142 gtag('js', new Date()); 143 gtag('config', '
143AW-993462946
vendor: 5 bytes, lines 143-144
143'); 144
144</script>
144 145 146 147 148 149
149<script type="text/javascript" src="/assets/indexVueBundle-8fc29de35e97d27891a74fcb7d1848a8.js" ></script>
149 150 151
151<script type="application/ld+json"> 152 { 153 "@context": "http://schema.org", 154 "@type": "Organization", 155 "name": "Beer52", 156 "url": "https://www.beer52.com", 157 "sameAs": [ 158 "https://www.facebook.com/beer52HQ", 159 "https://instagram.com/beer52HQ", 160 "https://www.twitter.com/beer52HQ" 161 ] 162 } 163 </script>
vendor: 76 bytes, lines 163-167
163 164 165 166 167 <script src="https://www.recaptcha.net/recaptcha/api.js?render=
1676LdNxPQUAAAAAME7C-qbKAwIKa5sOXh-M8RmdVR_
vendor: 26 bytes, lines 167-172
167"></script> 168 169 170 171 172
173<script type="text/javascript" 174 src="https://www.dwin1.com/110978.js" defer="defer"></script>
174 175
176<script type="text/javascript"> 177 178 const ROKT_API_KEY = 'us2-4d306bd2443bf14f8fccfb15a8d686e1' 179 180 const ROKT_DOMAIN = "https://rkt.beer52.com"; 181 182 window.mParticle = { 183 config: { 184 isDevelopmentMode: false, 185 186 identifyRequest: { 187 userIdentities: (function() { 188 const identities = {}; 189 190 return identities; 191 })(), 192 }, 193 194 identityCallback: function (result) { 195 if (result.getUser()) { 196 const user = result.getUser(); 197 198 199 200 return user; 201 } 202 }, 203 }, 204 }; 205 206 (function(e) { window.mParticle = window.mParticle || {}; window.mParticle.EventType = { Unknown: 0, Navigation: 1, Location: 2, Search: 3, Transaction: 4, UserContent: 5, UserPreference: 6, Social: 7, Other: 8, Media: 9 }; window.mParticle.eCommerce = { Cart: {} }; window.mParticle.Identity = {}; window.mParticle.Rokt = {}; window.mParticle.config = window.mParticle.config || {}; window.mParticle.config.rq = []; window.mParticle.config.snippetVersion = 2.8; window.mParticle.ready = function(e) { window.mParticle.config.rq.push(e); }; ["endSession", "logError", "logBaseEvent", "logEvent", "logForm", "logLink", "logPageView", "setSessionAttribute", "setAppName", "setAppVersion", "setOptOut", "setPosition", "startNewSession", "startTrackingLocation", "stopTrackingLocation"].forEach(function(e) { window.mParticle[e] = function() { var t = Array.prototype.slice.call(arguments); t.unshift(e); window.mParticle.config.rq.push(t); }; }); ["setCurrencyCode", "logCheckout"].forEach(function(e) { window.mParticle.eCommerce[e] = function() { var t = Array.prototype.slice.call(arguments); t.unshift("eCommerce." + e); window.mParticle.config.rq.push(t); }; }); ["identify", "login", "logout", "modify"].forEach(function(e) { window.mParticle.Identity[e] = function() { var t = Array.prototype.slice.call(arguments); t.unshift("Identity." + e); window.mParticle.config.rq.push(t); }; }); ["selectPlacements","hashAttributes","hashSha256","setExtensionData","use","getVersion","terminate"].forEach(function(e) { window.mParticle.Rokt[e] = function() { var t = Array.prototype.slice.call(arguments); t.unshift("Rokt." + e); window.mParticle.config.rq.push(t); }; }); var t = window.mParticle.config.isDevelopmentMode ? 1 : 0, n = "?env=" + t, a = window.mParticle.config.dataPlan; if (a) { var o = a.planId, r = a.planVersion; o && (r && (r < 1 || r > 1e3) && (r = null), n += "&plan_id=" + o + (r ? "&plan_version=" + r : "")); } var i = window.mParticle.config.versions, s = [];
206 i && Object.keys(i).forEach(function(e) { s.push(e + "=" + i[e]); }); var c = document.createElement("script"); c.type = "text/javascript"; c.async = !0; window.ROKT_DOMAIN = ROKT_DOMAIN || 'https://apps.rokt-api.com'; mParticle.config.domain = ROKT_DOMAIN.split('//')[1]; c.src = ROKT_DOMAIN + "/js/v2/" + e + "/app.js" + n + "&" + s.join("&"); var l = document.getElementsByTagName("script")[0]; l.parentNode.insertBefore(c, l); })(ROKT_API_KEY); 207 208 window.mParticle.ready(function () { 209 mParticle.logPageView( 210 "page view", 211 { 212 screen_name: location.pathname.split("/").filter(Boolean).pop() || "home", 213 url: window.location.toString(), 214 "referring-page": document.referrer 215 } 216 ); 217 }); 218 219 220 221 function logRoktPageView(screenName) { 222 mParticle.logPageView( 223 "page view", 224 { 225 screen_name: screenName, 226 url: window.location.toString(), 227 "referring-page": document.referrer 228 } 229 ); 230 } 231</script>
231 232 233 234 235 236 237
237<script src="https://kit.fontawesome.com/51acd4c7d2.js" crossorigin="anonymous"></script>
237 238 239 <style>html{display:none;}</style>
240<script> 241 if (self == top) { 242 document.documentElement.style.display = 'block'; 243 } else { 244 top.location = self.location; 245 } 246</script>
246 247
247<script type="text/javascript"> 248 249 var defaultPopupOKThanks = "OK, thanks" 250 var commonStaticCdnUrl = "https://dth50iqs19w2y.cloudfront.net/static/" 251 252</script>
252 253 254 255 256
256<script> 257 !function(e,t,n,i,o,r){const s=4e3,c="xnpe_async_hide";function a(e){if("number"!=typeof e)return e;const t=new Date;return new Date(t.getTime()+1e3*e)}function m(e){return e.reduce((function(e,t){return e[t]=function(){e._.push([t.toString(),arguments])},e}),{_:[]})}function p(e,t,n){const i=n.createElement(t);i.src=e;const o=n.getElementsByTagName(t)[0];return o.parentNode.insertBefore(i,o),i}function l(e){return"[object Date]"===Object.prototype.toString.call(e)}r.target=r.target||"https://api.exponea.com",r.file_path=r.file_path||r.target+"/js/brweb.min.js",o[t]=m(["anonymize","initialize","identify","getSegments","update","track","trackLink","trackEnhancedEcommerce","getHtml","showHtml","showBanner","showWebLayer","ping","getAbTest","loadDependency","getRecommendation","reloadWebLayers","_preInitialize","_initializeConfig","metadata"]),o[t].notifications=m(["isAvailable","isSubscribed","subscribe","unsubscribe"]),o[t].segments=m(["subscribe"]),o[t]["snippetVersion"]="v3.1.1",function(e,t,n,i){e[i]={sdk:e[n],sdkObjectName:n,skipExperiments:!!t.new_experiments,path:t.target,streamId:t.stream_id}}(o,r,t,i),function(e,t,n){p(e.file_path,t,n)}(r,n,e),function(e,t,n,i,o,r,m,u){if(!e.new_experiments)return;!0===e.new_experiments&&(e.new_experiments={});const f=e.new_experiments.hide_class||c,d=e.new_experiments.timeout||s,_=encodeURIComponent(r.location.href);let g;e.cookies&&e.cookies.expires&&("number"==typeof e.cookies.expires||l(e.cookies.expires)?g=a(e.cookies.expires):e.cookies.expires.tracking&&("number"==typeof e.cookies.expires.tracking||l(e.cookies.expires.tracking))&&(g=a(e.cookies.expires.tracking))),g&&g<new Date&&(g=void 0);const k=e.target+"/webxp/streams/"+e.stream_id+"/"+t+"/"+(u.exec(m.cookie)||[0,"new"])[1]+"/modifications.min.js?http-referer="+_+"&timeout="+d+"ms"+(g?"&cookie-expires="+Math.floor(g.getTime()/1e3):"");"sync"===e.new_experiments.mode&&r.localStorage.getItem("__exponea__sync_modifications__")?function(e,t,n,i,o){n[o][t]="<"+t+' src="'+e+'"></'+t+">",i.writeln(n[o][t]),i.writeln("<"+t+">!"+o+".init && document.writeln("+o+"."+t+'.replace("/'+t+'/", "/'+t+'-async/").replace("><", " async><"))</'+t+">")}(k,t,r,m,n):function(e,t,n,i,o,r,s,c){r.documentElement.classList.add(e);const a=p(n,i,r);function m(){o[c].init||p(n.replace("/"+i+"/","/"+i+"-async/"),i,r)}function l(){r.documentElement.classList.remove(e)}a.onload=m,a.onerror=m,o.setTimeout(l,t),o[s]._revealPage=l}(f,d,k,t,r,m,o,n)}(r,n,i,0,t,o,e,RegExp("__exponea_etc__"+"=([\\w-]+)")),function(e,t,n){var i;e[t]._initializeConfig(n),(null===(i=n.experimental)||void 0===i?void 0:i.non_personalized_weblayers)&&e[t]._preInitialize(n),e[t].start=function(i){i&&Object.keys(i).forEac
257h((e=>n[e]=i[e])),e[t].initialize(n)}}(o,t,r)}(document,"brweb","script","webxpClient",window,{ 258 target: "https://bloom.beer52.com", 259 stream_id: "06bb6b9d-bd74-405f-a0a2-a144ed824160", 260 261 }); 262 brweb.start(); 263</script>
263 264 265</head> 266<body> 267 268 269 270 <div id='generalWrapper' class="wrapper "> 271 272 273 <div id="topAnchor"></div> 274 <main id="main" class="main-section"> 275 276 277 278
278<script type="text/javascript"> 279 /* <![CDATA[ */ 280 var google_conversion_id = 993462946; 281 var google_custom_params = window.google_tag_params; 282 var google_remarketing_only = true; 283 /* ]]> */ 284 </script>
284 285 <div style="display: none;"> 286
286<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> 287 </script>
287 288 </div> 289 <noscript> 290 <div style="display:inline;"> 291 <img height="1" width="1" style="border-style:none;" alt="" 292 src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/993462946/?guid=ON&script=0"/> 293 </div> 294 </noscript> 295 296 297 <div class="siteNavSection"> 298 299 300 301 302 303 304 305<header id="cookiesBar"> 306 <!--Cookies panel--> 307 308 <!--END Cookies panel--> 309</header> 310 311<header id="header" class="v4-header sitenav-loading"> 312 <div id="backgroundOverlay" v-show="isShowDropdown" class="v4-dropdown-background sitenav-preloading-hide" @click="hideSubMenuDropdown"></div> 313 <div class="v4-main-header" 314 :class="{ 'bordered-bottom' : !bottomBorder, 315 'sticky-shop-menu' : isActiveStickyMenu, 316 'v4-additional-menu-open' : magazineMenuOpen}"> 317 <!--Desktop navigation--> 318 <div class="container v4-container-padding"> 319 <nav class="navbar navbar-expand-lg v4-navbar-main"> 320 321 322 323 <a href="/wine" class="navbar-brand no-border v4-navbar-brand"> 324 <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/[email protected]" alt="logo" class="v4-logo-beer52"/> 325 </a> 326 327 328 329 <div class="collapse navbar-collapse v4-site-nav-links" v-if="!hideNav"> 330 <ul class="navbar-nav v4-navbar-list sitenav-preloading-hide"> 331 <li class="nav-item v4-nav-item" 332 v-for="link in mainMenuLinks" 333 :key="link.name" 334 v-show="!link.hideDesktop"> 335 <a :href="link.url" class="v4-nav-link nav-link" 336 :class="{'v4-active-nav-item': (link === activeLink), 337 'v4-active-responsive-nav-item' : link.isActiveResponsive, 338 'v4-submenu-open': link === activeLink}" 339 v-if="link.submenu" @click.prevent="toggleSubmenuDropdown(link)"> 340 {{link.name}} 341 <span class="v4-primary-nav-icon-wrapper"> 342 <i class="fas fa-caret-down v4-primary-nav-icon"></i> 343 </span> 344 </a> 345 <a :href="link.url" class="v4-nav-link nav-link" 346 v-else>{{link.name}}</a> 347 </li> 348 349 <li class="nav-item v4-nav-item"> 350 <a class="v4-nav-link search nav-link" href="javascript: void(0)" rel="nofollow" data-title="Search" @click="showSearchPanel"><i class="fas fa-search"></i><span class="ms-2 v4-search-sign">Search</span></a> 351 </li> 352 </ul> 353 </div> 354 355 356 357 358 359 360 361 362 363 364 365 <div class="trustpilot nav-item v4-trustpilot live"> 366 <!-- TrustBox widget - Micro TrustScore --> <div class="trustpilot-widget" data-locale="en-GB" data-template-id="5419b637fa0340045cd0c936" data-businessunit-id="6250312376ea62debd1f8995" data-style-height="48px" data-style-width="96px" data-theme="light"> <a href="https://www.trustpilot.com/review/wine52.com" target="_blank" rel="noopener">Trustpilot</a> </div> <!-- End TrustBox widget --> 367 </div> 368 369 370 371 372 373 <div class="nav-item v4-login-desktop " v-if="!showSteps"> 374 <a href="/login?targetUri=%2Fwine" id="authLink" class="btn btn-white v4-login-btn black-border" rel="nofollow">Login</a> 375 </div> 376 <div v-else> 377 <a href="/login?targetUri=%2Fwine" id="authLink" rel="nofollow"></a> 378 </div> 379 380 381 382 <!--Signed in user--> 383 384 <!--END Signed in user--> 385 386 <!--Burger menu button--> 387 388 <div class="v4-mobile-menu-btn" v-if="!hideNav"> 389 <button class="navbar-toggler border-0 collapsed v4-burger-toggler" type="button" @click="showBurgerMenu">
390 <span class="navbar-toggler-icon v4-burger-line"></span> 391 <span class="navbar-toggler-icon v4-burger-line"></span> 392 <span class="navbar-toggler-icon v4-burger-line"></span> 393 </button> 394 </div> 395 396 <!--END Burger menu button--> 397 </nav> 398 399 </div> 400 401 <div class="v4-dropdown-wrapper sitenav-preloading-hide" v-if="activeSubmenuList"> 402 <div class="v4-dropdown-nav"> 403 <div class="container"> 404 <div class="v4-dropdown-submenu"> 405 <a :href="item.url" class="v4-submenu-item" 406 v-for="item in activeSubmenuList" 407 :target="item.newTab ? '_blank' : '_self'" 408 key="item.name"> 409 <div class="v4-submenu-item-top"> 410 <div class="v4-submenu-icon-wrapper"> 411 <i class="v4-submenu-icon" :class="item.icon"></i> 412 </div> 413 414 <h3 class="patron-medium v4-submenu-name">{{item.name}}</h3> 415 </div> 416 417 <div class="v4-submenu-description patron-light">{{item.description}}</div> 418 </a> 419 </div> 420 </div> 421 </div> 422 </div> 423 <!--END Desktop navigation--> 424 425 426 427 428 429 <!--Search panel--> 430 <section class="search-panel"> 431 <div class="container"> 432 <div class="row align-items-center"> 433 <div class="col-12 col-md-auto"> 434 <form action="/search" method="get" name="searchForm" class="search-form" id="searchForm" > 435 <input type="text" name="query" class="search-input float-start text-start no-outline" autocapitalize="off" autocomplete="off" autocorrect="off" placeholder="Search the site" value="" id="query" /> 436 437 <a class="btn btn-primary search-submit float-start" href="/" data-title="Search" onclick="$('[name=searchForm]').submit(); headerVue.closeSearchPanel(); return false" rel="nofollow"> 438 <i class="fas fa-search"></i> 439 </a> 440 </form> 441 </div> 442 443 <div class="col-md-auto search-closer" @click="closeSearchPanel"> 444 <a class="closer"> 445 <span>×</span> 446 </a> 447 </div> 448 </div> 449 </div> 450 </section> 451 <!--END of Search panel--> 452 453 454 <section class="v4-submenu-mobile-bar sitenav-preloading-hide" v-if="blackBar.activeSubmenu.length > 0" 455 :class="{ 'v4-school-submenu' : isBeerSchoolActive }"> 456 <div class="container v4-container-padding position-relative overflow-hidden"> 457 <ul class="v4-submenu-list v4-submenu-list-shadow"> 458 <li class="v4-subitem"> 459 <a class="v4-sublink patron-medium" :href="blackBar.activeMenu.url">{{blackBar.activeMenu.nameMobile || blackBar.activeMenu.name}}</a> 460 </li> 461 462 <li class="v4-subitem" v-for="(link, index) in blackBar.activeSubmenu"> 463 <a class="v4-sublink patron-light" :href="link.url" >{{link.nameMobile || link.name}}</a> 464 </li> 465 </ul> 466 <ul class="v4-submenu-list"> 467 <li class="v4-subitem"> 468 <a class="v4-sublink patron-medium" :href="blackBar.activeMenu.url">{{blackBar.activeMenu.nameMobile || blackBar.activeMenu.name}}</a> 469 </li> 470 471 <li class="v4-subitem" v-for="(link, index) in blackBar.activeSubmenu" :class="{'d-none': index >= blackBar.lastEl}"> 472 <a class="v4-sublink patron-light" :href="link.url" >{{link.nameMobile || link.name}}</a> 473 </li> 474 475 <li class="v4-subitem" v-if="blackBar.lastEl < blackBar.activeSubmenu.length"> 476 <a class="v4-sublink patron-light v4-sublink-dropdown" 477 href="#hidden-submenu" 478 data-bs-toggle="collapse" 479 aria-expanded="false"> 480
481 <span class="v4-submenu-dropdown-close">More</span> 482 483 <span class="v4-submenu-dropdown-open">Less</span> 484 485 <i class="fas fa-chevron-down v4-submenu-dropdown-icon"></i> 486 </a> 487 </li> 488 </ul> 489 </div> 490 491 <ul id="hidden-submenu" class="collapse v4-hidden-submenu"> 492 <li class="v4-hidden-subitem" v-for="(sublink, index) in blackBar.activeSubmenu" 493 :class="{'d-none': index < blackBar.lastEl }"> 494 <div class="container v4-container-padding"> 495 <a class="v4-hidden-sublink patron-light" 496 :href="sublink.url">{{sublink.nameMobile || sublink.name}}</a> 497 </div> 498 </li> 499 </ul> 500 </section> 501 502 503 504 505 506 507 <!--Subscription mobile navigation panel--> 508 509 510 511 512 513 <div id='scroll-top-btn-sticky' class="v4-scroll-to-top" 514 style="display: none" 515 @click="scrollToSection('header')" v-if="scrollToTopON"> 516 <i class="fas fa-arrow-up v4-to-top-icon"></i> 517 518 <span class="patron-medium">Top</span> 519 </div> 520 521 </div> 522 523 524 525 526 527 528 <section class="v4-burger-menu sitenav-preloading-hide" v-if="showBurger"> 529 <header class="v4-burger-header"> 530 <nav class="navbar v4-burger-navbar"> 531 532 533 <div class="v4-mobile-search-wrapper nav-item"> 534 <a class="v4-nav-link v4-mobile-burger-link search nav-link" 535 href="javascript: void(0)" 536 rel="nofollow" 537 data-title="Search" 538 @click="toggleSearchMobile"> 539 <i class="fas fa-search v4-mobile-burger-icon"></i> 540 <span class="v4-mobile-burger-sign patron-light">Search</span> 541 </a> 542 </div> 543 544 <div class="v4-burger-closer"> 545 <button class="navbar-toggler v4-burger-closer-toggler" type="button" @click="hideBurgerMenu"> 546 <span class="navbar-toggler-icon v4-burger-closer-line"></span> 547 <span class="navbar-toggler-icon v4-burger-closer-line"></span> 548 </button> 549 </div> 550 </nav> 551 </header> 552 553 <ul class="navbar-nav v4-burger-links" v-if="!isShowSearchMob"> 554 <li class="nav-item v4-burger-item" 555 v-for="link in mainMenuLinks" 556 :key="link.name" 557 v-if="(!link.submenu || link.submenu.find(function(el){return !el.hide})) && !link.hideMobile" 558 :class="{'active' : isLinkActive(link)}"> 559 <a class="nav-link v4-burger-link patron-medium" v-if="link.submenu" 560 :href="'#' + link.name.replace(/\s|&/g, '-').toLowerCase()" 561 data-bs-toggle="collapse" 562 aria-expanded="false"> 563 <span>{{link.nameMobile || link.name}}</span> 564 565 <i class="fas fa-chevron-down v4-burger-link-icon"></i> 566 </a> 567 <a class="nav-link v4-burger-link patron-medium" v-else 568 :target="link.newTab ? '_blank' : '_self'" 569 :href="link.url"> 570 <span>{{link.nameMobile || link.name}}</span> 571 </a> 572 573 <ul v-if="link.submenu" 574 :id="link.name.replace(/\s|&/g, '-').toLowerCase()" 575 class="navbar-nav v4-burger-submenu collapse"> 576 577 <li class="nav-item v4-burger-subitem"> 578 <a :href="link.url" 579 :target="link.newTab ? '_blank' : '_self'" 580 class="nav-link v4-burger-sublink v4-main-link" v-if="link.url"> 581 <i :class="link.icon" 582 class="v4-burger-submenu-icon"> 583 </i> 584
585 <span class="patron-medium">{{link.name}}</span> 586 </a> 587 </li> 588 589 <li class="nav-item v4-burger-subitem" 590 v-if="!sublink.hide" 591 v-for="sublink in link.submenu"> 592 <a :href="sublink.url" 593 :target="sublink.newTab ? '_blank' : '_self'" 594 class="nav-link v4-burger-sublink" 595 :class="{'v4-main-link' : !link.url}"> 596 <i :class="sublink.icon" 597 class="v4-burger-submenu-icon"> 598 </i> 599 600 <span class="patron-medium">{{sublink.name}}</span> 601 </a> 602 </li> 603 </ul> 604 </li> 605 606 607 <div class="v4-mobile-login-wrapper nav-item"> 608 <a href="/login?targetUri=%2Fwine" class="btn btn-primary v4-login-btn" rel="nofollow">Login</a> 609 </div> 610 611 </ul> 612 613 <!--Mobile Search panel--> 614 <div class="v4mob-search-panel" v-show="isShowSearchMob"> 615 <form action="/search" method="get" name="searchFormMob" class="v4mob-search-form" id="searchFormMob" > 616 <input type="text" name="query" class="v4mob-search-input float-start text-start patron-light" autocapitalize="off" autocomplete="off" autocorrect="off" placeholder="Search the site" value="" id="query" /> 617 618 <a class="btn btn-primary v4mob-search-submit float-start" href="/" data-title="Search" onclick="$('[name=searchFormMob]').submit(); headerVue.closeSearchPanel(); return false" rel="nofollow"> 619 <i class="fas fa-search v4mob-search-icon"></i> 620 </a> 621 </form> 622 </div> 623 <!--END of Mobile Search panel--> 624 </section> 625 626 627 <div id="header-lightbox" class="lightbox"> 628 <div class="fullScreenOverlay white"></div> 629 630 </div> 631 632 <div class="lightbox"> 633 <div class="fullScreenOverlay white"></div> 634 635 636 </div> 637</header> 638
639<script type="text/javascript"> 640 641 $(function () { 642 643 $("#close-cookies").click(function() { 644 $('.v4-main-header.sticky-shop-menu .shop-menu').css('top', '0'); 645 $('.v4-main-header.sticky-shop-menu .all-beers-dropdown').css('top', $('.shop-menu').outerHeight()); 646 $('.v4-main-header.sticky-shop-menu .shop-free-delivery').css('top', $('.shop-menu').outerHeight()); 647 }) 648 649 650 651 652 653 654 }); 655 656 var submenu = { 657 658 659 660 661 giftsAndMore: [ 662 { 663 icon: 'fas fa-gift', 664 name: 'Italian Prosecco Hamper', 665 description: "Gift a Italian Prosecco Gift Hamper from the finest small, independent producers", 666 url: "/wine/italian-hamper", 667 hide: true 668 }, 669 670 { 671 icon: 'fas fa-beer', 672 name: 'Beer Gifts', 673 description: "Gift a beer subscription or one-off case.", 674 url: '/gift', 675 hide: true 676 }, 677 678 679 { 680 icon: 'fa-solid fa-wine-glass', 681 name: 'Wine Gifts', 682 description: "Gift a wine subscription or one-off case.", 683 url: '/wine/gift', 684 hide: true 685 }, 686 687 688 { 689 icon: 'fa-solid fa-whiskey-glass', 690 name: 'Whisky Gifts', 691 description: "Gift a whisky subscription or one-off case.", 692 url: '/whisky/gift', 693 hide: true 694 }, 695 696 697 { 698 icon: 'fa-solid fa-coffee-bean', 699 name: 'Coffee Gifts', 700 description: "Gift a coffee subscription or one-off case.", 701 url: '/coffee/gift', 702 hide: true 703 }, 704 705 706 { 707 icon: 'fa-solid fa-book-open', 708 name: 'Ferment magazine', 709 description: "Read the UK's No.1 craft beer magazine.", 710 url: "/ferment", 711 hide: true 712 }, 713 714 715 { 716 icon: 'fa-solid fa-book-open', 717 name: 'Glug magazine', 718 description: "Read the UK's most exciting new wine magazine.", 719 url: "/glug", 720 hide: true 721 }, 722 723 { 724 icon: 'fas fa-piggy-bank', 725 name: 'Exclusive rewards', 726 description: "Grab special discounts, offers and prize draws from our global partners.", 727 url: "/perks", 728 hide: true 729 } 730 ], 731 732 read: [ 733 { 734 icon: 'fa-solid fa-book-open', 735 name: 'Ferment magazine', 736 nameMobile: 'Ferment', 737 url: "/ferment", 738 logo: "https://dth50iqs19w2y.cloudfront.net/static/logo/[email protected]", 739 magazine: 'FERMENT', 740 submenu: [ 741 { 742 icon: 'fas fa-beer', 743 name: 'Breweries', 744 description: "Come behind the scenes at the world's most exciting breweries.", 745 url: '/ferment/category/breweries' 746 }, 747 { 748 icon: 'fas fa-glasses', 749 name: 'Knowledge', 750 nameMobile: 'Knowledge', 751 description: 'Raise your beer nerd game with brewing science and history.', 752 url: '/ferment/category/school' 753 }, 754 { 755 icon: 'fas fa-hiking', 756 name: 'Adventure', 757 description: 'Get out and about, and let beer be your guide.', 758 url: '/ferment/category/adventure' 759 }, 760 { 761 icon: 'fas fa-flask', 762 name: 'Homebrew', 763 description: 'Take your hobby to the next level, with expert tips and tricks.', 764 url: '/ferment/category/home' 765 }, 766 { 767 icon: 'fas fa-wine-bottle', 768 name: 'Booze', 769 description: 'Tales from the wide world of craft alcohol.', 770 url: '/ferment/category/booze' 771 }, 772 { 773 icon: 'fa-regular fa-newspaper', 774 name: 'Miscellany', 775 description: 'Thought-provoking or just plain daft - something for everyone.', 776 url: '/ferment/category/miscellany' 777 } 778 ] 779 }, 780 { 781 icon: 'fa-solid fa-book-open', 782 name: 'Glug magazine', 783 nameMobile: 'Glug', 784 url: "/glug", 785 logo: "https://dth50iqs19w2y.cloudfront.net/static/logo/[email protected]", 786 magazine: 'GLUG', 787 submenu: [ 788 { 789 icon: 'fas fa-compass', 790 name: 'Italy',
791 description: 'The very best of Italian wine, food and culture ', 792 url: '/glug/category/italy' 793 }, 794 { 795 icon: 'fas fa-wine-bottle', 796 name: 'Winemakers', 797 description: 'The passionate individuals behind every glass, and their stories.', 798 url: '/glug/category/winemakers' 799 }, 800 { 801 icon: 'fas fa-glass-cheers', 802 name: 'Pairings', 803 description: 'Wine loves company, from the classic to the heretical. ', 804 url: '/glug/category/pairings' 805 }, 806 { 807 icon: 'fas fa-glasses', 808 name: 'Knowledge', 809 description: 'Broaden your horizons, enhance every sip.', 810 url: '/glug/category/knowledge' 811 }, 812 { 813 icon: 'fa-solid fa-masks-theater', 814 name: 'Culture', 815 description: 'Wine, beyond the vines.', 816 url: '/glug/category/culture' 817 } 818 ] 819 }, 820 { 821 icon: 'fa-solid fa-book-open', 822 name: 'Stramash magazine', 823 nameMobile: 'Stramash', 824 url: "/stramash", 825 logo: "https://dth50iqs19w2y.cloudfront.net/static/logo/[email protected]", 826 magazine: 'STRAMASH', 827 submenu: [] 828 } 829 ] 830 }; 831 var mainMenu = { 832 myBeer52: { 833 icon: "fas fa-beer", 834 nameMobile: "Beer Club", 835 name: "Beer", 836 url: "/", 837 isActive: false && false, /*TODO: temporary condition 'finishV4'*/ 838 submenu: true ? false : submenu.myBeer52 839 }, 840 841 wineClub: { 842 icon: 'fa-solid fa-wine-glass', 843 nameMobile: "Wine Club", 844 name: "Wine", 845 url: "/wine", 846 isActive: true && true, 847 submenu: true ? false : submenu.myWine52 848 }, 849 850 851 whiskyClub: { 852 icon: 'fa-solid fa-whiskey-glass', 853 nameMobile: "Whisky Club", 854 name: "Whisky", 855 url: "/whisky", 856 isActive: false && false, 857 submenu: true ? false : submenu.myWhisky52 858 }, 859 860 861 coffeeClub: { 862 icon: 'fa-solid fa-coffee-bean', 863 nameMobile: "Coffee Club", 864 name: "Coffee", 865 url: "/coffee", 866 isActive: false && false, 867 submenu: true ? false : submenu.myCoffee52 868 }, 869 870 871 shop: { 872 name: 'Shop', 873 url: "/shop", 874 isActive: false 875 }, 876 877 878 879 880 881 882 883 884 customLink: { 885 name: "Advent", 886 nameMobile: "Advent", 887 url: "https://www.beer52.com/advent", 888 isActive: false 889 }, 890 891 hamper: { 892 icon: 'fas fa-piggy-bank', 893 name: 'Italian Prosecco Hamper', 894 description: "Gift a Italian Prosecco Gift Hamper from the finest small, independent producers", 895 url: "/wine/italian-hamper", 896 hideDesktop: true 897 }, 898 899 giftsAndMore: { 900 name: 'Gifts & more', 901 isActive: false, 902 isActiveResponsive: false, 903 submenu: submenu.giftsAndMore, 904 giftParent: true 905 }, 906 907 908 gifts : { 909 icon: 'fas fa-beer', 910 name: 'Beer Gifts', 911 isActive: false, 912 description: "Gift a beer subscription or one-off case.", 913 url: '/gift', 914 hideDesktop: true, 915 giftChild: true 916 }, 917 918 919 920 921 giftsWine: { 922 icon: 'fa-solid fa-wine-glass', 923 name: 'Wine Gifts', 924 isActive: false, 925 description: "Gift a wine subscription or one-off case.", 926 url: '/wine/gift', 927 hideDesktop: true, 928 giftChild: true 929 }, 930 931 932 giftsWhisky: { 933 icon: 'fa-solid fa-whiskey-glass', 934 name: 'Whisky Gifts', 935 isActive: false, 936 description: "Gift a whisky subscription or one-off case.", 937 url: '/whisky/gift', 938 hideDesktop: true, 939 giftChild: true 940 }, 941 942 943 giftsCoffee: { 944 icon: 'fa-solid fa-coffee-bean', 945 name: 'Coffee Gifts', 946 isActive: false, 947 description: "Gift a coffee subscription or one-off case.", 948 url: '/coffee/gift', 949 hideDesktop: true, 950 giftChild: true 951 }, 952 953 rewards: { 954 icon: 'fas fa-piggy-bank', 955 name: 'Exclusive rewards', 956 description: "Grab special discounts, offers and prize draws from our global partners.", 957 url: "/perks", 958 hideDesktop: true 959 }, 960 961 ferment: { 962 name: 'Ferment magazine', 963 url: "/ferment", 964 isActive: window.location.pathname.startsWith('/ferment'), 965 hideDesktop: true, 966 giftChild: true 967 }, 968 969 970 stramash: { 971 name: 'Stramash magazine', 972 url: "/stramash", 973 isActive: window.location.pathname.startsWith('/stramash'), 974 hideDesktop: true, 975 hideMobile: true 976 }, 977 978 979 glug: { 980 name: 'Glug magazine', 981 url: "/glug", 982 isActive: window.location.pathname.startsWith('/glug'), 983 hideDesktop: true, 984 giftChild: true 985 } 986 987 }; 988 989 var activeBlackBar 990 var activeSubMenu = [] 991 for(var key in mainMenu) { 992 if (mainMenu[key].isActive) { 993 if (key !== 'giftsAndMore' && true) { 994 if (['ferment', 'glug', 'stramash'].includes(key)) { 995 for (var index in submenu.read) { 996 if (window.location.pathname.startsWith(submenu.read[index].url)) { 997 activeBlackBar = submenu.read[index]; 998 activeSubMenu = activeBlackBar.submenu 999 } 1000 } 1001 } else { 1002 activeBlackBar = mainMenu[key] 1003 if (activeBlackBar.submenu) { 1004 activeSubMenu = activeBlackBar.submenu.filter(function (item) { 1005 return !item.hide; 1006 }) 1007 } 1008 } 1009 } 1010 if (false) { 1011 activeBlackBar = submenu.giftsAndMore.filter(function(el) { 1012 return el.blackBar 1013 })[0] 1014 if (activeBlackBar) { 1015 activeSubMenu = activeBlackBar.submenu 1016 } 1017 } 1018 } 1019 } 1020 1021 var headerVue = new Vue({ 1022 i18n: vueI18N, 1023 el: '#header', 1024 data: { 1025 activeSubmenuList: null, 1026 activeLink: null, 1027 isShowDropdown: false, 1028 showNotifications: false, 1029 unreadNotifications: -1, 1030 submenuMap: submenu, 1031 showBurger: false, 1032 mainMenuLinks: mainMenu, 1033 submenuAd: { 1034 title: "See what's fresh in our bottleshop.", 1035 image: 'https://dth50iqs19w2y.cloudfront.net/static/dashboard/v4/Lager-Stout-IPA-Beers-MOB-2x.png', 1036 imageAlt: 'shop now', 1037 description: 'Shop our amazing range of craft beers from all around the world.', 1038 cta: 'Shop now', 1039 url: '/shop' 1040 }, 1041 itemCount: 0, 1042 spentFreeDelivery: "0", 1043 isFreeDelivery: false, 1044 add: true, 1045 showAdded: false, 1046 loaded: false, 1047 lastScrollTop: 0, 1048 isActiveStickyMenu: false, 1049 1050 isShowSearchMob: false, 1051
1052 steps: false, 1053 voucherDiscount: false, 1054 voucherDiscountConfig: {}, 1055 hideVoucherBarLink: false, 1056 version: 2, 1057 currency: false, 1058 1059 1060 1061 loadSpendPoints: false, 1062 minPoints: 100, 1063 // controlled from gift checkout 1064 hideNav: false, 1065 showSteps: false, 1066 1067 scrollToTopON: false, 1068 lastActiveElement: null, 1069 blackBar: { 1070 activeMenu: activeBlackBar, 1071 activeSubmenu: activeSubMenu, 1072 lastEl: activeSubMenu.length + 1, 1073 }, 1074 isBeerSchoolActive: 'page' === 'beerSchool', 1075 1076 activeMagazine: null, 1077 1078 magazineMenuOpen: false, 1079 staticCdn:"https://dth50iqs19w2y.cloudfront.net/static/", 1080 postCheckoutCurrentStep: -1, 1081 postCheckoutStepsAmount: 4 1082 }, 1083 mounted: function () { 1084 var thisVue = this 1085 1086 if (thisVue.unreadNotifications === -1) { 1087 1088 } 1089 1090 document.querySelectorAll('.sitenav-loading').forEach(element => { 1091 element.classList.remove('sitenav-loading') 1092 }) 1093 1094 this.resizeBlackBar(10) 1095 window.addEventListener('resize', function() { 1096 thisVue.resizeBlackBar(0) 1097 }) 1098 1099 1100 $('.menu-subtitle-wrap').click(function (){ 1101 $('#allBeersMenu').addClass('show-sub-item'); 1102 $('#allWineMenu').addClass('show-sub-item'); 1103 $(this).parent().addClass('active'); 1104 }) 1105 1106 $('.shop-dropdown-back').click(function (){ 1107 $('#allBeersMenu').removeClass('show-sub-item'); 1108 $('#allWineMenu').removeClass('show-sub-item'); 1109 var allBeersNavItem = $(this).parent().parent(); 1110 setTimeout(function(){ 1111 allBeersNavItem.removeClass('active'); 1112 }, 400); 1113 }) 1114 1115 }, 1116 computed: { 1117 bottomBorder: function() { 1118 return !!($('.shop-menu, .v4-read-submenu').length) 1119 }, 1120 logoutData: function() { 1121 for (let i=0; i < this.submenuMap.myBeer52.length; i++) { 1122 if (this.submenuMap.myBeer52[i].isLogout) { 1123 return this.submenuMap.myBeer52[i] 1124 } 1125 } 1126 } 1127 }, 1128 methods: { 1129 resizeBlackBar: function(extraWidth) { 1130 if (window.innerWidth > 991) { 1131 return 1132 } 1133 var $menu = $('.v4-submenu-list-shadow') 1134 var menuWidth = $('.v4-container-padding').width() - 20 1135 var subLists = $menu.find('.v4-subitem') 1136 var elWidth = 0 1137 var lastEl = -1 1138 for(var i = 0; i < subLists.length; i++) { 1139 linkWidth = subLists[i].offsetWidth + ( i > 1 ? 20 : 0) 1140 if ((elWidth + extraWidth) + linkWidth > menuWidth) { 1141 if (elWidth + 70 > menuWidth) { 1142 lastEl = i - 2 1143 } else { 1144 lastEl = i - 1 1145 } 1146 break; 1147 } 1148 elWidth += linkWidth + extraWidth 1149 } 1150 if (lastEl > -1) { 1151 this.blackBar.lastEl = lastEl 1152 } else { 1153 this.blackBar.lastEl = activeSubMenu.length + 1 1154 } 1155 }, 1156 showSubMenuDropdown: function(link) { 1157 this.isShowDropdown = true 1158 this.activeSubmenuList = link.submenu 1159 this.activeLink = link 1160 }, 1161 hideSubMenuDropdown: function() { 1162 if (!$('.shop-sitenav').hasClass('show-shop-dropdown-beer') && !$('.shop-sitenav').hasClass('show-shop-dropdown-wine')){ 1163 this.isShowDropdown = false; 1164 } 1165 this.activeSubmenuList = null; 1166 this.activeLink = null 1167 }, 1168 toggleSubmenuDropdown: function(link) { 1169 if (this.isShowDropdown) { 1170 if (this.activeLink != link) {
1171 this.showSubMenuDropdown(link) 1172 } else { 1173 this.hideSubMenuDropdown() 1174 } 1175 } else { 1176 this.showSubMenuDropdown(link) 1177 } 1178 }, 1179 toggleNotifications: function() { 1180 if ($('#generalWrapper').hasClass('user-notifications-shown')) { 1181 this.showNotifications = false 1182 this.closeNotifications(); 1183 } else { 1184 if ($('.shop-sitenav').hasClass('show-shop-dropdown-beer') || $('.shop-sitenav').hasClass('show-shop-dropdown-wine')) { 1185 this.hideShopDropdown() 1186 } 1187 if (this.magazineMenuOpen) { 1188 this.toggleMagazineMenu(); 1189 } 1190 if($('.dbv4').hasClass('dbv4-settings-open')) { 1191 dashboardVueApp.toggleSettings(); 1192 } 1193 $('#generalWrapper').addClass('user-notifications-shown'); 1194 this.showNotifications = true 1195 } 1196 }, 1197 closeNotifications: function() { 1198 $('#generalWrapper').removeClass('user-notifications-shown'); 1199 }, 1200 triggerNotificationCheck: function() { 1201 var thisVue = this 1202 $.ajax({
1203 type: 'GET', 1204 contentType: "application/json", 1205 url: "/profile/loadNotificationCounter", 1206 success: function (data) { 1207 thisVue.unreadNotifications = data.total 1208 }, 1209 error: function(response) { 1210 thisVue.unreadNotifications = 0 1211 } 1212 }) 1213 }, 1214 showBurgerMenu: function () { 1215 this.hideShopDropdown(); 1216 $('body').css('background', "#FBF5E2"); 1217 $('#generalWrapper').removeClass('user-notifications-shown'); 1218 if($('.dbv4').hasClass('dbv4-settings-open')) { 1219 dashboardVueApp.toggleSettings(); 1220 } 1221 if(this.magazineMenuOpen) { 1222 this.toggleMagazineMenu(); 1223 } 1224 $('#generalWrapper').addClass('show-burger'); 1225 hideFooter(); 1226 hideMainSection(); 1227 $('.grecaptcha-badge').css('opacity', '0'); 1228 this.showBurger = true; 1229 }, 1230 hideBurgerMenu: function () { 1231 $('body').removeAttr('style'); 1232 $('#generalWrapper').removeClass('show-burger'); 1233 showMainSection(); 1234 showFooter(); 1235 $('.grecaptcha-badge').css('opacity', '1'); 1236 this.showBurger = false; 1237 this.isShowSearchMob = false; 1238 }, 1239 1240 addToCart: function(product, callback) { 1241 var productData = {productId: product.id} 1242 this.addToCartCall(product, productData, callback) 1243 }, 1244 addToCartSafe: function(product, callback) { 1245 var productData = {productId: product.id} 1246 this.addToCartCall(product, productData, callback, true) 1247 }, 1248 addToCartMult: function(product, qty, callback) { 1249 var productData = {productId: product.id, quantity: qty} 1250 this.addToCartCall(product, productData, callback) 1251 }, 1252 addToCartCall: function(product, productData, callback, ignoreError) { 1253 var thisVue = this 1254 $.ajax({
1255 type: 'POST', 1256 url: "/shop/addToCart", 1257 data: productData, 1258 success: function (data) { 1259 product.currentQuantity = data.currentProductQuantity 1260 thisVue.add = true 1261 thisVue.processCartChange(data, callback) 1262 }, 1263 error: function(response) { 1264 if (!ignoreError) { 1265 showMsg("Oops, something went wrong!", response.responseText, 'error'); 1266 } 1267 callback() 1268 } 1269 }); 1270 this.triggerCartTrackingEvents() 1271 }, 1272 triggerCartTrackingEvents: function() { 1273 if (typeof pintrk === "function") { 1274 pintrk('track', 'AddToCart') 1275 } 1276 if (typeof rdt === "function") { 1277 rdt('track', 'AddToCart') 1278 } 1279 }, 1280 removeFromCart: function(product, callback) { 1281 var thisVue = this 1282 $.ajax({
1283 type: 'POST', 1284 //contentType: "application/json", 1285 url: "/shop/removeFromCart", 1286 data: {'productId': product.id}, 1287 success: function (data) { 1288 product.currentQuantity = data.currentProductQuantity 1289 thisVue.add = false 1290 thisVue.processCartChange(data, callback) 1291 }, 1292 error: function(response) { 1293 showMsg("Oops, something went wrong!", response.responseText, 'error'); 1294 callback() 1295 } 1296 }); 1297 }, 1298 processCartChange: function(data, callback) { 1299 this.itemCount = data.productsInCart 1300 this.isFreeDelivery = data.isFreeDelivery 1301 this.spentFreeDelivery = data.spentFreeDelivery 1302 this.showAdded = true 1303 var thisVue = this 1304 setTimeout(function () { 1305 thisVue.showAdded = false 1306 callback({itemCount: thisVue.itemCount, cartVersion: data.cartVersion, isOk: true, addedProduct: data.addedProduct}) 1307 }, 200) 1308 }, 1309 handleScroll: function () { 1310 let thisVue = this 1311 let navbarHeight = $('.v4-navbar-main').outerHeight() 1312 let shopMenuHeight = $('.shop-menu').outerHeight() 1313 let goldenBarHeight = $('.shop-free-delivery').outerHeight() 1314 let st = $(window).scrollTop(); 1315 if (st > thisVue.lastScrollTop && st > navbarHeight){ 1316 thisVue.isActiveStickyMenu = true; 1317 if(!$('#cookiesBar').is(':hidden')){ 1318 $('.v4-main-header.sticky-shop-menu .shop-menu').css('top', $('#cookiesBar').outerHeight()); 1319 $('.v4-main-header.sticky-shop-menu .all-beers-dropdown').css('top', $('#cookiesBar').outerHeight()+shopMenuHeight); 1320 $('.v4-main-header.sticky-shop-menu .shop-free-delivery').css('top', $('#cookiesBar').outerHeight()+shopMenuHeight); 1321 } else { 1322 $('.v4-main-header.sticky-shop-menu .shop-menu').css('top', '0'); 1323 $('.v4-main-header.sticky-shop-menu .all-beers-dropdown').css('top', shopMenuHeight); 1324 $('.v4-main-header.sticky-shop-menu .shop-free-delivery').css('top', shopMenuHeight); 1325 } 1326 $('.shop-menu-sticky-bg').css('height', shopMenuHeight + goldenBarHeight); 1327 } else { 1328 if (thisVue.lastScrollTop > st && st <= navbarHeight){ 1329 thisVue.isActiveStickyMenu = false; 1330 $('.shop-menu-sticky-bg').removeAttr( 'style' ); 1331 } 1332 } 1333 thisVue.lastScrollTop = st; 1334 }, 1335 showShopDropdown: function (club) { 1336 if ($('.shop-sitenav').hasClass('show-shop-dropdown-' + club)) { 1337 this.hideShopDropdown() 1338 } else { 1339 this.hideShopDropdown() 1340 $('.shop-sitenav').addClass('show-shop-dropdown-' + club); 1341 let shopMenuHeight = $('.shop-menu').outerHeight() 1342 $('.wrapper').addClass('all-beers-dropdown-open'); 1343 this.isShowDropdown = true; 1344 if(!$('#cookiesBar').is(':hidden')){ 1345 $('.v4-main-header.sticky-shop-menu .all-beers-dropdown').css('top', $('#cookiesBar').outerHeight()+shopMenuHeight); 1346 } else { 1347 $('.v4-main-header.sticky-shop-menu .all-beers-dropdown').css('top', shopMenuHeight); 1348 } 1349 } 1350 $('#allBeersMenu').removeClass('show-sub-item'); 1351 $('#allWineMenu').removeClass('show-sub-item'); 1352 $('.all-beers-nav-item.active').removeClass('active'); 1353 }, 1354 hideShopDropdown: function() { 1355 $('.shop-sitenav').removeClass('show-shop-dropdown-wine show-shop-dropdown-beer') 1356 this.isShowDropdown = false; 1357 $('.wrapper').removeClass('all-beers-dropdown-open'); 1358 }, 1359 showSearchPanel: function() { 1360 $('.search-panel').slideToggle('fast', function(){ 1361 $('.wrapper').toggleClass('show-search-panel'); 1362 $('form[name=searchForm]').find('input').focus(); 1363 return false; 1364 }) 1365 }, 1366 closeSearchPanel: function() { 1367 var $wrapper = $('.wrapper'); 1368 if ($wrapper.hasClass('show-search-panel')){ 1369 $('.search-panel').slideUp('fast', function(){ 1370 $wrapper.removeClass('show-search-panel'); 1371 }) 1372 this.isShowSearchMob = false; 1373 } 1374 }, 1375 toggleSearchMobile: function () { 1376 this.isShowSearchMob = !this.isShowSearchMob; 1377 if(this.isShowSearchMob) { 1378 setTimeout(function () { 1379 $('form[name=searchFormMob]').find('input').focus(); 1380 }, 200) 1381 } else { 1382 $('.wrapper').removeClass('show-search-panel'); 1383 } 1384 return false; 1385 }, 1386 scrollToSection: function(id) { 1387 var topNav = $('#header').height() 1388 this.$scrollTo(window.document.getElementById(id), 500, {offset: -topNav}) 1389 }, 1390 1391 /*Checkout header*/ 1392 updateSteps: function(steps) { 1393 this.steps = steps 1394 }, 1395 updateVersion: function(version) { 1396 this.version = version 1397 }, 1398 updateHideVoucherBarLink(hide) { 1399 this.hideVoucherBarLink = hide 1400 }, 1401 updateCurrency: function(currency) { 1402 this.currency = currency 1403 }, 1404 updateVoucherDiscount: function(voucherDiscount, config) { 1405 this.voucherDiscount = voucherDiscount 1406 if (config) { 1407 this.voucherDiscountConfig = config 1408 } 1409 }, 1410 showFinalBar: function(step, rewards) { 1411 // TODO: Delete it 1412 }, 1413 scrollToVoucher: function() { 1414 var topNav = $(".siteNavSection").height(); 1415 var voucherTrigger = window.document.getElementById('orderInfoSection') 1416 if($('#voucherPopUpLink').length) { 1417 voucherTrigger = window.document.getElementById('voucherPopUpLink') 1418 } 1419 this.$scrollTo(voucherTrigger, 500, {offset: -topNav}) 1420 $('#voucherCodeInput').focus() 1421 }, 1422 showStep: function(step) { 1423 vueApp.showStep(step) 1424 }, 1425 1426 addPoints: function(points) { 1427 this.currentPoints += points 1428 this.lifetimePoints += points 1429 1430 $('.points-sitenav').html(this.currentPoints.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")) 1431 }, 1432 showSpendPoints: function() { 1433 showFixedLightbox('.spend-points'); 1434 }, 1435 showSpendPointsPopup: function () { 1436 $('#header-lightbox').addClass('show-popup').removeAttr('style'); 1437 }, 1438 scrollToTop: function() { 1439 var top = window.document.getElementById('topAnchor') 1440 this.$scrollTo(top, 200) 1441 }, 1442 1443 //Ferment / Glug menu 1444 toggleMagazineMenu: function () { 1445 this.magazineMenuOpen = !this.magazineMenuOpen; 1446 if (this.magazineMenuOpen) { 1447 hideFooter(); 1448 hideMainSection(); 1449 } else { 1450 showFooter(); 1451 showMainSection(); 1452 } 1453 }, 1454 isLinkActive: function (link) { 1455 //We make additional checks here to avoid duplicate active links on the mobile menu (e.g. Gifts && More and Wine/Beer Gifts) 1456 return link.isActive && (!link.giftParent || !Object.values(this.mainMenuLinks).find(function (e) {return e.giftChild && e.isActive})) 1457 }, 1458 1459 updatePostCheckoutBar: function (stepsAmount, currentStep) { 1460 this.postCheckoutStepsAmount = stepsAmount 1461 this.postCheckoutCurrentStep = currentStep 1462 } 1463 } 1464 });
1465 var cartVue = headerVue; 1466 var headerStepsVue = headerVue; 1467 var lightboxVue = headerVue; 1468 1469 /*Scroll to top handler*/ 1470 window.onscroll = function() {adjustScrollToTop()}; 1471 1472 function adjustScrollToTop() { 1473 var mybutton = document.getElementById("scroll-top-btn-sticky"); 1474 if (mybutton) { 1475 if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) { 1476 mybutton.style.display = "flex"; 1477 } else { 1478 mybutton.style.display = "none"; 1479 } 1480 } 1481 } 1482 1483</script>
1483 1484 1485 </div> 1486 1487 <div class="mainSection"> 1488 1489 1490 1491 1492 1493 1494<div id="index" class="page-content hp-content wine-hp "> 1495 1496 1497 <section class="hp-top-v2 hp-top "> 1498 <div class="container"> 1499 <div class="row align-items-lg-center"> 1500 1501 <h2 id="hp-top-v2-heading-mobile" class="col-12 d-lg-none hp-top-v2-heading-mobile"> 1502 1503 A world of wine to your door. 1504 1505 </h2> 1506 1507 1508 <div class="col-12 col-lg-7 hp-top-v2-img-box"> 1509 1510 <div class="hp-top-v2-bg-circle"></div> 1511 1512 1513 1514 1515 <div class="hp-top-v2-price-label hp-top-v2-common-rosette"> 1516 1517 1518 1519 First case </br> from £36 1520 1521 1522 1523 </div> 1524 1525 1526 1527 <div class="position-relative"> 1528 1529 1530 <img src="https://dth50iqs19w2y.cloudfront.net/80/2f9ce47abe4079a9e86e319ae6af61/Wine52-Italian-South-Landing-Page-Photography.png" class="img-fluid"/> 1531 1532 1533 1534 1535 1536 <div class="hp-top-v2-box-content patron-light"> 1537 1538 This month: 1539 1540 1541 <span class="patron-medium">The Italian South</span>. 1542 </div> 1543 1544 1545 1546 <div class="hp-top-v2-box-content antwerp-italic"> 1547 3 bottles, Glug magazine and 2 snacks. 1548 </div> 1549 1550 </div> 1551 </div> 1552 1553 <div class="col-12 col-lg-5 hp-top-v2-text-box hp-top-text"> 1554 1555 <div class="title-deal"> 1556 <div class="dotted-line-red hp-top-v2-dots">•••</div> 1557 1558 <h1>A world of wine to your door.</h1> 1559 1560 <ul class="hp-list"> 1561 <li><p>Try exclusive wines each month.</p></li> 1562 <li><p>Hand-selected by our experts for you.</p></li> 1563 <li><p>Supporting independent winemakers.</p></li> 1564 <li><p>Glug magazine & 2 artisan snacks.</p></li> 1565 <li><p>Customise to your preferences.</p></li> 1566 </ul> 1567 1568 <div class="hp-link-wrapper"> 1569 <div> 1570 <a href="/wine/subscription" class="sg-btn sg-btn-primary sg-btn-lg mb-4 getStarted"> 1571 Get started 1572 </a> 1573 </div> 1574 1575 <i class="fa-solid fa-tag d-none d-md-inline-block hp-top-v2-icon"></i> 1576 <a id="voucherPopUpLink" class="subscription-code d-inline-block" 1577 onclick="showFixedLightbox('.special-code-v2'); 1578 return false;">Promo or gift code?</a> 1579 </div> 1580 1581 1582 <div class="patron-light hp-subscription-payments"> 1583 <p class="mb-0"> 1584 1585 1586 £36 today, then £38.95 every 28 days, unless stated otherwise, until cancelled. 1587 1588 </p> 1589 1590 <p class="hp-max-extra-location-charge"> 1591 Remote surcharge of £2.99 may apply. 1592 </p> 1593 1594</div> 1595 1596 </div> 1597 1598 </div> 1599 </div> 1600 </div> 1601 </section> 1602 1603 1604 1605 <section class="mobile-sticker show"> 1606 <div class="d-block d-sm-none"> 1607 <div class="container"> 1608 <div class="row"> 1609 <div class="col-12 hp-link-wrapper text-center hp-v2-link-wrapper"> 1610 1611 <a href="/wine/subscription" id="mobileStickerLink" class="sg-btn sg-btn-primary sg-btn-lg w-100 getStarted">Get started</a> 1612 1613 </div> 1614 </div> 1615 </div> 1616 </div> 1617 </section> 1618 1619 1620 1621 1622 <section id="counter" class="counter"> 1623 <div class="container"> 1624 <div class="row"> 1625 <div class="col-12 d-lg-flex"> 1626 <div class="col-12 col-lg-3 text-center text-lg-end mt-3"> 1627 <p class="patron-light mb-0 text-lg-end counter-main-text">Order in the next</p> 1628 </div> 1629 <div class="col-12 col-lg-6 p-0"> 1630 <div class="clock col-12"> 1631 <div class="mx-auto clock-container"> 1632 1633 <div class="hours-number-1"> 1634 <span class="patron d-inline-block clock-number">0</span> 1635 </div> 1636 <div class="hours-number-2"> 1637 <span class="patron d-inline-block clock-number">6</span> 1638 </div> 1639 <div class="clock-symbol"> 1640 <span class="patron d-inline-block clock-number">H</span> 1641 </div> 1642 1643 <div class="dotted-line-white"> 1644 <span class="d-block">•</span> 1645 <span class="d-block">•</span> 1646 <span class="d-block">•</span> 1647 </div> 1648 <div class="minutes-number-1"> 1649 <span class="patron d-inline-block clock-number">3</span> 1650 </div> 1651 <div class="minutes-number-2"> 1652 <span class="patron d-inline-block clock-number">5</span> 1653 </div> 1654 <div class="clock-symbol"> 1655 <span class="patron d-inline-block clock-number">M</span> 1656 </div> 1657 1658 <div class="dotted-line-white"> 1659 <span class="d-block">•</span> 1660 <span class="d-block">•</span> 1661 <span class="d-block">•</span> 1662 </div> 1663 <div class="seconds-number-1"> 1664 <span class="patron d-inline-block clock-number">5</span> 1665 </div> 1666 <div class="seconds-number-2"> 1667 <span class="patron d-inline-block clock-number">9</span> 1668 </div> 1669 <div class="clock-symbol"> 1670 <span class="patron d-inline-block clock-number">S</span> 1671 </div> 1672 </div> 1673 </div> 1674 </div> 1675 <div class="col-12 col-lg-3 text-center text-lg-start mt-3"> 1676 <p class="patron-light mb-0 counter-main-text"> 1677 1678 to drink tomorrow 1679 1680 </p> 1681 </div> 1682 </div> 1683 </div> 1684 </div> 1685 </section> 1686 1687 1688 1689 1690 1691 <section class="how-it-works"> 1692 <div class="container"> 1693 <div class="hp-title"> 1694 <hr class="line-red line-gold"> 1695 1696 <h2 class="patron">How it works</h2> 1697 </div> 1698 1699 <div class="row position-relative pt-4"> 1700 <div class="col-12 col-md-4 text-center"> 1701 <div class="flow-step flow-step1 mx-auto"> 1702 <img src="https://dth50iqs19w2y.cloudfront.net/static/wine/[email protected]" /> 1703 </div> 1704 1705 <div class="text-container-margin"> 1706 <h5 class="patron">We deliver</h5> 1707 <h6 class="patron-light flow-step1-descr hiw-description"> 1708 Well deliver awesome wines, Glug magazine and craft snacks to you. 1709 </h6> 1710 </div> 1711 </div> 1712 1713 <div class="stippled-line-left d-none d-md-block"> 1714 <img src="https://dth50iqs19w2y.cloudfront.net/static/home-page/illu-line-left.png" /> 1715 </div> 1716 1717 <div class="col-12 col-md-4 text-center"> 1718 <div class="flow-step flow-step2 mx-auto"> 1719 <img src="https://dth50iqs19w2y.cloudfront.net/static/wine/[email protected]" /> 1720 </div> 1721 1722 <div class="text-container-margin"> 1723 <h5 class="patron">You discover</h5> 1724 <h6 class="patron-light hiw-description"> 1725 Enjoy learning about a new wine region each month. 1726 </h6> 1727 </div> 1728 </div> 1729 1730 <div class="stippled-line-right d-none d-md-block"> 1731 <img src="https://dth50iqs19w2y.cloudfront.net/static/home-page/illu-line-left.png" class="stippled-line-mirror"/> 1732 </div> 1733 1734 <div class="col-12 col-md-4 text-center"> 1735 <div class="flow-step flow-step3 mx-auto"> 1736 <img src="https://dth50iqs19w2y.cloudfront.net/static/wine/[email protected]" /> 1737 </div> 1738 <div class="text-container-margin"> 1739 <h5 class="patron">Better together</h5> 1740 <h6 class="patron-light hiw-description"> 1741 Support the world’s best independent winemakers. 1742 </h6> 1743 </div> 1744 </div> 1745 </div> 1746 1747 <div class="row hp-button-hide"> 1748 <div class="col-12 text-center"> 1749 <a href="/wine/subscription" class="sg-btn sg-btn-primary sg-btn-lg wine-cta-width getStarted">Get started</a> 1750 </div> 1751 </div> 1752 1753 </div> 1754 </section> 1755 1756 1757 1758 1759 1760 <section class="trustpilot"> 1761 <div class="container"> 1762 <div class="row"> 1763 <div class="col-12 d-none d-md-block"> 1764 <hr class="line-red line-gold"> 1765 <h2 class="patron mb-5">What our customers say</h2> 1766 </div> 1767 <div class="col-12"> 1768 1769 <div class="trustpilot-widget" data-locale="en-US" data-template-id="54ad5defc6454f065c28af8b" data-businessunit-id="6250312376ea62debd1f8995" data-style-height="240px" data-style-width="100%" data-theme="light" data-stars="5" data-review-languages="en"> 1770 <a href="https://www.trustpilot.com/review/wine52.com" target="_blank" rel="noopener">Trustpilot</a> 1771 </div> 1772 <!-- End TrustBox widget --> 1773 1774 </div> 1775 </div> 1776 </div> 1777 </section> 1778 1779 1780 <section class="around-the-world"> 1781 <div class="container"> 1782 <div class="hp-title"> 1783 <hr class="line-red line-gold"> 1784 1785 <h2 class="patron-medium text-white">There's a world of wines out there...</h2> 1786 </div> 1787 1788 <div class="row pt-3 flex-lg-row-reverse"> 1789 <div class="col-12 col-lg-10">
1790 <div class="collection-video p-5 d-flex flex-row-reverse flex-wrap"> 1791 <div class="col-12 collection-video-title"> 1792 <h2 class="patron-medium wine-month-theme-video-heading">The Italian South</h2> 1793 </div> 1794 1795 1796 1797 <div class="col-12 col-md-6 col-xl-7 p-0"> 1798 <div class="ratio ratio-16x9 youtube-lazy-load" 1799 data-loader="youtubeLoader" 1800 data-embed-yt-lazy="UYySFEEXUgo"> 1801 </div> 1802 1803 </div> 1804 1805 <div class="col-12 col-md-6 col-xl-5 month-text"> 1806 <p class="patron-light wine-video-description">Wine52 is making a return to the beautiful country of Italy and this time we’re exploring the southern regions!</p> 1807 <div class="text-center text-md-start hp-button-hide"> 1808 <a href="/wine/subscription" class="sg-btn sg-btn-primary sg-btn-lg wine-cta-width getStarted"> 1809 Join us 1810 </a> 1811 </div> 1812 </div> 1813 </div> 1814 </div> 1815 1816 <div class="col-12 col-lg-2 d-none d-md-block"> 1817 <div class="recently-places"> 1818 <h6 class="patron-medium text-white">Join us for future adventures...</h6> 1819 1820 <div class="row mx-0"> 1821 <div class="col-4 col-lg-12 recently-picture"> 1822 <div> 1823 <img src="https://dth50iqs19w2y.cloudfront.net/static/wine/Wine-barrels.png" class="img-fluid"/> 1824 </div> 1825 1826 <div class="pic-description"> 1827 <span class="patron-medium">California</span> 1828 </div> 1829 </div> 1830 1831 <div class="col-4 col-lg-12 recently-picture"> 1832 <div> 1833 <img src="https://dth50iqs19w2y.cloudfront.net/static/wine/Glass-vinyard.png" /> 1834 </div> 1835 1836 <div class="pic-description"> 1837 <span class="patron-medium">Tasmania</span> 1838 </div> 1839 </div> 1840 1841 <div class="col-4 col-lg-12 recently-picture"> 1842 <div class="col-12 p-0"> 1843 <img src="https://dth50iqs19w2y.cloudfront.net/static/wine/Grapes-vinyard.jpg" /> 1844 </div> 1845 1846 <div class="pic-description"> 1847 <span class="patron-medium">Portugal</span> 1848 </div> 1849 </div> 1850 </div> 1851 </div> 1852 </div> 1853 </div> 1854 </div> 1855 </section> 1856 1857 1858 <section class="partners mt-4"> 1859 <div class="container"> 1860 <div class="hp-title"> 1861 <hr class="line-red line-gold"> 1862 1863 <h2 class="patron">As seen in</h2> 1864 </div> 1865 1866 <div class="row"> 1867 1868 <div class="col-6 col-md-4 col-lg-2 mt-4 text-center"> 1869 <img src="https://dth50iqs19w2y.cloudfront.net/static/index/guardian.png" /> 1870 </div> 1871 1872 <div class="col-6 col-md-4 col-lg-2 mt-4 text-center"> 1873 <img src="https://dth50iqs19w2y.cloudfront.net/static/index/wired.png" /> 1874 </div> 1875 1876 <div class="col-6 col-md-4 col-lg-2 mt-4 text-center"> 1877 <img src="https://dth50iqs19w2y.cloudfront.net/static/index/independent.png" /> 1878 </div> 1879 1880 <div class="col-6 col-md-4 col-lg-2 mt-4 text-center"> 1881 <img src="https://dth50iqs19w2y.cloudfront.net/static/index/les-min.png" /> 1882 </div> 1883 1884 <div class="col-6 col-md-4 col-lg-2 mt-4 text-center"> 1885 <img src="https://dth50iqs19w2y.cloudfront.net/static/index/goodfood.png" /> 1886 </div> 1887 1888 <div class="col-6 col-md-4 col-lg-2 mt-4 text-center"> 1889 <img src="https://dth50iqs19w2y.cloudfront.net/static/index/thelist.png" /> 1890 </div> 1891 1892 </div> 1893 </div> 1894 </section> 1895 1896 1897 <section class="wine-beer-link"> 1898 <div class="container wine-beer-link-content"> 1899 <div> 1900 <span class="patron-light">More of a beer drinker?</span> 1901 1902 <div class="d-md-none"></div> 1903 1904 <a href="/">Check out our beer club</a> 1905 </div> 1906 </div> 1907 </section> 1908 1909</div> 1910 1911<div class="lightbox"> 1912 <div class="fullScreenOverlay white"></div> 1913 <div class="sg-lightbox sg-lightbox-sm lightbox-inner special-code-v2"> 1914 <div class="sg-lb-closer sg-closer"> 1915 <i class="fas fa-times"></i> 1916 </div> 1917 1918 <div class="special-code-content"> 1919 <h4 class="patron-medium sg-lb-title">
1920 Please enter your voucher code below. 1921 </h4> 1922 </div> 1923 1924 <span id="successMessage"></span> 1925 1926 <div class="sg-form special-code-form"> 1927 <div class="input-block"> 1928 <input id="voucherCode" class="patron-light form-control" type="text" name="voucherCode"> 1929 1930 <label for="voucherCode" class="placeholder patron-light form-label">Enter code</label> 1931 1932 <div id="voucherCodeError" class="dynamicErrors special-code-error"></div> 1933 </div> 1934 1935 <div id="voucherPinSection" class="input-block special-code-pin"> 1936 <input id="voucherPin" class="patron-light form-control" type="text" name="voucherPin"> 1937 1938 <label for="voucherPin" class="placeholder patron-light form-label">Enter pin</label> 1939 1940 <div id="voucherPinError" class="dynamicErrors special-code-error"></div> 1941 </div> 1942 1943 <div class="text-center special-code-submit"> 1944 <a id="voucherSubmitButton" href="javascript:void(0)" class="sg-btn sg-btn-primary sg-btn-lg autoDisable special-code-submit-button" onclick="validateVoucher(); return false;"> 1945 Apply 1946 </a> 1947 </div> 1948 </div> 1949</div> 1950
1951<script type="text/javascript"> 1952 1953 $(function() { 1954 $("input[name=voucherCode]").keypress(function (event) { 1955 if (event.which == 13) { 1956 $('#voucherSubmitButton').click() 1957 } 1958 var code = $(this).val() 1959 if (code && code.startsWith("5045075507")) { 1960 $('#voucherPinSection').show() 1961 } 1962 }); 1963 $("input[name=voucherCode]").on('input', function (e) { 1964 updatePopulatedField($('#voucherCode'), e.target.value.length !== 0) 1965 }); 1966 1967 $("input[name=voucherPin]").keypress(function (event) { 1968 if (event.which == 13) { 1969 $('#voucherSubmitButton').click() 1970 } 1971 }); 1972 $("input[name=voucherPin]").on('input', function (e) { 1973 updatePopulatedField($('#voucherPin'), e.target.value.length !== 0) 1974 }); 1975 }) 1976 function updatePopulatedField(el, isPopulated) { 1977 if (isPopulated) { 1978 el.addClass('populated') 1979 } else { 1980 el.removeClass('populated') 1981 } 1982 } 1983 1984 function handleErrorState (codeError, pinError) { 1985 !codeError || codeError.length === 0 ? $('#voucherCode').removeClass('error') : $('#voucherCode').addClass('error') 1986 !pinError || pinError.length === 0 ? $('#voucherPin').removeClass('error') : $('#voucherPin').addClass('error') 1987 } 1988 1989</script>
1989 1990 1991</div> 1992
1993<script type="text/javascript"> 1994 1995 1996 var vue = new Vue({ 1997 el: '#index', 1998 data: { 1999 starSize: window.innerWidth > 767 ? 23 : 18, 2000 2001 currentSlide: 0, 2002 lock: false 2003 }, 2004 mounted: function () { 2005 let thisVue = this; 2006 let slick = $('.hp-hiw-v2-slider').slick({ 2007 arrows: false, 2008 slidesToShow: 1, 2009 slidesToScroll: 1, 2010 touchMove: false, 2011 infinite: true, 2012 fade: true, 2013 speed: 600 2014 }); 2015 slick.on('beforeChange', function(event, slick, currentSlide, nextSlide){ 2016 thisVue.switchSlide(thisVue.howItWorksSteps[nextSlide]) 2017 }); 2018 slick.on('afterChange', function(event, slick, currentSlide, nextSlide){ 2019 thisVue.lock = false 2020 }); 2021 }, 2022 methods: { 2023 switchSlide: function (item) { 2024 if (item.isActive) { 2025 return 2026 } 2027 if (this.lock) { 2028 return; 2029 } 2030 this.lock = true; 2031 this.howItWorksSteps.map(function(step) { 2032 return step.isActive = false 2033 }); 2034 item.isActive = true; 2035 this.currentSlide = parseInt(item.id) - 1; 2036 $('.hp-hiw-v2-slider').slick('slickGoTo', this.currentSlide) 2037 try { 2038 if (typeof gtag === "function") { 2039 gtag('event', "page-windex-hw-slide"); 2040 } 2041 } catch (error) { 2042 } 2043 } 2044 } 2045 }) 2046 2047 $(function () { 2048 2049 initializeClock('counter', "2026-10-02T20:00:00.875+01:00"); 2050 2051 2052 2053 2054 $('.siteNavSection').css('background-color', $('.hp-top').css('background-color')); 2055 2056 /*var topMobileH1 = $('.hp-top-deal-heading-mobile') 2057 if (topMobileH1.length) { 2058 topMobileH1.html($('.hp-deal-text-box h1').text()) 2059 }*/ 2060 2061 2062 /*$(window).scroll(function() { 2063 var $sticker = $('.mobile-sticker'); 2064 var isShown = $sticker.hasClass('show'); 2065 var $topContainer = $('.hp-top-container'); 2066 var top = $topContainer.offset().top + $topContainer.height() - 50; 2067 2068 2069 var scrollPosition = $(window).scrollTop(); 2070 if (scrollPosition >= top && !isShown) { 2071 $sticker.addClass('show') 2072 } else if (scrollPosition < top && isShown) { 2073 2074 $sticker.removeClass('show') 2075 } 2076 })*/ 2077 $('#footer').addClass('mobile-sticker-padding'); 2078 2079 initializeYoutube() 2080 2081 2082 2083 }); 2084 2085function getTimeRemaining(endtime){ 2086 var t = Date.parse(endtime) - Date.parse(new Date()); 2087 var seconds = Math.floor( (t/1000) % 60 ); 2088 var minutes = Math.floor( (t/1000/60) % 60 ); 2089 var hours = Math.floor(t/(1000*60*60)); 2090 return { 2091 'total': t, 2092 'hours': hours, 2093 'minutes': minutes, 2094 'seconds': seconds 2095 }; 2096} 2097 2098function initializeClock(id, endtime) { 2099 var clock = document.getElementById(id); 2100 var hoursSpan1 = clock.querySelector('.hours-number-1 .patron'); 2101 var hoursSpan2 = clock.querySelector('.hours-number-2 .patron'); 2102 var minutesSpan1 = clock.querySelector('.minutes-number-1 .patron'); 2103 var minutesSpan2 = clock.querySelector('.minutes-number-2 .patron'); 2104 var secondsSpan1 = clock.querySelector('.seconds-number-1 .patron'); 2105 var secondsSpan2 = clock.querySelector('.seconds-number-2 .patron'); 2106 var timeinterval = setInterval(function () { 2107 var t = getTimeRemaining(endtime); 2108 var hours = ("0" + t.hours).slice(-2); 2109 var minutes = ("0" + t.minutes).slice(-2); 2110 var seconds = ("0" + t.seconds).slice(-2); 2111 2112 hoursSpan1.innerHTML = hours.slice(-2, -1); 2113 hoursSpan2.innerHTML = hours.slice(-1); 2114 minutesSpan1.innerHTML = minutes.slice(-2, -1); 2115 minutesSpan2.innerHTML = minutes.slice(-1); 2116 secondsSpan1.innerHTML = seconds.slice(-2, -1); 2117 secondsSpan2.innerHTML = seconds.slice(-1); 2118 if (t.total <= 0) { 2119 clearInterval(timeinterval); 2120 $(clock).hide() 2121 } 2122 }, 1000); 2123} 2124 2125function validateVoucher() { 2126 2127 validateVoucherCaptcha() 2128 2129} 2130 2131function validateVoucherCaptcha() { 2132 grecaptcha.ready(function() { 2133 grecaptcha.execute("6LdNxPQUAAAAAME7C-qbKAwIKa5sOXh-M8RmdVR_", {action: 'vouchindx'}).then(function(token) { 2134 validateVoucherProcess(token) 2135 }); 2136 }); 2137} 2138 2139function validateVoucherProcess(captchaToken) { 2140 var code = $('input[name=voucherCode]').val(); 2141 var pin = $('input[name=voucherPin]').val(); 2142 $.ajax({
2143 type: 'POST', 2144 async: true, 2145 url: "/page/checkVoucher", 2146 data: {code: code, pin: pin, slug: "", voucherMode: "WINE52",token: captchaToken}, 2147 success: function (data) { 2148 if (data.isOk) { 2149 $.redirect(data.redirectSlug, {'code': code, 'pin': pin}); 2150 } else { 2151 if (data.showPin) { 2152 $('#voucherPinSection').slideDown('slow'); 2153 } else { 2154 $('#voucherPinError').html(data.pinError); 2155 } 2156 handleErrorState(data.codeError, data.pinError); 2157 $('#voucherCodeError').html(data.codeError); 2158 $('#voucherSubmitButton').removeClass('disabled') 2159 } 2160 }, 2161 error: function(response) { 2162 showMsg(' ', response.responseText, 'error'); 2163 $('#voucherSubmitButton').removeClass('disabled') 2164 } 2165 }); 2166 } 2167 2168 function scrollToDeal() { 2169 var topNav = 0; 2170 var section = $('.hp-top-text'); 2171 $('html, body').animate({ scrollTop: section.offset().top - topNav}, 'slow'); 2172 } 2173 2174 $('.hp-content .btn-primary,.sg-btn-primary').on('click', function() { 2175 if (!!window.triggerSuccessAbEvent) { 2176 triggerSuccessAbEvent() 2177 } 2178 }); 2179 2180</script>
2180 2181 2182 2183 2184 2185 </div> 2186 </main> 2187 2188 2189 2190 2191<footer id="footer" class="v4footer"> 2192 <section id="footer-black-bar-section" class="v4f-back-anchor"> 2193 <div class="container g-0"> 2194 <div class="v4f-row flex-nowrap"> 2195 2196 2197 <div class="v4f-link-wrap"> 2198 <a href="javascript: void(0)" class="v4f-link-to-top" @click="scrollToSection('topAnchor')"> 2199 <i class="fas fa-arrow-up v4f-link-to-top-icon"></i> 2200 2201 <span class="patron-medium">Back to top</span> 2202 </a> 2203 </div> 2204 </div> 2205 </div> 2206 </section> 2207 2208 <section class="v4f-main"> 2209 <div class="container"> 2210 <div class="row"> 2211 <div class="col-xl-4 d-none d-xl-block"> 2212 <a href="/" class="v4f-logo-link"> 2213 <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/Beer-white.png" alt="Beer52 Logo White" class="v4f-logo-beer52"/> 2214 </a> 2215 2216 <p class="patron-light v4f-text-sm">Beer52, 8 Melville Crescent, <span class="v4f-no-wrap">Edinburgh, EH3 7JA.</span></p> 2217 2218 <p class="patron-light v4f-text-sm">Registered in Scotland No SC449930. <span class="v4f-no-wrap d-block">VAT No GB 166068984.</span></p> 2219 2220 <div class="v4f-certificate"> 2221 <a href="/bcorp" class="border-0"> 2222 <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="B Corp logo" class="v4f-certificate-image"/> 2223 </a> 2224 2225 <a href="/bcorp#carbonNeutral" class="border-0"> 2226 <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="OCW Carbon Neutral" class="v4f-certificate-image"/> 2227 </a> 2228 2229 <a href="/bcorp#livingWage" class="border-0"> 2230 <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="Living wage employer" class="v4f-certificate-image"/> 2231 </a> 2232 </div> 2233 </div> 2234 2235 <div class="col-12 col-xl-8"> 2236 <div class="row flex-wrap"> 2237 <div class="col-6 col-sm-4 col-md-3 v4f-link-group"> 2238 <h6 class="v4f-link-group-title patron-medium"> 2239 {{clubs.groupName}} 2240 </h6> 2241 2242 <ul class="v4f-links-list"> 2243 <li v-for="link in clubs.links" :key="link.name"> 2244 <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a> 2245 </li> 2246 </ul> 2247 </div> 2248 2249 <div class="col-6 col-sm-4 col-md-3 v4f-link-group"> 2250 <h6 class="v4f-link-group-title patron-medium"> 2251 {{magazines.groupName}} 2252 </h6> 2253 2254 <ul class="v4f-links-list"> 2255 <li v-for="link in magazines.links" :key="link.name"> 2256 <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a> 2257 </li> 2258 </ul> 2259 </div> 2260 2261 <div class="col-6 col-sm-4 col-md-3 v4f-link-group"> 2262 <h6 class="v4f-link-group-title patron-medium"> 2263 {{shop.groupName}} 2264 </h6> 2265 2266 <ul class="v4f-links-list"> 2267 <li v-for="link in shop.links" :key="link.name"> 2268 <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a> 2269 </li> 2270 </ul> 2271 </div> 2272 2273 <div class="col-6 col-sm-4 col-md-3 v4f-link-group"> 2274 <h6 class="v4f-link-group-title patron-medium"> 2275 {{gifts.groupName}} 2276 </h6> 2277 2278 <ul class="v4f-links-list"> 2279 <li v-for="link in gifts.links" :key="link.name"> 2280 <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a> 2281 </li> 2282 </ul> 2283 </div> 2284 2285 <div class="col-6 col-sm-4 col-md-3 v4f-link-group"> 2286 <h6 class="v4f-link-group-title patron-medium"> 2287 {{help.groupName}} 2288 </h6> 2289 2290 <ul class="v4f-links-list"> 2291 <li v-for="link in help.links" :key="link.name"> 2292 <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a> 2293 </li> 2294 </ul> 2295 </div> 2296 2297 <div class="col-6 col-sm-4 col-md-3 v4f-link-group"> 2298 <h6 class="v4f-link-group-title patron-medium"> 2299 {{company.groupName}} 2300 </h6> 2301 2302 <ul class="v4f-links-list"> 2303 <li v-for="link in company.links" :key="link.name"> 2304 <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a> 2305 </li> 2306 </ul> 2307 </div> 2308 2309 <div class="col-6 col-sm-4 col-md-3 v4f-link-group"> 2310 <h6 class="v4f-link-group-title patron-medium"> 2311 {{legal.groupName}} 2312 </h6> 2313 2314 <ul class="v4f-links-list"> 2315 <li v-for="link in legal.links" :key="link.name"> 2316 <a class="v4f-link patron-light" :href="link.url">{{link.name}}</a> 2317 </li> 2318 </ul> 2319 </div> 2320 2321 <div class="col-6 col-sm-4 col-md-3 v4f-link-group"> 2322 <h6 class="v4f-link-group-title patron-medium"> 2323 {{eebria.groupName}} 2324 </h6> 2325 2326 <ul class="v4f-links-list"> 2327 <li v-for="link in eebria.links" :key="link.name"> 2328 <a class="v4f-link patron-light" :href="link.url" target="_blank"> 2329 {{link.name}} 2330 2331 <i class="fa-regular fa-arrow-up-right-from-square"></i> 2332 </a> 2333 </li> 2334 </ul> 2335 </div> 2336 </div> 2337 </div> 2338 </div> 2339 </div> 2340 </section> 2341 2342 <section class="v4f-social-media"> 2343 <div class="container"> 2344 <div class="row flex-lg-row-reverse"> 2345 <div class="col-12 col-xl-8 v4f-bottom-padding"> 2346 <ul class="v4f-links-list v4f-social-media-list"> 2347 <li class="v4f-social-media-item" v-for="item in socialMedia"> 2348 <a class="v4f-social-media-link" :href="item.url"> 2349 <i class="v4f-social-media-icon" :class="item.icon"></i>
2350 <span class="patron-medium">{{item.name}}</span> 2351 </a> 2352 </li> 2353 </ul> 2354 </div> 2355 2356 <div class="col-12 col-xl-4 v4f-bottom-padding"> 2357 <a href="/" class="v4f-logo-link d-xl-none"> 2358 <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/Beer-white.png" alt="Beer52 Logo White" class="v4f-logo-beer52"/> 2359 </a> 2360 2361 <p class="patron-light v4f-text-sm d-xl-none">Beer52, 8 Melville Crescent, <span class="v4f-no-wrap">Edinburgh, EH3 7JA.</span></p> 2362 2363 <p class="patron-light v4f-text-sm d-xl-none">Registered in Scotland No SC449930. <span class="v4f-no-wrap">VAT No GB 166068984.</span></p> 2364 2365 <i class="far fa-copyright"></i> 2366 <span class="patron-light">2026 Beer52. All rights reserved.</span> 2367 2368 <div class="v4f-certificate d-xl-none"> 2369 <a href="/bcorp" class="border-0"> 2370 <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="B Corp logo" class="v4f-certificate-image"/> 2371 </a> 2372 2373 <a href="/bcorp#carbonNeutral" class="border-0"> 2374 <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="OCW Carbon Neutral" class="v4f-certificate-image"/> 2375 </a> 2376 2377 <a href="/bcorp#livingWage" class="border-0"> 2378 <img src="https://dth50iqs19w2y.cloudfront.net/static/logo/certificate/[email protected]" alt="Living wage employer" class="v4f-certificate-image"/> 2379 </a> 2380 </div> 2381 </div> 2382 </div> 2383 </div> 2384 </section> 2385 2386 <section class="v4f-payments"> 2387 <div class="container"> 2388 <div class="patron-light v4f-text-sm v4f-payments-margin">Secure online payments</div> 2389 2390 <div class="v4f-payments-logos"> 2391 <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="VISA card payments accepted" class="v4f-payment-logo"/> 2392 2393 <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="Mastercard card payments accepted" class="v4f-payment-logo"/> 2394 2395 <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="American Express card payments accepted" class="v4f-payment-logo"/> 2396 2397 <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="Maestro card payments accepted" class="v4f-payment-logo"/> 2398 2399 <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="Apple Pay accepted" class="v4f-payment-logo"/> 2400 2401 <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/payment/[email protected]" alt="Google Pay accepted" class="v4f-payment-logo"/> 2402 </div> 2403 </div> 2404 </section> 2405</footer> 2406
2407<script type="text/javascript"> 2408 2409var footerVue = new Vue ({ 2410 el: '#footer', 2411 data: { 2412 clubs: { 2413 groupName: "Discovery Clubs", 2414 links: [ 2415 { 2416 name: "Beer Club", 2417 url: "/" 2418 }, 2419 2420 { 2421 name: "Wine Club", 2422 url: "/wine" 2423 }, 2424 2425 2426 { 2427 name: "Whisky Club", 2428 url: "/whisky" 2429 }, 2430 2431 2432 { 2433 name: "Coffee Club", 2434 url: "/coffee" 2435 }, 2436 2437 { 2438 name: "Office Beers", 2439 url: "/landing/craft-beer-fridays" 2440 } 2441 ] 2442 }, 2443 magazines: { 2444 groupName: "Magazines", 2445 links: [ 2446 2447 { 2448 name: "Ferment Online", 2449 url: "/ferment" 2450 }, 2451 { 2452 name: "Ferment Delivered", 2453 url: "/landing/ferment" 2454 }, 2455 2456 2457 { 2458 name: "Glug Online", 2459 url: "/glug" 2460 }, 2461 { 2462 name: "Glug Delivered", 2463 url: "/landing/glug" 2464 }, 2465 2466 2467 { 2468 name: "Stramash Delivered", 2469 url: "/landing/stramash" 2470 }, 2471 2472 ] 2473 }, 2474 shop: { 2475 groupName: "Shop", 2476 links: [ 2477 2478 { 2479 name: "Beer", 2480 url: "/shop/beer" 2481 }, 2482 { 2483 name: "Beer Cases", 2484 url: "/shop/cases" 2485 }, 2486 2487 2488 { 2489 name: "Wine", 2490 url: "/shop/wine" 2491 }, 2492 { 2493 name: "Wine Cases", 2494 url: "/shop/wine/cases" 2495 }, 2496 2497 2498 { 2499 name: "Whisky", 2500 url: "/shop/whisky" 2501 }, 2502 2503 2504 { 2505 name: "Coffee", 2506 url: "/shop/coffee/cases" 2507 }, 2508 2509 2510 { 2511 name: "Other", 2512 url: "/shop/other" 2513 } 2514 2515 ] 2516 }, 2517 gifts: { 2518 groupName: "Gifts", 2519 links: [ 2520 2521 { 2522 name: "Beer Gifts", 2523 url: "/gift" 2524 }, 2525 2526 2527 { 2528 name: "Wine Gifts", 2529 url: "/wine/gift" 2530 }, 2531 2532 2533 { 2534 name: "Whisky Gifts", 2535 url: "/whisky/gift" 2536 }, 2537 2538 2539 { 2540 name: "Coffee Gifts", 2541 url: "/coffee/gift" 2542 }, 2543 2544 2545 { 2546 name: "Advent", 2547 url: "https://www.beer52.com/advent" 2548 }, 2549 2550 ] 2551 }, 2552 help: { 2553 groupName: "Help", 2554 links: [ 2555 { 2556 name: "Help Centre", 2557 url: "/help" 2558 }, 2559 { 2560 name: "FAQs", 2561 url: "/wine/faq" 2562 }, 2563 { 2564 name: "Contact us", 2565 url: "/wine/contactUs" 2566 } 2567 ] 2568 }, 2569 company: { 2570 groupName: "Company", 2571 links: [ 2572 { 2573 name: "About us", 2574 url: "/aboutUs" 2575 }, 2576 { 2577 name: "B Corp", 2578 url: "/bcorp" 2579 }, 2580 { 2581 name: "Careers", 2582 url: "/careers" 2583 } 2584 ] 2585 }, 2586 legal: { 2587 groupName: "Legal", 2588 links: [ 2589 { 2590 name: "Privacy Policy", 2591 url: "/wine/privacy" 2592 }, 2593 { 2594 name: "Cookie Policy", 2595 url: "/wine/cookies" 2596 }, 2597 { 2598 name: "Modern Slavery", 2599 url: "/modernSlaveryStatement" 2600 }, 2601 { 2602 name: "T&Cs", 2603 url: "/wine/terms" 2604 } 2605 ] 2606 }, 2607 eebria: { 2608 groupName: "EEBRIA", 2609 links: [ 2610 { 2611 name: "Trade buying", 2612 url: "https://www.eebriatrade.com/" 2613 }, 2614 { 2615 name: "Drink at home", 2616 url: "https://www.eebriatrade.com/individuals" 2617 }, 2618 { 2619 name: "Sell with us", 2620 url: "https://www.eebriatrade.com/page/view/selling-on-eebria-and-eebriatrade" 2621 } 2622 ] 2623 }, 2624 socialMedia: [ 2625 { 2626 name: "Facebook", 2627 icon: 'fab fa-facebook-f', 2628 url: 'https://www.facebook.com/beer52HQ' 2629 }, 2630 { 2631 name: "X (Twitter)", 2632 icon: 'fa-brands fa-x-twitter', 2633 url: 'https://www.twitter.com/beer52HQ' 2634 }, 2635 { 2636 name: "Instagram", 2637 icon: 'fab fa-instagram', 2638 url: 'https://instagram.com/beer52hq' 2639 }, 2640 { 2641 name: "YouTube", 2642 icon: 'fab fa-youtube',
2643 url: 'https://www.youtube.com/channel/UCQO5-cG8ErXEjzc8LQx1J-g' 2644 } 2645 ] 2646 }, 2647 methods: { 2648 scrollToSection: function(id) { 2649 var topNav = $('.siteNavSection').height(); 2650 this.$scrollTo(window.document.getElementById(id), 500, {offset: -topNav}) 2651 } 2652 } 2653}) 2654 2655</script>
2655 2656 2657 2658 </div> 2659 2660 <div class='lightbox'> 2661 <div class='fullScreenOverlay white'></div> 2662 <div id="authenticatePopup" class="sg-lightbox sg-lightbox-sm lightbox-inner popup-events error authenticate-yourself"> 2663 <div class="sg-lb-closer sg-closer"> 2664 <i class="fas fa-times"></i> 2665 </div> 2666 2667 <div class="sg-lb-image"> 2668 <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/[email protected]" alt="error image" class="error-image img-fluid"/> 2669 </div> 2670 2671 <h4 class="patron-medium sg-lb-title">Oops, something went wrong!</h4> 2672 2673 <p class="sub patron-light sg-lb-text">Sorry, you need to authenticate yourself to perform this action</p> 2674 2675 <div class=""> 2676 <div> 2677 <a href='' class='signinTrigger sg-btn sg-btn-white sg-btn-lg login-submit authenticate-yourself-button' data-remember-me='true'> 2678 Login 2679 </a> 2680 </div> 2681 <a href="javascript:void(0)" class="sg-link sg-link-lg sg-link-black" onclick="closeLightbox();return false"> 2682 No thanks 2683 </a> 2684 </div> 2685</div> 2686 2687 2688<div id="popup-box" class="sg-lightbox sg-lightbox-sm lightbox-inner popup-events"> 2689 <div class="sg-lb-closer sg-closer"> 2690 <i class="fas fa-times"></i> 2691 </div> 2692 2693 <div class="sg-lb-image"> 2694 2695 <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/wine/[email protected]" alt="success image" class="success-image img-fluid"/> 2696 2697 <img src="https://dth50iqs19w2y.cloudfront.net/static/icons/wine/[email protected]" alt="error image" class="error-image img-fluid"/> 2698 2699 </div> 2700 2701 <h4 class="patron-medium sg-lb-title">High Five!</h4> 2702 2703 <p class="sub patron-light sg-lb-text"></p> 2704 2705 <button class="sg-btn sg-btn-lg sg-lb-btn sg-btn-primary success-btn" onclick="closeLightbox();return false"> 2706 OK, thanks 2707 </button> 2708 2709 <button class="sg-btn sg-btn-lg sg-lb-btn sg-btn-white error-btn" onclick="closeLightbox();return false"> 2710 OK, thanks 2711 </button> 2712</div> 2713 </div> 2714</body> 2715</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.