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