1<!DOCTYPE html> 2�<html lang="en"><head><!-- Google tag (gtag.js) -->
vendor: 71 bytes, line 2
2<script async="async" src="https://www.googletagmanager.com/gtag/js?id=
2G-VG24VK2VKT
vendor: 11 bytes, line 2
2"></script>
2<script> 3 window.dataLayer = window.dataLayer || []; 4 function gtag(){dataLayer.push(arguments);} 5 gtag('set', 'linker', {'domains': ['tmt.spotapps.co','spothopperapp.com']}); 6 gtag('js', new Date()); 7 8 gtag('config', 'G-VG24VK2VKT'); 9 </script>
9<!-- wcache 2026-09-29 10:36:44.758305Z --><!-- 10smart_footer: true, 11smart_footer_version: 2, 12scripting_active: false 13--><link href="https://mercuriosgelatopizza.com/" rel="canonical"/><meta charset="utf-8"/><meta content="IE=edge" http-equiv="X-UA-Compatible"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="" name="description"/><meta content="" name="author"/><title>Mercurio's - Landing Page</title>
13<script>document.cookie='resolution='+Math.max(screen.width,screen.height)+("devicePixelRatio" in window ? ","+devicePixelRatio : ",1")+'; path=/';</script>
13<link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/apple-touch-icon.png" rel="apple-touch-icon" sizes="144x144"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/site.webmanifest" rel="manifest"/><link color="#7c001d" href="https://static.spotapps.co/web/mercuriosgelatopizza--com/safari-pinned-tab.svg" rel="mask-icon"/><meta content="#ffffff" name="msapplication-TileColor"/><meta content="#ffffff" name="theme-color"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/gallery/gallery.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/fancybox/source/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/fancybox/source/helpers/jquery.fancybox-thumbs.css" rel="stylesheet" type="text/css"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/uikit/css/uikit.docs.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/uikit/css/slidenav.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/hover_css/css/hover-min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/owlcarousel/owl.carousel.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/owlcarousel/owl.theme.default.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/css/style.css?version2" rel="stylesheet"/><link href="css/custom.css?v1764020526&domain=mercuriosgelatopizza.com" rel="stylesheet"/><link href="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/icons_font/css/social_icons.css" rel="stylesheet"/><!--[if IE 7]><link rel="stylesheet" href="lib/icons_font/css/social_icons-ie7.css"><![endif]--><!--[if lt IE 9]> 14
14<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
14 15
15<script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
15 16 <![endif]--><style> 17 18#accessibility-footer { 19 padding: 20px 5px; 20 background-color: #353638; 21 color: #fff; 22 text-align: center; 23} 24#accessibility-footer p { 25 margin: 0; 26 padding: 0; 27 font-family: inherit; 28 font-size: initial; 29 color: #fff; 30} 31#accessibility-footer .accessibility-link { 32 display: inline-block; 33 color: inherit; 34 text-decoration: underline; 35 font-weight: 600; 36} 37 38@media (max-width: 767px) { 39 #accessibility-footer .accessibility-link { 40 display: block; 41 } 42} 43 44</style>
44<script src="https://static.spotapps.co/websites/lib/lazysizes/lazysizes.min.js" async=""></script>
44<script> 45function ga_check(){ 46 return true; 47} 48</script>
48<script> 49function universal_ga(action, type, category, ev_action, label){ 50 if(typeof ga === 'function') 51 { 52 if(!(action && label)) 53 ga(action, type, category) 54 else 55 ga(action, type, category, ev_action, label) 56 } 57 58 if(typeof gtag === 'function') 59 { 60 if(!(action && label)) 61 { 62 hash = category 63 ev_label = hash["eventLabel"] 64 var splits = ev_label.match(/.{1,100}/g) ?? []; 65 delete(hash["eventLabel"]) 66 67 if(splits.length <= 1) 68 hash["eventLabel"] = ev_label 69 else 70 { 71 for (let i = 0; i < splits.length; i++) { 72 var key = "eventLabel_"+i 73 hash[key] = splits[i] 74 } 75 } 76 console.log(hash) 77 gtag("event", hash["eventCategory"], hash); 78 } 79 else 80 { 81 var hash = { 82 eventCategory: category, 83 eventAction: ev_action 84 } 85 86 var splits = label.match(/.{1,100}/g) ?? []; 87 if(splits.length <= 1) 88 hash["eventLabel"] = label 89 else 90 { 91 for (let i = 0; i < splits.length; i++) { 92 var key = "eventLabel_"+i 93 hash[key] = splits[i] 94 } 95 } 96 gtag("event", hash["eventCategory"], hash); 97 } 98 } 99} 100</script>
100<script> function getPromotionUrlParams(){ 101 var params_str = sessionStorage.getItem('shUrlParams'); 102 if (params_str != null){ 103 return JSON.parse(params_str); 104 }else{ 105 return {}; 106 } 107 } 108 109 function getPromotionSourceDetails(){ 110 var params_str = localStorage.getItem('promotionSourceDetails'); 111 if (params_str != null){ 112 return JSON.parse(params_str); 113 }else{ 114 return {}; 115 } 116 } 117 118 function getLastEmailVisitInDays(){ 119 var promotionSourceDetails = getPromotionSourceDetails(); 120 if (!promotionSourceDetails['last_visit_email'] ){ 121 return null; 122 } 123 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_email'])) / (1000 * 60 * 60 * 24)); 124 } 125 126 function getLastSocialVisitInDays(){ 127 var promotionSourceDetails = getPromotionSourceDetails(); 128 if (!promotionSourceDetails['last_visit_social'] ){ 129 return null; 130 } 131 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_social'])) / (1000 * 60 * 60 * 24)); 132 } 133 134 var shUrlParams = getPromotionUrlParams(); 135 var promotionSourceDetails = getPromotionSourceDetails(); 136 137 new URL(document.location).searchParams.forEach(function(value, paramName){ 138 139 shUrlParams[paramName] = value; 140 141 if (paramName == 'source' && value =='social' ){ 142 promotionSourceDetails['last_visit_social'] = new Date(); 143 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 144 } 145 146 if (paramName == 'source' && value =='email' ){ 147 promotionSourceDetails['last_visit_email'] = new Date(); 148 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 149 } 150 151 }); 152 153 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)) 154</script>
154<style>a:focus:not(:focus-visible){outline:none;box-shadow:none;} 155a.get-directions-footer-link{display:inline-block;transform-origin:left center;transition:transform .2s ease;} 156a.get-directions-footer-link:hover{transform:scale(1.08);} 157@media (prefers-reduced-motion:reduce){a.get-directions-footer-link{transition:none;transform:none;}} 158a.get-directions-footer-link,a.get-directions-footer-link:hover{color:inherit!important;}</style></head><body class="home-page"><style> 159 160 161.navbar-regular .navbar-collapse.collapse.in { 162 background-color: transparent; 163 width: 100%; 164} 165.navbar.nav-v4{ 166 background-color: transparent; 167 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 168 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 169 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 170 -moz-transition: all 0.3s ease-in-out; 171 -webkit-transition: all 0.3s ease-in-out; 172 -o-transition: all 0.3s ease-in-out; 173 transition: all 0.3s ease-in-out; 174} 175.navbar.nav-v4.nav-scroll{ 176 background-color: rgba(0,0,0,0.7); 177 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); 178 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); 179 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); 180} 181.drink-menu .navbar.nav-v4{ 182 background-color: rgba(0,0,0,0.7); 183 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 184 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 185 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 186 -moz-transition: all 0.3s ease-in-out; 187 -webkit-transition: all 0.3s ease-in-out; 188 -o-transition: all 0.3s ease-in-out; 189 transition: all 0.3s ease-in-out; 190} 191.drink-menu .navbar.nav-v4.nav-scroll{ 192 background-color: rgba(0,0,0,0.7); 193 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); 194 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); 195 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); 196} 197.navbar-regular.nav-v4 .navbar-nav>li>a, 198.navbar-regular.nav-v4 .navbar-nav>.active>a, 199.navbar-regular.nav-v4 .navbar-nav>.active>a:focus, 200.navbar-regular.nav-v4 .navbar-nav>.active>a:hover{ 201 border: none; 202 background-color: transparent; 203 color: #fff; 204 -moz-transition: all 0.3s ease-in-out; 205 -webkit-transition: all 0.3s ease-in-out; 206 -o-transition: all 0.3s ease-in-out; 207 transition: all 0.3s ease-in-out; 208} 209.navbar-regular.nav-v4 .navbar-toggle .icon-bar { 210 background-color: #fff; 211 -moz-transition: all 0.3s ease-in-out; 212 -webkit-transition: all 0.3s ease-in-out; 213 -o-transition: all 0.3s ease-in-out; 214 transition: all 0.3s ease-in-out; 215} 216.navbar-regular.nav-v4.nav-scroll .navbar-nav>li>a, 217.navbar-regular.nav-v4.nav-scroll .navbar-nav>.active>a, 218.navbar-regular.nav-v4.nav-scroll .navbar-nav>.active>a:focus, 219.navbar-regular.nav-v4.nav-scroll .navbar-nav>.active>a:hover{ 220 border: none; 221 color: #fff; 222} 223.navbar-regular.nav-v4.nav-scroll .navbar-toggle .icon-bar { 224 background-color: #fff; 225} 226.navbar.nav-v4 .header-logo-text{ 227 color: #fff; 228 -moz-transition: all 0.3s ease-in-out; 229 -webkit-transition: all 0.3s ease-in-out; 230 -o-transition: all 0.3s ease-in-out; 231 transition: all 0.3s ease-in-out; 232} 233.navbar.nav-v4.nav-scroll .header-logo-text{ 234 color: #fff; 235} 236.navbar.nav-v4 .social-icon{ 237 color: #fff; 238 -moz-transition: all 0.3s ease-in-out; 239 -webkit-transition: all 0.3s ease-in-out; 240 -o-transition: all 0.3s ease-in-out; 241 transition: all 0.3s ease-in-out; 242} 243.navbar.nav-v4.nav-scroll .social-icon{ 244 color: #fff; 245} 246</style><!-- nav --><nav class="navbar nav-v4 navbar-regular navbar-fixed-top" id="navbar" role="navigation"><div class="visuallyhidden" id="skip"><a href="#content">Skip to Main Content</a></div><div><div class="navbar-header"><button class="navbar-toggle" data-target="#navbar-collapse-1" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><a class="header-logo" href="/"><div class="header-logo-text">Mercurio's Shadyside</div></a><ul class="socialnav"><li class="social-links"><a class="pull-left" href="https://www.facebook.com/128576010513854" target="_blank"><i class="social-icon icon-facebook_icon"></i><span>Facebook page</span></a><a class="pull-left contact-icon" href="https://www.instagram.com/mercuriospgh" target="_blank"><i class="social-icon icon-instagram_icon"></i><span>Instagram page</span></a></li></ul><div class="collapse navbar-collapse" id="navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li class="active "><a class="fade-in one " href="/" id="home_link" target="_self"> 247 HOME </a></li><li class=" nav-menu-page"><a class="fade-in one " href="/pittsburgh-shadyside-mercurio-s-shadyside-food-menu" id="/Pittsburgh-Shadyside-Mercurio-s-Shadyside-food-menu_link" target="_self"> 248 MENU </a></li><li class=" "><a class="fade-in one " href="/pittsburgh-shadyside-mercurio-s-shadyside-drink-menu" id="/Pittsburgh-Shadyside-Mercurio-s-Shadyside-drink-menu_link" target="_self"> 249 DRINKS </a></li><li class=" "><a class="fade-in one " href="/pittsburgh-shadyside-mercurio-s-shadyside-happy-hours-specials" id="/Pittsburgh-Shadyside-Mercurio-s-Shadyside-happy-hours-specials_link" target="_self"> 250 SPECIALS </a></li><li class=" "><a class="fade-in one " href="/pittsburgh-shadyside-mercurio-s-shadyside-events" id="/Pittsburgh-Shadyside-Mercurio-s-Shadyside-events_link" target="_self"> 251 EVENTS </a></li><li class=" nav-order-link"><a class="fade-in one link-order-sh" href="https://mercurios.menufy.com/#" id="https://mercurios.menufy.com/#_link" target="_self"> 252 ORDER </a></li><li class=" nav-jobs-link"><a class="fade-in one link-jobs-sh" href="https://tmt.spotapps.co/job-listings?spot_id=79277&callback_url=http://mercuriosgelatopizza.
252com/#" id="https://tmt.spotapps.co/job-listings?spot_id=79277&callback_url=http://mercuriosgelatopizza.com/#_link" target="_self"> 253 JOBS </a></li></ul></div></div></nav><header class="header" style=" 254 background-image: url(https://static.spotapps.co/web/mercuriosgelatopizza--com/); 255 background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url(https://static.spotapps.co/web/mercuriosgelatopizza--com/); 256 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://static.spotapps.co/web/mercuriosgelatopizza--com/); 257 background-repeat: no-repeat; 258 background-position: center center fixed; 259 -webkit-background-size: cover; 260 -moz-background-size: cover; 261 -o-background-size: cover; 262 background-size: cover; 263 z-index: 100000; 264 "><div id="home_page_cover" style="height:100%;"><style> 265.on-cover-content { 266 display: table; 267} 268 .header { 269 overflow: hidden; 270 } 271 .header { 272 overflow: hidden; 273 -webkit-animation: coverImageStyle 2s linear 1; 274 -moz-animation: coverImageStyle 2s linear 1; 275 animation: coverImageStyle 2s linear 1; 276 } 277 @-webkit-keyframes coverImageStyle { 278 from { 279 -webkit-filter: grayscale(1); 280 -moz-filter: grayscale(1); 281 -o-filter: grayscale(1); 282 -ms-filter: grayscale(1); 283 filter: grayscale(1); 284 } 285 to { 286 -webkit-filter: grayscale(0); 287 -moz-filter: grayscale(0); 288 -o-filter: grayscale(0); 289 -ms-filter: grayscale(0); 290 filter: grayscale(0); 291 } 292 } 293 @-moz-keyframes coverImageStyle { 294 from { 295 -webkit-filter: grayscale(1); 296 -moz-filter: grayscale(1); 297 -o-filter: grayscale(1); 298 -ms-filter: grayscale(1); 299 filter: grayscale(1); 300 } 301 to { 302 -webkit-filter: grayscale(0); 303 -moz-filter: grayscale(0); 304 -o-filter: grayscale(0); 305 -ms-filter: grayscale(0); 306 filter: grayscale(0); 307 } 308 } 309 @keyframes coverImageStyle { 310 from { 311 -webkit-filter: grayscale(1); 312 -moz-filter: grayscale(1); 313 -o-filter: grayscale(1); 314 -ms-filter: grayscale(1); 315 filter: grayscale(1); 316 } 317 to { 318 -webkit-filter: grayscale(0); 319 -moz-filter: grayscale(0); 320 -o-filter: grayscale(0); 321 -ms-filter: grayscale(0); 322 filter: grayscale(0); 323 } 324 } 325</style><div class="on-cover-content animate-content content-center"><div class="section-wrapper"><div class="container"><h1 class="visuallyhidden">Mercurio's - Landing Page</h1><img alt="Mercurio's logo" class="main-logo" src="https://static.spotapps.co/web/mercuriosgelatopizza--com/custom/logo.png"/><div><a class="custom-temp-btn hvr-fade" href="https://foxchapel.mercuriosgelatopizza.com/" target="_blank">Fox Chapel</a><a class="custom-temp-btn hvr-fade" href="https://shadyside.mercuriosgelatopizza.com/" target="_blank">Shadyside</a></div></div></div></div></div></header><main id="content" role="main"><article><style> 326.custom_html_1-section .top-svg-border path, 327.custom_html_1-section .top-svg-border polygon { 328 fill: #000; 329} 330.custom_html_1-section .bottom-svg-border path, 331.custom_html_1-section .bottom-svg-border polygon { 332 fill: #000; 333} 334</style><div class="custom_html_1-section section-wrapper" id="custom_html_1"><div class="container"><div class="row"><div class="col-md-6 col-sm-6 col-xs-12 item-holder"><img alt="children eat ice cream" class="img-responsive" src="https://static.spotapps.co/web/mercuriosgelatopizza--com/custom/fox_chapel.jpg"/><h2>Hours - Fox Chapel</h2><p><a href="tel:+14125178689">412-517-8689</a></p><p>Sunday 12-8pm<br/> 335 Monday 11-8pm<br/> 336 Tuesday 11-8pm<br/> 337 Wednesday 11-8pm<br/> 338 Thursday 11-8pm<br/> 339 Friday 11-9pm<br/> 340 Saturday 12-9pm<br/><p>We are closed for Easter Sunday, Mother's Day, Thanksgiving Day, Christmas Eve, Christmas Day and New Year's Day</p><p>1335 Freeport Rd<br/> 341 Pittsburgh, Pa 15238</p></p></div><div class="col-md-6 col-sm-6 col-xs-12 item-holder"><img alt="people eat pizza, close up" class="img-responsive" src="https://static.spotapps.co/web/mercuriosgelatopizza--com/custom/shasyside.jpg"/><h2>Hours - Shadyside</h2><p><a href="tel:+14126216220">(412)-621-6220</a></p><p>Sunday 12-8pm<br/> 342 Monday 12-8pm<br/> 343 Tuesday 12-8pm<br/> 344 Wednesday 12-8pm<br/> 345 Thursday 12-8pm<br/> 346 Friday 12-9pm<br/> 347 Saturday 12-9pm</p><p>5523 Walnut Street<br/> 348 Pittsburgh, Pa 15232</p></div></div></div></div></article></main>
348<script src="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/jquery/jquery.min.js"></script>
348<script src="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/jquery/jquery.browser.min.js"></script>
348<script src="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/bootstrap/js/bootstrap.min.js"></script>
348<script src="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/owlcarousel/owl.carousel.min.js"></script>
348<script src="https://static.spotapps.co/web/mercuriosgelatopizza--com/lib/masonry/masonry.pkgd.min.js"></script>
348<script type="text/javascript"> 349 350 351 352 $('.header-logo, .nav-v2-home-btn').click(function(event) { 353 if ( window.location.pathname == '/' || window.location.pathname == '/index.php') { 354 event.preventDefault(); 355 var windowScrollTop = $(window).scrollTop(); 356 if(windowScrollTop > 150) { 357 $('html, body').animate({scrollTop: 0}, 750); 358 } 359 } 360 }); 361 362$(".banner-section a.banner-pin").click(function(e) { 363 // target element id 364 var id = $(this).attr('href'); 365 366 // target element 367 var section = $(id); 368 if (section.length === 0) { 369 return; 370 } 371 372 // prevent standard hash navigation (avoid blinking in IE) 373 e.preventDefault(); 374 375 // top position relative to the document 376 var pos = section.offset().top - 100 + 10; 377 378 // animated top scrolling 379 $('body, html').animate({scrollTop: pos}, 750); 380}); 381 382$(document).on('scroll', function (e) { 383 384 if($(document).scrollTop() > 0) { 385 $('.navbar.nav-v4').addClass('nav-scroll'); 386 }else { 387 $('.navbar.nav-v4').removeClass('nav-scroll'); 388 } 389 390}); 391 392 393 var navigation_alpha_starts_from = 0; 394 var navigation_background_color = "rgba(0, 0, 0,"; 395 var navigation_darkens_on_scroll = "1"; 396 var top_nav_new_style = !navigation_darkens_on_scroll && ($(window).width() > 767); 397 var custom_nav_style = "1"; 398 if(!custom_nav_style){ 399 $('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + navigation_alpha_starts_from + ')'); 400 $('.navbar-inverse').css('background-color', navigation_background_color + (top_nav_new_style ? 0 : navigation_alpha_starts_from) + ')'); 401 } 402 403 if (navigation_darkens_on_scroll && !custom_nav_style) { 404 $(document).on('scroll', function (e) { 405 var alpha = navigation_alpha_starts_from + $(document).scrollTop() / 1950; 406 $('.navbar-inverse').css('background-color', navigation_background_color + alpha + ')'); 407 $('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + alpha + ')'); 408 }); 409 } 410 411 if (!navigation_darkens_on_scroll && !custom_nav_style) { 412 $(window).resize(function() { 413 if ($(window).width() > 767) 414 $('.navbar-inverse').css('background-color', navigation_background_color + 0 + ')'); 415 else 416 $('.navbar-inverse').css('background-color', navigation_background_color + navigation_alpha_starts_from + ')'); 417 }); 418 } 419 420 $(function () { 421 $('.nav a').on('click', function () { 422 $('.navbar-collapse').collapse('hide'); 423 }); 424 }); 425 426 427</script>
427<script> 428 var animate_sections = ["banner","aboutus_v2","aboutus_v7"]; 429 430 for (var i = 0; i < animate_sections.length; i++) { 431 $('#'+animate_sections[i]).addClass('animation-element'); 432 } 433 434 var $animation_elements = $('.animation-element'); 435 var $window = $(window); 436 437 function check_if_in_view() { 438 var window_height = $window.height(); 439 var window_top_position = $window.scrollTop(); 440 var window_bottom_position = (window_top_position + window_height/2); 441 442 $.each($animation_elements, function() { 443 var $element = $(this); 444 var element_height = $element.outerHeight(); 445 var element_top_position = $element.offset().top; 446 var element_bottom_position = (element_top_position + element_height/2); 447 448 //check to see if this current container is within viewport 449 if ((element_bottom_position >= window_top_position) && 450 (element_top_position <= window_bottom_position)) { 451 $element.addClass('animate'); 452 } else { 453 // $element.removeClass('in-view'); 454 } 455 }); 456 } 457 458 $window.on('scroll resize', check_if_in_view); 459 $window.trigger('scroll'); 460 </script>
460<footer id="accessibility-footer"><p>We strive to make our website accessible to everybody. <a aria-label="Learn More About our website accessibility" class="accessibility-link" href="/accessibility-page-01" target="_self">Learn More.</a></p></footer>
460<script> 461 462 var spot_id = 79277; 463 var sh_generic_form_params=JSON.parse('{"generic_contact_form_active":true,"texting_permissions_active":true,"title":"Contact us","instructions":"Please fill out the form and we will be in touch.","reasons":["To apply for a job","Other Questions"],"custom_hours":"","hours":"","active_tmt_cta_links":{"cta_private_party":null,"cta_catering":null,"cta_reservations":null,"cta_jobs":"https://tmt.spotapps.co/job-listings?spot_id=79277"},"spot_name":"Mercurioâs Shadyside","label_for_texting_permission":"Iâd like to get texts about specials, events, and other exclusive offers and announcements not available to general public"}'); 464 465 if (false){ 466 console.log("Check SpotHopper configuration. Probably there is no 'WEBSITE::DOMAIN_NAME' key for your website"); 467 } 468 469 if (navigator.userAgent.match(/iPhone/i) 470 || navigator.userAgent.match(/iPad/i) 471 || navigator.userAgent.match(/iPod/i)){ 472 $(document).ready(function(){ 473 document.body.className += " " + "webkit-mobile-body"; 474 }); 475 } 476 477 var promotion_url_param_domain = getPromotionUrlParams()['domain']; 478 if ( promotion_url_param_domain && ( new URL(document.location).host == 'localhost:4000' || new URL(document.location).host == 'wcache.spotapps.co' || new URL(document.location).host == 'website-editor.spotapps.co' || new URL(document.location).host == 'website-editor-staging.spotapps.co' || new URL(document.location).host == 'wcache-staging.spotapps.co')){ 479 $("a[href^='/']").each(function(){ 480 if (this.href.indexOf('domain=') == -1){ 481 var sh_internal_url = new URL(this.href); 482 sh_internal_url.searchParams.set("domain", promotion_url_param_domain); 483 this.href = sh_internal_url.toString(); 484 } 485 }) 486 } 487 488 489 function cta_link_matches_href(href, url){ 490 var domain = 'mercuriosgelatopizza.com'; 491 if(typeof url === 'undefined'){ 492 return false; 493 } 494 var partsOfURL = url.split(domain); 495 if (partsOfURL.length != 2){ 496 return href == url; 497 }else{ 498 var urlPath = partsOfURL[1]; 499 if (urlPath.substring(0,1) == "/"){ 500 urlPath = urlPath.substring(1,urlPath.length); 501 } 502 return href.indexOf(urlPath, domain.length + href.indexOf(domain)-1) !== -1; 503 } 504 } 505 506 var all_cta_links = [{"id":691714,"spot_id":79277,"url":"https://mercuriospgh.myshopify.com/","cta_link_type":"events","created_at":"2022-03-11T09:03:38.885+00:00","updated_at":"2025-08-05T07:07:13.994+00:00","made_of_food":false,"link_name":""},{"id":687445,"spot_id":79277,"url":"https://shadyside.mercuriosgelatopizza.com/-food-menu","cta_link_type":"food_menu","created_at":"2022-01-24T15:12:31.533+00:00","updated_at":"2025-08-05T07:07:14.143+00:00","made_of_food":false,"link_name":""},{"id":676861,"spot_id":79277,"url":"https://tmt.spotapps.co/job-listings?spot_id=79277","cta_link_type":"job_listing","created_at":"2021-09-08T18:09:28.285+00:00","updated_at":"2025-08-05T07:07:14.277+00:00","made_of_food":false,"link_name":"Job Listing","target":null,"website_footer_label":"Jobs","position":2},{"id":687444,"spot_id":79277,"url":"https://shadyside.mercuriosgelatopizza.com/-drink-menu","cta_link_type":"drink_menu","created_at":"2022-01-24T15:12:31.525+00:00","updated_at":"2025-08-05T07:07:14.081+00:00","made_of_food":false,"link_name":"","position":null},{"id":687446,"spot_id":79277,"url":"https://my.loopz.io/gift-card/a2d30a34-785a-49d9-8269-ef1247a66921?locale=en-US","cta_link_type":"gift_cards","created_at":"2022-01-24T15:12:31.541+00:00","updated_at":"2025-08-05T07:07:14.210+00:00","made_of_food":false,"link_name":"","target":null,"website_footer_label":"Gift Cards","position":5},{"id":687088,"spot_id":79277,"url":"https://mercurios.menufy.com/","cta_link_type":"order","created_at":"2022-01-19T11:32:08.334+00:00","updated_at":"2025-08-05T07:07:14.339+00:00","made_of_food":false,"link_name":"","target":null,"website_footer_label":"Order","position":0}]; 507 508 function find_cta_link(href) { 509 for (var i=0; i< all_cta_links.length; i++){ 510 var cta_link = all_cta_links[i]; 511 if ( cta_link_matches_href(href, cta_link.url)){ 512 return cta_link; 513 } 514 } 515 } 516 517 function find_cta_links(href) { 518 var cta_links = [] 519 for (var i=0; i< all_cta_links.length; i++){ 520 var cta_link = all_cta_links[i]; 521 if ( cta_link_matches_href(href, cta_link.url)){ 522 cta_links.push(cta_link); 523 } 524 } 525 return cta_links; 526 } 527 528 529 function get_current_page_cta_link_types(){ 530 var types = []; 531 var cta_links = find_cta_links(document.location.href); 532 for (var i=0; i<cta_links.length; i++){ 533 types.push(cta_links[i].cta_link_type); 534 } 535 return types; 536 } 537 538 539 function is_food_menu_page(){ 540 var cta_link_types = get_current_page_cta_link_types(); 541 for (var i=0; i<cta_link_types.length; i++){ 542 if ('food_menu' == cta_link_types[i]) 543 return true; 544 } 545 return false;
546 } 547 548 549 function get_form_cat_from_cta(){ 550 var cta_link = find_cta_link(document.location.href); 551 if (cta_link == null) { 552 return null; 553 } 554 if (cta_link.cta_link_type == 'private_parties'){ 555 return 'private_party'; 556 }else if (cta_link.cta_link_type == 'reservations'){ 557 return 'reservation'; 558 }else if (cta_link.cta_link_type == 'catering'){ 559 return 'catering'; 560 }else if (cta_link.cta_link_type == 'job_listing'){ 561 return 'job_listings'; 562 }else if (cta_link.cta_link_type == 'gift_cards'){ 563 return 'gift_cards'; 564 } 565 return null; 566 } 567 568 function element_has_events_defined(elem){ 569 if ($._data(elem, "events") === undefined){ 570 return false; 571 } 572 return true; 573 } 574 575 function create_ga_events_for_cta_clicks(){ 576 if (typeof $ === 'function'){ 577 578 var cta_link_of_the_page = find_cta_link(location.href); 579 580 581 $("a").each(function(index, elem){ 582 var href = $(elem).attr('href'); 583 584 if (href === undefined ){ 585 return; 586 } 587 588 if (href.substring(0,4) == 'tel:'){ 589 if (!element_has_events_defined(elem)){ // not footer links 590 $(elem).on("click", function(){ 591 universal_ga('send', 'event', { 592 eventCategory: 'Button', 593 eventAction: 'Click', 594 eventLabel: 'Phone', 595 transport: 'beacon' 596 }); 597 }); 598 599 if (cta_link_of_the_page){ 600 $(elem).on("click", function(){ 601 universal_ga('send', 'event', { 602 eventCategory: 'Button', 603 eventAction: 'Click', 604 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone', 605 transport: 'beacon' 606 }); 607 }); 608 } 609 } else { 610 if (cta_link_of_the_page){ 611 $(elem).on("click", function(){ 612 universal_ga('send', 'event', { 613 eventCategory: 'Button', 614 eventAction: 'Click', 615 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone footer', 616 transport: 'beacon' 617 }); 618 }); 619 } 620 } 621 622 623 }else{ 624 var cta_link = find_cta_link(href); 625 if (elem.className != null && elem.className.indexOf("bottom-link") > -1){ 626 // console.log("bottom link detected"); 627 }else{ 628 if (cta_link != null){ 629 $(elem).on("click", function(){ 630 universal_ga('send', 'event', { 631 eventCategory: 'Website Link', 632 eventAction: 'Click', 633 eventLabel: cta_link.cta_link_type, 634 transport: 'beacon' 635 }); 636 }); 637 } 638 } 639 } 640 641 642 }); 643 } 644 } 645 646 if (typeof angular === "undefined") { 647 create_ga_events_for_cta_clicks(); 648 } else { 649 angular.element(document).ready(function () { 650 create_ga_events_for_cta_clicks(); 651 }); 652 } 653 654 655 function triggerShowFooterEvents(){ 656 if (window.screen.availWidth < 768){ 657 universal_ga('send', 'event', { 658 eventCategory: 'Mobile Footer', 659 eventAction: 'View', 660 eventLabel: '', 661 transport: 'beacon' 662 }); 663 } 664 } 665 666 667 668 669 //////////// 670 function smartFooterV2() 671 { 672 var list= document.getElementsByClassName("bottom-list-item"); 673 if (!list) return; 674 675 if (document.getElementById("bottom-navbar") == null){ 676 return; 677 } 678 679 var bottomNav = document.querySelector('#bottom-navbar .navbar-nav'); 680 var footerLinkPaddingLeft = $('#bottom-navbar .navbar-nav li a').css('padding-left'); 681 var footerLinkPaddingRight = $('#bottom-navbar .navbar-nav li a').css('padding-right'); 682 683 bottomNav.innerHTML = ''; 684 var linksWithPosition = all_cta_links.filter(e => e.position != null && e.position >= 0); 685 linksWithPosition.sort(function(a,b) { 686 return a.position - b.position; 687 }); 688 689 var footerLinkStyle = (footerLinkPaddingLeft == '0px' || footerLinkPaddingRight == '0px' ? 'style="padding-left: 8px; padding-right: 8px;"' : ''); 690 691 linksWithPosition.forEach((e, i) => { 692 var target = e.target || getUrlTarget(e.url); 693 bottomNav.insertAdjacentHTML('beforeend', 694 `<li class="bottom-list-item" style="white-space: nowrap;width: auto;"><a ${footerLinkStyle} class="bottom-link smart-footer-link" data-type="${e.cta_link_type}" data-position="${i}" target="${target}" href="${e.url}">${e.website_footer_label}</a></li>`); 695 }) 696 697 var intervalCount = 0 698 var interval = setInterval(() => { 699 if(intervalCount == 50){ 700 clearInterval(interval); 701 } 702 removeOverflowingFooterLinks(); 703 intervalCount ++; 704 }, 200); 705 706 $('.smart-footer-link').on("click", function(){ 707 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 708 shUrlParams['source'] = 'footer'; 709 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 710 } 711 712 var visibleLinks = $('.smart-footer-link').map(function (e) { 713 return $(this).data('type'); 714 }).toArray().join(','); 715 716 universal_ga('send', 'event', { 717 eventCategory: 'Button', 718 eventAction: 'Click_footer_2', 719 eventLabel: "type:" + $(this).data('type') + "|position:" + $(this).data('position') + "|visible:" + visibleLinks, 720 transport: 'beacon' 721 }); 722 }); 723 } 724 725 function removeOverflowingFooterLinks(){ 726 var bottomNavLinks = document.querySelectorAll('#bottom-navbar .navbar-nav li'); 727 var width_sum = 0; 728 729 bottomNavLinks.forEach(e => { 730 width_sum += e.getBoundingClientRect().width; 731 if ((width_sum) > window.innerWidth) { 732 console.log(`%cLink %c${e.textContent} %cdeleted couldn't fit screen`,"color: #fff;background: #202124;", "background: red;color: #fff", "color: #fff;background: #202124;"); 733 e.remove(); 734 } 735 }); 736 } 737 738 function getUrlTarget(url){ 739 if(url.startsWith('tel')){ 740 return '_self'; 741 } 742 if(url.startsWith('/') || url.includes('tmt.spotapps.co') || url.includes(window.location.host)){ 743 return '_self'; 744 } 745 return '_blank'; 746 } 747 748 function npb() 749 { 750 var list= document.getElementsByClassName("bottom-list-item"); 751 if (!list) return; 752 753 if (document.getElementById("bottom-navbar") == null){ 754 return; 755 } 756 757 var url = "" 758 for (var i=0; i < all_cta_links.length; i++) 759 { 760 if (all_cta_links[i].cta_link_type == "order"){ 761 url = all_cta_links[i].url; 762 } 763 } 764 765 if ( url == ""){ 766 return; 767 } 768 769 for (i=0; i < list.length; i++) 770 { 771 console.log(cta_link_matches_href(list[i].firstChild.href, url)); 772 if (cta_link_matches_href(list[i].firstChild.href,url)) return; 773 774 }; 775 776 var item = list[list.length-1] 777 document.getElementById("bottom-navbar").getElementsByClassName("nav navbar-nav")[0].appendChild(item.cloneNode(true)); 778 var width_sum = 0; 779 for (i=0; i < list.length; i++) { 780 width_sum += list[i].getBoundingClientRect().width; 781 } 782 783 var item = list[list.length-1] 784 if ((width_sum - 10) > window.innerWidth) { item.parentNode.removeChild(item); console.log("link deleted couldn't fit screen"); return; } 785 786 item.firstChild.text = "Order"; 787 item.firstChild.href = url; 788 item.firstChild.id = "bottom_link_" + list.length; 789 790 $(item.firstChild).on("click", function(){ 791 792 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 793 shUrlParams['source'] = 'footer'; 794 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 795 } 796 797 universal_ga('send', 'event', { 798 eventCategory: 'Button', 799 eventAction: 'Click', 800 eventLabel: 'Plan B-2 Order', 801 transport: 'beacon' 802 }); 803 }); 804 805 806 } 807 808function activateSmartFooter(){ 809 var smart_footer_active = true; 810 var smart_footer_version = 2; 811 var man_bottom_active = false;
812 if(window.location.hash == '#smartFooterV2=enabled'){ 813 smartFooterV2(); 814 return; 815 } 816 if (smart_footer_active && !man_bottom_active){ 817 if(smart_footer_version == 2 ){ 818 smartFooterV2(); 819 }else { 820 npb(); 821 } 822 } 823 } 824 825 activateSmartFooter(); 826 827 var corona_config_str = ''; 828 var corona_config = corona_config_str != '' ? JSON.parse('') : null; 829 830 831 //corona instuctions 832 function show_corona_instructions(text, phone, btnText){ 833 //format to US number 834 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 835 836 if(corona_config.shopping_cart_type == "TMT" && corona_config.shopping_cart_active == true) { 837 var linkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 838 var btnLinkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 839 }else { 840 var linkLocation = 'tel:+1'+phone+''; 841 var btnLinkLocation = 'tel:+1'+ match[1] + '-' + match[2] + '-' + match[3] +'' 842 } 843 var appendPhone = 'tel:+1'+phone+''; 844 //inject html content 845 if ($('.food-menu-nav').length) { 846 //new template 847 var pageEl = $('.food-menu-nav').css('margin','20px auto 10px auto'); 848 var textColor = rgb2hex($('.section-header').css('color')); 849 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 850 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 851 fontSize = fontSize + Math.round(fontSize * 0.25); 852 853 // var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="color:'+linkColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="font-size:'+fontSize+'px" class="food-menu-nav-item custom-temp-btn hvr-fade active" href="tel:+1'+phone+'">'+btnText+'</a></div>'; 854 var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="text-decoration: underline;color:'+textColor+';" href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="display: inline-block !important;font-size:'+fontSize+'px" class="food-menu-nav-item custom-temp-btn hvr-fade active" href="'+btnLinkLocation +'">'+btnText+'</a></div>'; 855 856 }else { 857 //old template 858 var pageEl = $('.tabnav'); 859 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 860 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color')); 861 862 var linkTextColor = getContrast50(linkColor); 863 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 864 fontSize = fontSize + Math.round(fontSize * 0.25); 865 var textTransform = $('.style-traditional .tabnav .nav>li>a').css('text-transform'); 866 867 // var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';margin-bottom:20px;">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="color:'+linkColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="margin: 20px auto; padding: 10px 50px 10px 30px; cursor: pointer; background-color: '+linkColor+'; background: '+linkColor+'; text-decoration: none; color: '+textColor+'; border: 2px solid '+linkColor+';font-size:'+fontSize+'px;text-transform: '+textTransform+'" href="tel:+1'+phone+'">'+btnText+'</a></div>';
868 var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';margin-bottom:20px;">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="text-decoration: underline;color:'+textColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="margin: 20px auto; padding: 10px 30px 10px 30px; cursor: pointer; background-color: '+linkColor+'; background: '+linkColor+'; text-decoration: none; color: '+linkTextColor+'; border: 2px solid '+linkColor+';font-size:'+fontSize+'px;text-transform: '+textTransform+'" href="'+btnLinkLocation+'">'+btnText+'</a></div>'; 869 870 } 871 //html content 872 pageEl.prepend(html); 873 } 874 875 function rgb2hex(rgb) { 876 if(typeof rgb !== "undefined"){ 877 rgbColor = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 878 if (!rgbColor) { 879 rgba = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(,\s*\d+\.*\d+)?\)$/); 880 return "#" + hex(rgba[1]) + hex(rgba[2]) + hex(rgba[3]); 881 } 882 function hex(x) { 883 return ("0" + parseInt(x).toString(16)).slice(-2); 884 } 885 return "#" + hex(rgbColor[1]) + hex(rgbColor[2]) + hex(rgbColor[3]); 886 } 887 return rgb; 888 } 889 890 function getContrast50(hexcolor){ 891 return (parseInt(hexcolor, 16) > 0xffffff/2) ? '#000':'#fff'; 892 } 893 894 function show_corona_sidebar_instructions(text, phone){ 895 //format to US number 896 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 897 var divWidth = 230; 898 var top = 50; 899 var linkSize = '1.6em'; 900 var pSize = $('p').css('font-size'); 901 var appendPhone = 'tel:+1'+phone+''; 902 903 if ($(window).width() < 1600) 904 var top = 30; 905 if ($(window).width() < 1200){ 906 var divWidth = 180; 907 var linkSize = '1.4em'; 908 var pSize ='1.1em'; 909 } 910 911 if($('.food-menu-nav').length){ //new template 912 var textColor = $('.food-menu-nav-item.active').css('color'); 913 var linkColor = $('.food-menu-nav-item.active').css('background-color'); 914 915 var linkTextColor = $('.food-menu-nav-item.active').css('color'); 916 var parent = $('.food-menu-page'); 917 } 918 else { //old template 919 var textColor = $('.menu-item-name-traditional').css('color'); 920 var linkColor = $('.style-traditional .tabnav .nav>li.active>a').css('color'); 921 var parent = $('.food-menu').length ? $('.food-menu') : $('.drink-menu'); 922 var linkTextColor = getContrast50(linkColor); 923 } 924 925 // $(parent).append('<div id="corona-instructions-sidebar" style="display:none;position:fixed;width:'+divWidth+'px;top:'+top+'vh;right:0;background-color:'+linkColor+';padding:15px;text-align:center;color:'+textColor+';text-transform:uppercase;"><p style="margin:0 0 5px;font-size:'+pSize+';">'+text+'</p><i class="fa fa-phone" aria-hidden="true"></i> <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Food Page Side Element Phone\');" style="font-size:'+linkSize+';color:'+textColor+';" href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></div>'); 926 $(parent).append('<div id="corona-instructions-sidebar" style="display:none;position:fixed;width:'+divWidth+'px;top:'+top+'vh;right:0;background-color:'+linkColor+';padding:15px;text-align:center;color:'+linkTextColor+';text-transform:uppercase;"><p style="margin:0 0 5px;font-size:'+pSize+';">'+text+'</p><i class="fa fa-phone" aria-hidden="true"></i> <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Food Page Side Element Phone\');this.href=\'' + appendPhone + '\';" style="font-size:'+linkSize+';color:'+linkTextColor+';" href="/call-us/'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></div>'); 927 928 //check if resolution is bigger than tablet resolution 929/* if ($(window).width() > 991) { 930 //detect scroll 931 window.onscroll = function (e) { 932 if ($(window).scrollTop() == 0) { 933 $('#corona-instructions-sidebar').hide(); 934 }else { 935 $('#corona-instructions-sidebar').show(); 936 } 937 } 938 } */ 939 } 940 941 function check_corona_config(config){ 942 console.log(config) 943 if (config) { 944 if (config.instructions_on_food_page && config.food_page_instruction_text && config.food_page_instruction_phone) { 945 if (!config.promote_deliveries && config.promote_pick_up) { 946 var btnText = 'Call For Pick Up'; 947 } 948 if (config.promote_deliveries && !config.promote_pick_up) { 949 var btnText = 'Call For Delivery'; 950 } 951 if (config.promote_deliveries && config.promote_pick_up) { 952 var btnText = 'Call For Pick Up Or Delivery'; 953 } 954 955 if(typeof btnText !== "undefined"){ // check if pick up or delivery are true 956 if(config.shopping_cart_type == "TMT" && config.shopping_cart_active == true) { 957 var btnText = 'ORDER NOW'; 958 if($('.food-menu-nav').length){ //new template 959 var textColor = rgb2hex($('.section-header').css('color')); 960 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 961 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 962 fontSize = fontSize + Math.round(fontSize * 0.25); 963 } 964 else { //old template 965 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 966 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>
966li.active>a').css('color')); 967 968 var linkTextColor = getContrast50(linkColor); 969 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 970 fontSize = fontSize + Math.round(fontSize * 0.25); 971 } 972 show_corona_instructions('For online orders, use our own <a style="text-decoration:underline;color: '+textColor+';" href="https://tmt.spotapps.co/ordering-menu/?spot_id='+config.spot_id+'&images=yes&accordion=true#"> commission free ordering platform! </a> or call:', config.food_page_instruction_phone, btnText); 973 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 974 } else { 975 show_corona_instructions(config.food_page_instruction_text, config.food_page_instruction_phone, btnText); 976 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 977 } 978 979 } 980 } 981 } 982 } 983 984 985 if (is_food_menu_page() && !window.location.search.includes("contactless=true")){ 986 $( document ).ready(function() { 987 setTimeout(function(){ 988 check_corona_config(corona_config); 989 }, 300); 990 }); 991 } 992 993 994 995 function isPhone(phone){ 996 var regex = /^(\+\d{1,2}\s?)?\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}$/; 997 return regex.test(phone); 998 } 999 1000 function sendEmail_MT (input_id) { 1001 const $loader = $("[data-id=newsletter-widget-2] .sph-loading-img"); 1002 1003 const $step = { 1004 form: $("[data-id=newsletter-widget-2] .sph-email-form"), 1005 message: $("[data-id=newsletter-widget-2] .sph-response-message"), 1006 } 1007 1008 const $field = { 1009 email: $("[data-id=newsletter-widget-2] #sph-newsletter-input-" + input_id), 1010 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-" + input_id), 1011 consent: $("[data-id=newsletter-widget-2] #sph-newsletter-checkbox-phone-" + input_id), 1012 }; 1013 1014 const $error = { 1015 email: $("[data-id=newsletter-widget-2] #sph-newsletter-email-error-" + input_id), 1016 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-error-" + input_id), 1017 }; 1018 1019 if ($field.email.val().trim() === "") { 1020 $error.email 1021 .html("This field is required") 1022 .show(); 1023 } 1024 else if (!isEmail($field.email.val().trim())) { 1025 $error.email 1026 .html("Please use the format â[email protected]â") 1027 .show(); 1028 } else { 1029 $error.email 1030 .html("") 1031 .hide(); 1032 } 1033 1034 if ($field.consent.is(':checked') && $field.phone.val().trim() === "") { 1035 $error.phone 1036 .html("This field is required") 1037 .show(); 1038 } else if ($field.phone.val().trim().length > 0 && !isPhone($field.phone.val().trim())) { 1039 $error.phone 1040 .html("The phone number must contain 10 digits") 1041 .show(); 1042 } else { 1043 $error.phone 1044 .html("") 1045 .hide(); 1046 } 1047 1048 const errorField = $step.form.find('.sh-form-error:visible'); 1049 1050 if (errorField.length > 0) { 1051 const input = errorField.first().next(); 1052 1053 document.activeElement.blur(); 1054 1055 setTimeout(() => { 1056 input.focus(); 1057 }, 160) 1058 1059 return; 1060 } 1061 1062 $loader 1063 .show() 1064 .prev() 1065 .hide(); 1066 1067 $.ajax({ 1068 method: "POST", 1069 url: "https://www.spothopperapp.com/api/spots/79277/contacts/add_with_texting_permission", 1070 crossDomain: true, 1071 dataType: 'json', 1072 data: { 1073 email: $field.email.val().trim(), 1074 phone: $field.phone.val().trim(), 1075 texting_permission: $field.consent.is(':checked'), 1076 }, 1077 success: function (data) { 1078 afterRequestSubmission(data); 1079 }, 1080 error: function () { 1081 afterRequestSubmission("Something went wrong. Please try again later."); 1082 } 1083 }); 1084 1085 function afterRequestSubmission (data) { 1086 $step.form.hide(); 1087 1088 $step.message 1089 .html(data) 1090 .show() 1091 .trigger('focus'); 1092 } 1093 } 1094</script>
1094<script>function addPromotionParamsToTMTLinks() 1095{ 1096 if (sessionStorage.getItem('shUrlParams')) { 1097 let shParams = JSON.parse(sessionStorage.getItem('shUrlParams')); 1098 if (!Object.keys(shParams).length) 1099 return; 1100 if(!shParams.source) 1101 return; 1102 $('a').each(function () { 1103 if (this.href.includes('tmt.spotapps.co')) { 1104 if(this.href.includes('&source=') || this.href.includes('&destination=') || this.href.includes('&promotion=')) 1105 return; 1106 1107 this.href = this.href + '&source=' + shParams.source; 1108 if(shParams.destination) 1109 this.href = this.href + '&destination=' + shParams.destination; 1110 if(shParams.promotion) 1111 this.href = this.href + '&promotion=' + shParams.promotion; 1112 if(shParams.fb_post_id) 1113 this.href = this.href + '&fb_post_id=' + shParams.fb_post_id; 1114 if(shParams.email_post_id) 1115 this.href = this.href + '&email_post_id=' + shParams.email_post_id; 1116 } 1117 }) 1118 } 1119} 1120setTimeout(function() { 1121 addPromotionParamsToTMTLinks(); 1122 addFooterToSourceParam(); 1123},600) 1124 1125function addFooterToSourceParam() 1126{ 1127 $('.bottom-link').each(function (){ 1128 if(shouldAddSourceParam(this.href)) 1129 this.href = this.href + '&source=footer'; 1130 }) 1131 $('#sh-multiple-links-content-holder a').each(function (){ 1132 if(shouldAddSourceParam(this.href)) 1133 this.href = this.href + '&source=footer'; 1134 }) 1135} 1136function shouldAddSourceParam(link){ 1137 if (link.includes('tmt.spotapps.co') && !link.includes('&source=')){ 1138 return true; 1139 } 1140 return false; 1141} 1142</script>
1142<link href="https://static.spotapps.co/wcache-website-includes/assets/generic-form-BPJPlCcv.css" rel="stylesheet" media="screen"/>
1142<script type="module" crossorigin="crossorigin" src="https://static.spotapps.co/wcache-website-includes/assets/generic-form-CoiH5Vfl.js"></script>
1142<div id="sh-generic-form-widget"></div>
1142<script> 1143;(async () => { 1144if (typeof window.focusTrap === 'undefined') { 1145 await getScript('https://unpkg.com/tabbable/dist/index.umd.js'); 1146 await getScript('https://unpkg.com/focus-trap/dist/focus-trap.umd.js'); 1147} 1148 1149document.querySelectorAll('.modal').forEach((element) => { 1150 const trap = window.focusTrap?.createFocusTrap(element, { 1151 allowOutsideClick: true, 1152 }); 1153 1154 $(element).on('shown.bs.modal', () => { 1155 trap?.activate(); 1156 }); 1157 1158 $(element).on('hidden.bs.modal', () => { 1159 trap?.deactivate(); 1160 }); 1161}); 1162 1163async function getScript (source) { 1164 return new Promise((resolve, reject) => { 1165 const script = document.createElement('script'); 1166 script.src = source; 1167 script.async = true; 1168 1169 script.onload = resolve; 1170 script.onerror = reject; 1171 1172 document.head.appendChild(script); 1173 }); 1174} 1175})(); 1176</script>
1176<script src="https://wcache-plugins.spotapps.co/production/wcpl_bootstrap_ada_fix/wcpl_bootstrap_ada_fix.js"></script>
1176<link href="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.css" rel="stylesheet" media="screen"/>
1176<script src="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.js"></script>
1176<script src="https://wcache-plugins.spotapps.co/production/wcpl_ga_tracking/wcpl_ga_tracking.js"></script>
1176<script src="https://wcache-plugins.spotapps.co/production/wcpl_media_controls/script.js"></script>
1176<link href="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter_helper_style.css" rel="stylesheet" media="screen"/>
1176<script>var changes_log_array = {};</script>
1176<script src="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter.js"></script>
1176</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.