CINXE.COM
Bear's Smokehouse BBQ | Locationlist
<!DOCTYPE html> <!--[if lt IE 7]> <html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7 "> <![endif]--> <!--[if IE 7]> <html lang="en" class="no-js lt-ie9 lt-ie8 "> <![endif]--> <!--[if IE 8]> <html lang="en" class="no-js lt-ie9 "> <![endif]--> <!--[if gt IE 8]><!--> <html lang="en" class="no-js "> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Bear's Smokehouse BBQ | Locationlist</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width"> <link type="text/css" rel="stylesheet" href="/min/g=css4.0&1706251579" /> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css"> <link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet"> <style> .home_hero{ background-image: url(/web/documents/bearssmokehouse/headerbg_62828fea7d6f8.jpg); } *, body .btn, body .btn.form-submit, body .form-submit, .home_welcome .formField input[type=submit], .home_welcome .formField button { font-family: 'Source Sans Pro' !important; } .custom_btn_color, a.custom_btn_color:hover, body .btn-warning, .form-submit, .btn.form-submit, .selecttime .ui-datepicker .ui-datepicker-current-day, input[type=radio].css-checkbox:checked+label.css-label:after, input[type=checkbox].css-checkbox:checked+label.css-label:before, .css-radios .selected label.css-label:after, .css-checkboxes .selected label.css-label:before, .home_welcome .formField input[type=submit], .home_welcome .formField button { background-color: #ff0003 !important; } input[type=radio].css-checkbox:checked+label.css-label:before, .css-radios .selected label.css-label:before, { border-color: #ff0003 !important; } .custom_btn_color, body .btn-warning, .form-submit, .btn.form-submit, .selecttime .ui-datepicker .ui-datepicker-current-day a, .home_welcome .formField input[type=submit], .home_welcome .formField button { color: #ffffff !important; } .custom_link_color, h2, h3, h4, h5, .mainnav nav ul li.active a, .mainnav nav ul li a:hover, .past_total, .menucat_list ul li .content>strong { color: #ff0003 !important; } .custom_btn_alt_color, .btn-danger { background-color: #ff0003 !important; } .custom_btn_alt_color:disabled, .btn-danger:disabled { background-color: #eee !important; } .custom_btn_alt_color, .btn-danger { color: #ffffff !important; } .btn-success { background-color: #ff0003 !important; } </style> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;500;600" rel='stylesheet' type='text/css'> <script type="text/javascript" src="/min/g=modernizer&1483026975"></script> <script type="text/javascript"> var IDString = 'bearssmokehouse'; var template = 'defaultv4'; var formname = 'locationlist'; var checkoutPage = 'checkout'; </script> <script> /* http://writing.colin-gourlay.com/safely-using-ready-before-including-jquery/ */ (function(w,d,u){w.readyQ=[];w.bindReadyQ=[];function p(x,y){if(x=="ready"){w.bindReadyQ.push(y);}else{w.readyQ.push(x);}};var a={ready:p,bind:p};w.$=w.jQuery=function(f){if(f===d||f===u){return a}else{p(f)}}})(window,document) </script> <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', '145675324', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P3DNHSR');</script> <!-- End Google Tag Manager --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Rubik:400,500|Nunito:700" rel="stylesheet"> <!-- <script src="https://kit.fontawesome.com/1dc98a793e.js" crossorigin="anonymous"></script>--> <!-- <script src="https://kit.fontawesome.com/d5cf45ccd7.js" crossorigin="anonymous"></script>--> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P3DNHSR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a href="#mainpagecontent" class="skiptocontent">Skip to content</a> <div class="wrapper"> <header class="header "> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="logo"> <a href="/bearssmokehouse/?form=home"><img src="/web/documents/bearssmokehouse/banner_62828ff586f74.jpg" alt="Home" /></a> </div> <div class="sr-only"> <h1><a href="/bearssmokehouse/?form=home">Bear's Smokehouse</a></h1> </div> <div class="mobilemenu_btn" tabindex="0"> <span></span> <span></span> <span></span> </div> <div class="mainnav"> <div class="sign_box d-lg-none"> <a href="#" data-toggle="modal" data-target="#login" role="button">Sign in / Register</a> </div> <nav> <h5 class="section_title d-lg-none">Main Navigation</h5> <ul> <li class="first "><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=home">Home</a></li> <li class=""><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering">Menu</a></li> <li class=""><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=locationinfo">Locations</a></li> </ul> </nav> <div class="copyright_social d-lg-none"> <div class="social_wrapper"> </div> <div class="copyright_wrapper"> <div class="copyright"> <p>CaterZen By Restaurant & Catering Systems</p> </div> <div class="c_links"> <ul> <li><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=privacy">Privacy Policy</a></li> <li><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=tos">Terms of Service</a></li> </ul> </div> </div> </div> </div> <div class="right_hbox"> <a href="tel:(860) 785-8772 x4" class="phone">(860) 785-8772 x4</a> <a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=viewcart" class="carticon"> <i class="fa fa-shopping-cart"></i> <em class="nos mobile-cart-item-count hidden">0</em> <input type="hidden" name="hid-cart-item-count" id="hid-cart-item-count" value="0" /> </a> <div class="sign_box"> <a href="#" data-toggle="modal" data-target="#login" role="button">Sign in / Register</a> </div> </div> <div class="clear"></div> </div> </div> </div> <div class="olay"></div> </header> <section class="menu_hero backbgbox "> <img src="/web/documents/bearssmokehouse/headerbg_62828fea7d6f8.jpg" alt="" class="backbg" /> </section> <div class="btm_submenu"> <ul> <li > <a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering"> <div class="icon"> <span class="normal"> <img src="/web/default4.0/images/submenu1.svg" alt="menu"> </span> <span class="active"> <img src="/web/default4.0/images/submenu1_r.svg" alt="menu"> </span> </div> Menu </a> </li> <li > <a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=viewcart"> <div class="icon carticon"> <i class="fa fa-shopping-cart" aria-hidden="true"></i> <em class="nos mobile-cart-item-count hidden empty">0</em> </div> Cart </a> </li> <li > <a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=customerorders"> <div class="icon"> <span class="normal"> <img src="/web/default4.0/images/submenu3.svg" alt="menu"> </span> <span class="active"> <img src="/web/default4.0/images/submenu3_r.svg" alt="menu"> </span> </div> Orders </a> </li> <li > <a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=dashboard"> <div class="icon"> <span class="normal"> <img src="/web/default4.0/images/submenu4.svg" alt="menu"> </span> <span class="active"> <img src="/web/default4.0/images/submenu4_r.svg" alt="menu"> </span> </div> My Account </a> </li> </ul> </div> <div class="content" id="mainpagecontent"> <!-- Header ends --> <main class="main_content"> <div class="container menu_page contact_page"> <div class="row menu_wrapper"> <div class="location_list col-sm-12 col-lg-6 mx-auto"> <h2>Bear's Smokehouse BBQ has multiple locations.</h2> <p>Please choose one from which you wish to order.</p> <ul> <li class="w-100"> <a href="?form=ordering&lid=3995"> <span class="mappin_icon custom_btn_alt_color"> <i class="fas fa-map-marker-alt"></i> </span> South Windsor <span class="link_arrow custom_btn_color"> <i class="fas fa-angle-right custom_btn_color" aria-hidden="true"></i> </span> <span class="address_text"> 454 Ellington Road<br />South Windsor, CT 06074 </span> </a> </li> <li class="w-100"> <a href="?form=ordering&lid=4202"> <span class="mappin_icon custom_btn_alt_color"> <i class="fas fa-map-marker-alt"></i> </span> Hartford <span class="link_arrow custom_btn_color"> <i class="fas fa-angle-right custom_btn_color" aria-hidden="true"></i> </span> <span class="address_text"> 25 Front St<br />Hartford, CT 06103 </span> </a> </li> <li class="w-100"> <a href="?form=ordering&lid=4203"> <span class="mappin_icon custom_btn_alt_color"> <i class="fas fa-map-marker-alt"></i> </span> Windsor <span class="link_arrow custom_btn_color"> <i class="fas fa-angle-right custom_btn_color" aria-hidden="true"></i> </span> <span class="address_text"> 2152 Poquonock Ave<br />Windsor, CT 06095 </span> </a> </li> <li class="w-100"> <a href="?form=ordering&lid=4204"> <span class="mappin_icon custom_btn_alt_color"> <i class="fas fa-map-marker-alt"></i> </span> New Haven <span class="link_arrow custom_btn_color"> <i class="fas fa-angle-right custom_btn_color" aria-hidden="true"></i> </span> <span class="address_text"> 470 James Street, #Building 2<br />New Haven, CT 06513 </span> </a> </li> <li class="w-100"> <a href="?form=ordering&lid=4872"> <span class="mappin_icon custom_btn_alt_color"> <i class="fas fa-map-marker-alt"></i> </span> Asheville <span class="link_arrow custom_btn_color"> <i class="fas fa-angle-right custom_btn_color" aria-hidden="true"></i> </span> <span class="address_text"> 135 Coxe Avenue<br />Asheville, NC 28801 </span> </a> </li> <li class="w-100"> <a href="?form=ordering&lid=6820"> <span class="mappin_icon custom_btn_alt_color"> <i class="fas fa-map-marker-alt"></i> </span> HQ- CATERING <span class="link_arrow custom_btn_color"> <i class="fas fa-angle-right custom_btn_color" aria-hidden="true"></i> </span> <span class="address_text"> 24 King Spring Road<br />Windsor Locks, CT 06096 </span> </a> </li> </ul> <small> Please note: items from different locations cannot be placed in the same order. If you switch after adding items to your cart, those items will be removed.</small> </div> </div> </div> </main> </div> <!-- id="mainpagecontent" --> <!-- footer starts --> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="footer_links_wrapper"> <div class="loc_selector"> <label class="sr-only" for="sr13">Location</label> <select class="std_select" id="sr13" data-go-to-url-on-change> <option value="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering&lid=3995" selected>South Windsor - 454 Ellington Road South Windsor, CT 06074</option> <option value="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering&lid=4202" >Hartford - 25 Front St Hartford, CT 06103</option> <option value="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering&lid=4203" >Windsor - 2152 Poquonock Ave Windsor, CT 06095</option> <option value="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering&lid=4204" >New Haven - 470 James Street, #Building 2 New Haven, CT 06513</option> <option value="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering&lid=4872" >Asheville - 135 Coxe Avenue Asheville, NC 28801</option> <option value="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering&lid=6820" >HQ- CATERING - 24 King Spring Road Windsor Locks, CT 06096</option> </select> </div> <div class="footer_links"> <ul> <li><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=home">Home</a></li> <li><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering">Menu</a></li> <li><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=locationinfo">Locations & Hours</a></li> </ul> </div> </div> <div class="copyright_social"> <div class="copyright_wrapper"> <div class="copyright"> <p><a class="custom_link_color" href="http://www.caterzen.com">CaterZen</a> By Restaurant & Catering Systems</p> </div> <div class="c_links"> <ul> <li><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=help">Help</a></li> <li><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=privacy">Privacy Policy</a></li> <li><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=tos">Terms of Service</a></li> <li><a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=accessibility"">Accessibility</a></li> </ul> </div> </div> </div> </div> </div> </div> </footer> <!-- footer ends --> </div> <!-- wrapper ends --> <!-- login modal start --> <div class="modal fade login_modal" id="login" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button class="close" type="button" data-dismiss="modal" title="Close modal"></button> <div class="modal-header"> <h5 class="modal-title">Log In</h5> </div> <div class="modal-body"> <form id="loginForm" action="https://www.restaurantcateringsystems.com/bearssmokehouse/ajax/?form=login" method="post" data-ajax-form data-ajax-replace=".form-login-errors"> <div class="form-login-errors"></div> <div class="form-group"> <label for="input-login-email">Your email</label> <input type="email" class="form-control" name="param_username_s_r_125" id="input-login-email"> </div> <div class="form-group"> <label for="input-login-password">Your password</label> <input type="password" class="form-control" name="param_password_s_r_28" id="input-login-password"> </div> <div class="remember_me_wrapper"> <div class="remember_me"> <input type="checkbox" name="param_remember~me_b_n_1" id="remme" class="css-checkbox" value="1"> <label for="remme" class="css-label">Remember me</label> </div> <a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=forgotpass" class="forgot_password">Forgot your password?</a> </div> <div class="form-group"> <input type="submit" name="login" class="form-submit" value="Log In" /> <input type="hidden" name="submitlogin" value="1" /> </div> <div class="alt_form text-center"> <h6>Don’t have an account?</h6> <a href="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=customerregister">Sign Up</a> </div> </form> </div> </div> </div> </div> <div class="modal fade login_modal" id="guest_checkout" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button class="close" type="button" data-dismiss="modal" title="Close modal"></button> <div class="modal-header"> <h5 class="modal-title">Guest Checkout</h5> </div> <div class="modal-body"> <form id="guestCheckoutForm" action="https://www.restaurantcateringsystems.com/bearssmokehouse/ajax/?form=customerregister" method="post" data-ajax-form data-ajax-replace=".form-register-errors"> <div class="form-register-errors"></div> <div class="form-group"> <label for="gc_first_name">First Name</label> <input type="text" name="param_first~name_s_r_28" value="" id="gc_first_name" required class="form-control" /> </div> <div class="form-group"> <label for="gc_last_name">Last Name</label> <input type="text" name="param_last~name_s_r_28" value="" id="gc_last_name" required class="form-control" /> </div> <div class="form-group"> <label for="gc_company_name">Company Name</label> <input type="text" name="param_company~name_s_n_125" value="" id="gc_company_name" class="form-control" /> </div> <div class="form-group form-group-md phone_number_add"> <label for="gc-telephone">Callback Number</label> <input type="tel" class="form-control input-telephone" name="param_current~phone_p_r_28" id="gc-telephone" maxlength="28" value=""> </div> <div class="form-group"> <label for="y_email1">Your email</label> <input type="email" name="param_email~address_e_r_125" pattern="^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)+$" value="" id="y_email1" required class="form-control"> </div> <div class="form-group"> <input type="hidden" name="submitform" value="1" /> <input type="submit" class="form-submit" value="Continue As Guest"> </div> <div class="alt_form text-center"> <h6>Already have an account?</h6> <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#login" role="button">Log In</a> </div> </form> </div> </div> </div> </div> <!-- login modal end --> <!-- www modal start --> <div class="modal fade mob_full_modal www_modal order-options" id="modal-order-options" tabindex="-1" role="dialog" aria-hidden="true" data-update-otype-on-modal-close> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button class="close" type="button" data-dismiss="modal" title="Close modal"></button> <div class="modal-header"> <h4 class="modal-title">Order details</h4> </div> <div class="modal-body"> <div class="www_moda_content"> <div class="cs_box order_type"> <h5>What:</h5> <fieldset> <legend class="sr-only">Mobile Order Types</legend> <div class="mdropbtn mdrop-order-types" data-toggle-mdrop>Pick-up</div> <ul data-mdrop-ul class="css-radios css-scroll"> <li class="selected"> <label class="css-label" data-update-mdrop-on-click=".mdrop-order-types"> <input type="radio" name="param_order~type_s_r_28" class="orderTypeOption css-checkbox beforeswitch" checked value="PICKUP" data-order-type-on-change data-baseType="PICKUP" /> Pick-up </label> </li> <li class=""> <label class="css-label" data-update-mdrop-on-click=".mdrop-order-types"> <input type="radio" name="param_order~type_s_r_28" class="orderTypeOption css-checkbox deliveryswitch" value="1778" data-order-type-on-change data-baseType="DELIVERY" /> Delivery </label> </li> </ul> </fieldset> </div> <div class="cs_box guest_checkout_address checkout_address deliveryAddressContainer" style="display:none;"> <h5>Enter your address:</h5> <div class="form-group street-address-container"> <label for="street-address-1">Street address</label> <input name="param_street~address_s_r_125" id="street-address-1" data-autocomplete-address placeholder="Enter your address" onchange="saveFormState(this.name, this.value);" type="search" class="form-control input-search input-street-address" value="" data-required-field /> <a href="#" class="current_loc" data-address-from-current-loc role="button">Use Current Location <span>(needs permission)</span></a> </div> </div> <div class="cs_box pickup_when showcheck_parent"> <h5>Menu:</h5> <div class="what what_menu show-for-order-type show-for-order-type-DELIVERY" style="display:none;"> <strong>Menu:</strong> <div class="mdropbtn mdrop-menus-delivery" data-toggle-mdrop> Select </div> <ul data-mdrop-ul class="css-radios css-scroll"> <li class=""> <label class="css-label" data-update-mdrop-on-click=".mdrop-menus-delivery"> <input type="radio" name="param_menu_s_r_255" class="css-checkbox" data-menu-id="18129" data-change-menu value="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering&mid=18129" /> Catering Menu </label> </li> <li class=""> <label class="css-label" data-update-mdrop-on-click=".mdrop-menus-delivery"> <input type="radio" name="param_menu_s_r_255" class="css-checkbox" data-menu-id="32136" data-change-menu value="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering&mid=32136" /> Lunchtime Express Catering </label> </li> </ul> </div> <div class="what what_menu show-for-order-type show-for-order-type-PICKUP" style=""> <strong>Menu:</strong> <div class="mdropbtn mdrop-menus-pickup" data-toggle-mdrop> Select </div> <ul data-mdrop-ul class="css-radios css-scroll"> <li class=""> <label class="css-label" data-update-mdrop-on-click=".mdrop-menus-pickup"> <input type="radio" name="param_menu_s_r_255" class="css-checkbox" data-menu-id="18129" data-change-menu value="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering&mid=18129" /> Catering Menu </label> </li> <li class=""> <label class="css-label" data-update-mdrop-on-click=".mdrop-menus-pickup"> <input type="radio" name="param_menu_s_r_255" class="css-checkbox" data-menu-id="32136" data-change-menu value="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=ordering&mid=32136" /> Lunchtime Express Catering </label> </li> </ul> </div> <div class="what what_menu show-for-order-type show-for-order-type-DINEIN" style="display:none;"> <strong>Menu:</strong> <div class="mdropbtn mdrop-menus-dinein" data-toggle-mdrop> Select </div> <ul data-mdrop-ul class="css-radios css-scroll"> </ul> </div> </div> <div class="cs_box pickup_when showcheck_parent"> <h5>When:</h5> <ul class="css-radios"> <li class=""> <label class="css-label " data-change-label-to-later-date> <input type="radio" name="param_order~time~type_i_n_1" value="1" class="css-checkbox timeswitch orderTimeTypeOption" data-ott-later onchange="scheduleFormStateSave(this.name, this.value);" /> <span data-change-later-display-name>Later</span> </label> <div class="selecttime"> <div class="select-time-header"> Select time and date </div> <div class="select-time-content clearfix"> <label class="sr-only">Pick a day</label> <div class="row"> <div class="datepicker col-md-6"> <div class="datepicker-days" style="display: block;"> <div data-datetimepicker></div> </div> <input type="hidden" name="param_ready~at_s_n_50" class="hid-ready-at" value="2024-11-28 9:30 PM" /> </div> <div class="timepicker col-md-6"> <div class="timepicker-picker"> <ul class="ready-at-time css-scroll css-radios"></ul> </div> </div> </div> </div> <div class="select-time-footer clearfix"> <a href="#" class="form-submit btn text-center" data-select-later-date data-close-popover role="button">Select time and date</a> </div> </div> <input type="hidden" name="param_ready~at_s_n_100" class="hid-ready-at" value="" /> <input type="hidden" class="hid-ready-at-date" value="2024-11-28" /> <input type="hidden" class="hid-eot" value="2024-11-28 21:30:00" /> </li> </ul> </div> <div class="form-submit-wrapper"> <input type="submit" class="form-submit" value="Save and Apply" data-close-modal data-select-later-date> </div> </div> </div> </div> </div> </div> <!-- www modal end --> <div class="modal fade mob_full_modal" id="modal-view-delivery-zone" tabindex="-1" role="dialog" aria-modal="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body modal-body-view-delivery-zone" style="min-height: 75px;"> <div id="loading-view-delivery-area" class="loading-ajax-spinner"><i class="fa fa-spin fa-spinner fa-3x "></i></div> <button type="button" class="close" data-dismiss="modal" title="Close modal"></button> <div id="modal-view-delivery-zone-content" style="display:none;"> <h4 class="mt15 mb15">View our delivery area</h4> <style> #iframe-view-delivery-area { width:100%; height:100%; min-height:556px; } @media screen and (max-width: 768px) { #iframe-view-delivery-area { height: calc(100vh - 90px); } } </style> <iframe id="iframe-view-delivery-area" name="iframe-deliveryzone" frameborder="0" hspace="0" scrolling="auto" data-src="https://www.restaurantcateringsystems.com/bearssmokehouse/?form=viewdeliveryzone&altdoc=1&vdz=1" title="View Delivery Area"></iframe> </div> </div> </div> </div> </div> <div class="modal fade mob_full_modal www_modal order-options" id="modal-find-locations" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button class="close" type="button" data-dismiss="modal" title="Close modal"></button> <div class="modal-header"> <h4 class="modal-title">Find Locations</h4> </div> <div class="modal-body"> <div class="www_moda_content"> <div class="cs_box"> <div class="find-location-map-container"> </div> </div> </div> </div> </div> </div> </div> <!-- add menu item modal start --> <div class="modal fade add_menu" id="add_menu_item" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content menu-item-container-wrapper"> <div class="modal-body add_menu_with_image menu-item-container"> </div> </div> </div> </div> <!-- add menu item modal end --> <div class="modal fade mob_full_modal add_new_card_modal" id="modal-add-new-card" tabindex="-1" role="dialog" aria-modal="true"> <div class="modal-dialog modal-dialog-centered modal-sm" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" title="Close modal"></button> <div class="ajax-creditcards"> <h4>Add new card</h4> <div class="fa fa-spinner fa-spin fa-4x"> </div> </div> </div> </div> </div> </div> <!-- SET: SCRIPTS --> <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script>window.jQuery || document.write('<script src="/web/default4.0/js/jquery-1.12.4.min.js"><\/script>')</script> <script> /* http://writing.colin-gourlay.com/safely-using-ready-before-including-jquery/ */ (function($,d){$.each(readyQ,function(i,f){$(f)});$.each(bindReadyQ,function(i,f){$(d).bind("ready",f)})})(jQuery,document) </script> <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script> <script type="text/javascript" src="/min/g=js4.0&1702594072"></script> <script> var placeSearch, autocomplete, autocompleteCompany; var componentForm = { street_number: 'short_name', route: 'long_name', locality: 'long_name', administrative_area_level_1: 'short_name', postal_code: 'short_name' }; let autocompletes = []; function initAutocomplete() { if (document.getElementById('autocomplete')){ let elem = document.getElementById('autocomplete'); elem.onfocus = function() { changeInputWidth('add'); }; elem.onblur = function() { changeInputWidth(); }; elem.onkeypress = function(e) { if(e.keyCode == 13){ return false; } }; elem.setAttribute('aria-autocomplete', 'list'); elem.setAttribute('aria-describedby', 'autocomplete_description') autocomplete = new google.maps.places.Autocomplete( document.getElementById('autocomplete'), { types: ['geocode'], componentRestrictions: {country: ['US', 'CA', 'JM']} }); autocomplete.addListener('place_changed', fillInAddress); } if (document.getElementById('autocomplete_company')){ let elemCompany = document.getElementById('autocomplete'); elemCompany.onfocus = function() { changeInputWidth('add', 'autocomplete_company'); }; elemCompany.onblur = function() { changeInputWidth('', 'autocomplete_company'); }; elemCompany.onkeypress = function(e) { if(e.keyCode == 13){ return false; } }; elemCompany.setAttribute('aria-autocomplete', 'list'); elemCompany.setAttribute('aria-describedby', 'autocomplete_description') autocompleteCompany = new google.maps.places.Autocomplete( document.getElementById('autocomplete_company'), { types: ['geocode'], componentRestrictions: {country: ['US', 'CA', 'JM']} }); autocompleteCompany.addListener('place_changed', fillInAddressCompany); } // data-autocomplete-address let desc = document.createElement('span') desc.innerHTML = 'Use down key to access and browse suggestions after input. Confirm your choice with enter key.' desc.setAttribute('id', 'autocomplete_description') desc.classList.add('sr-only') document.body.appendChild(desc) let $autoCompletes = $('[data-autocomplete-address]'); $autoCompletes.each(function () { let elem = $(this)[0]; elem.onkeypress = function(e) { if(e.keyCode == 13){ return false; } }; elem.setAttribute('aria-autocomplete', 'list'); elem.setAttribute('aria-describedby', 'autocomplete_description') let autocompleteAddress = new google.maps.places.Autocomplete( elem, { types: ['geocode'], componentRestrictions: {country: ['US', 'CA', 'JM']}, }); autocompleteAddress.addListener('place_changed', fillInAddress); let $deliveryAddressContainer = $(elem).parents('.deliveryAddressContainer').first(); autocompleteAddress.container = $deliveryAddressContainer; autocompletes.push(autocompleteAddress); }); var circle = new google.maps.Circle({ center: new google.maps.LatLng(41.8088092, -72.6031509), radius: 1000 }); if(typeof autocomplete === 'object'){ autocomplete.setBounds(circle.getBounds()); } if(typeof autocompleteCompany === 'object'){ autocompleteCompany.setBounds(circle.getBounds()); } /*autocompletes.forEach(element => function() { element.setBounds(circle.getBounds()); });*/ } function fillInAddress() { var place = this.getPlace(); fillAddressInputs(this.container, place); validateAddress(this.container); } function fillInAddressCompany() { var place = autocompleteCompany.getPlace(), street_number = ''; for (var i = 0; i < place.address_components.length; i++) { var addressType = place.address_components[i].types[0]; changeInputWidth('', 'autocomplete_company'); if (componentForm[addressType]) { var val = place.address_components[i][componentForm[addressType]]; if (addressType == 'route'){ if (street_number.length > 0) val = street_number +' '+ val; addressType = 'autocomplete'; } if (addressType != 'street_number') { var addressTypeCompany = addressType + '_company'; var el = document.getElementById(addressTypeCompany); el.value = val; el.removeAttribute('disabled'); } else { street_number = val; } } } } function changeInputWidth(action = '', id = 'autocomplete') { if (action == 'add') document.getElementById(id).classList.add('span10'); else document.getElementById(id).classList.remove('span10'); } $(document).ready(function() { $('[data-address-from-current-loc]').on('click', function(e) { let $deliveryAddressContainer = $(this).parents('.deliveryAddressContainer').first(); let $addressInput = $($(this).data('address-from-current-loc')); e.preventDefault(); if(navigator.geolocation) { navigator.geolocation.getCurrentPosition(position => { var latlng = {lat: parseFloat(position.coords.latitude), lng: parseFloat(position.coords.longitude)}; geocoder = new google.maps.Geocoder(); geocoder.geocode({'location': latlng}, function(results, status) { if (status === 'OK') { if (results[0]) { let place = results[0]; if ($addressInput.length) { var route = getGeocoderValue(place, 'route') ? (getGeocoderValue(place, 'route') + ' ') : ''; var locality = getGeocoderValue(place, 'locality') ? (getGeocoderValue(place, 'locality') + ' ') : ''; var postal_code = getGeocoderValue(place, 'postal_code') ? (getGeocoderValue(place, 'postal_code') + ' ') : ''; var state = getGeocoderValue(place, 'administrative_area_level_1') ? (getGeocoderValue(place, 'administrative_area_level_1')) : ''; $addressInput.val(route + locality + postal_code + state); } if ($deliveryAddressContainer.length) { fillAddressInputs($deliveryAddressContainer, place); } findLocations($addressInput); } else { window.alert('No results found'); } } else { window.alert('Geocoder failed due to: ' + status); } }); }); } else { alert("Geolocation is not supported by this browser!"); } }); }); function fillAddressInputs($deliveryAddressContainer, place) { $.ajax({ url: ajaxUrl +'/' + IDString + '/?form=saveformfields', data: { 'param_street~address_s_n_125': getGeocoderValue(place, 'street_number') + ' ' + getGeocoderValue(place, 'route'), 'param_city_s_n_90': getGeocoderValue(place, 'locality'), 'param_state_s_n_2': getGeocoderValue(place, 'administrative_area_level_1'), 'param_zip~code_z_n_10': getGeocoderValue(place, 'postal_code'), } }); $deliveryAddressContainer.find('.input-street-address').val(getGeocoderValue(place, 'street_number') + ' ' + getGeocoderValue(place, 'route')); $deliveryAddressContainer.find('.input-city').val(getGeocoderValue(place, 'locality')); $deliveryAddressContainer.find('.input-state').val(getGeocoderValue(place, 'administrative_area_level_1')); $deliveryAddressContainer.find('.input-zip-code').val(getGeocoderValue(place, 'postal_code')); $deliveryAddressContainer.find('.input-latitude').val(place.geometry.location.lat()); $deliveryAddressContainer.find('.input-longitude').val(place.geometry.location.lng()); $('[data-autocompleted-city]').val(getGeocoderValue(place, 'locality')) $('[data-autocompleted-state]').val(getGeocoderValue(place, 'administrative_area_level_1')) $('[data-autocompleted-zip]').val(getGeocoderValue(place, 'postal_code')) $('[data-autocompleted-latitude]').val(place.geometry.location.lat()) $('[data-autocompleted-longitude]').val(place.geometry.location.lng()) $('[data-autocompleted-street-address]').val(getGeocoderValue(place, 'street_number') + ' ' + getGeocoderValue(place, 'route')); validateAddress($deliveryAddressContainer); } function getGeocoderValue(place, type) { for (var i = 0; i < place.address_components.length; i++) { var addressType = place.address_components[i].types[0]; var val = place.address_components[i][componentForm[addressType]]; if (type == addressType) { return val && val != 'undefined' ? val : ''; } } } </script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA3S-xhHmSGWxr_wSgKPx4hlsbajRkJDNI&libraries=places&callback=initAutocomplete"></script> <script src="/web/scripts/maplabel.js"></script> <script> $(function(){ }); // end document ready </script> <!-- END: SCRIPTS --> <script src="/web/default4.0/js/retina.min.js"></script> </body> </html>