CINXE.COM
AT&T Store Locator, AT&T Locations Near You
<!DOCTYPE html> <!-- check 0926 --> <html lang="en"> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-SYK2FTVWY3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-SYK2FTVWY3'); </script> <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-5H5MR74');</script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"> <title>AT&T Store Locator, AT&T Locations Near You</title> <meta property="fb:app_id" content="691496089123040"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.att.com/stores/"> <meta property="og:image" content="https://www.att.com/stores/images/logo-att.png"> <meta name="description" content="Want the latest phones? Need a new wireless data plan? Get directions, store hours, and phone number for an AT&T store near you."> <meta property="og:title" content="AT&T Store Locator, AT&T Locations Near You"> <meta property="og:description" content="Want the latest phones? Need a new wireless data plan? Get directions, store hours, and phone number for an AT&T store near you.."> <meta name="msapplication-square70x70logo" content="https://www.att.com/stores/images/assets/windows-tile-70x70.6cca838b.png"> <meta name="msapplication-square150x150logo" content="https://www.att.com/stores/images/assets/windows-tile-150x150.07557609.png"> <meta name="msapplication-square310x310logo" content="https://www.att.com/stores/images/assets/windows-tile-310x310.c7be4256.png"> <meta name="msapplication-TileImage" content="https://www.att.com/stores/images/assets/windows-tile-144x144.c1de2337.png"> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://www.att.com/stores/images/assets/apple-touch-icon-152x152-precomposed.3287c56e.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://www.att.com/stores/images/assets/apple-touch-icon-120x120-precomposed.d9ee92ae.png"> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="https://www.att.com/stores/images/assets/apple-touch-icon-76x76-precomposed.ca927fad.png"> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="https://www.att.com/stores/images/assets/apple-touch-icon-60x60-precomposed.b31aabc9.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://www.att.com/stores/images/assets/apple-touch-icon-144x144-precomposed.4053acfa.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://www.att.com/stores/images/assets/apple-touch-icon-114x114-precomposed.317791ee.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://www.att.com/stores/images/assets/apple-touch-icon-72x72-precomposed.14bf2316.png"> <link rel="apple-touch-icon" sizes="57x57" href="https://www.att.com/stores/images/assets/apple-touch-icon.85ac9660.png"> <meta name="mobile-web-app-capable" content="yes"> <link rel="icon" sizes="192x192" href="https://www.att.com/stores/images/assets/homescreen-192x192.be20241d.png"> <link rel="shortcut icon" href="https://www.att.com/stores/images/assets/favicon.f7f16f14.ico"> <link rel="icon" type="image/png" sizes="64x64" href="https://www.att.com/stores/images/assets/favicon.695e3069.png"> <link rel="canonical" href="https://www.att.com/stores/" /> <!-- GA code on the current att site --> <script async="" src="https://www.google-analytics.com/analytics.js"></script> <script>window.ga = window.ga || function() {(ga.q=ga.q||[]).push(arguments)}; ga.l=+new Date;</script> <!-- end of GA code from the current site --> <script src="https://www.att.com/scripts/adobe/virtual/detm-container-hdr.js" data-forceasync="adobetarget" data-trigger-dtm="load3rdPartyTags"></script> <script src="https://www.att.com/scripts/adobe/prod/mbox-contents.js" data-loadedby="detm"></script> <script async="" data-loadedby="detm" src="https://www.att.com/scripts/adobe/prod/engage.min.js"></script> <script> // let locationsCount; var W2GI = { config: { // appkey: '2F8B3130-66C5-11ED-9608-26F2C42605F6', appkey: 'FD275886-92C0-11ED-9B38-C5059DC6E625', // appkey: '48D1DCFA-BF50-11ED-B6F5-B7E7A96E38C4', autoStart: true, pageObserve : ['linktrack'], locator: { theme:null, noZoomOnPan: true, noDynamicFilters: true, locatorlocale: 'en_US', alertError: false, formdata: { geoip: true, dataview: 'store_default', google_autocomplete: 'true', // limit: 30, limit: 15, geolocs: { geoloc: [{ addressline: '', country: '', latitude: '', longitude: '' }] }, searchradius: '40|50', where: { opening_status: { distinctfrom: 'permanently_closed' }, virtualstore: { distinctfrom: '1' }, and : { company_owned_stores : {'eq':''}, cash_payments_accepted: {'eq':''}, offers_spanish_support : {'eq':''}, pay_station_inside: {'eq':''}, small_business_solutions: {'eq':''} } } }, drivingdirections: { disableDynamicRoutes: false, formdata: { geoip: true, dataview: 'store_default', map: { size :'330,225', icons:{ start: { path: 'ddstartpin.png' }, end:{ path: 'ddendpin.png' } } }, geolocs: { geoloc: [{ address1: '', city: '', state: '', province: '', postalcode: '', addressline: '', country: '', latitude: '', longitude: '' }] } } }, imgPath: 'images/icons/zoombar_new', controls: [{ name: 'zoom', options: {} }], dynamicSearch: true, routeStyle: { strokeWidth: 8, strokeOpacity: .5, strokeColor: '#0000FF' }, sources: [ { name: 'Google Normal', options: { disableDoubleClickZoom : true, displayName : 'Map', projection: 'EPSG:900913', units: 'm', type: 'roadmap', maxZoomLevel:6, } } ] } }, custom_ob: { updateRecords : function(recs) { var date = new Date(); var today = date.getDay(); $(recs).each (function(i,e) { // var JSONdata = JSON.parse(e.project_meta); /* for schedule button in poi */ if(e.state){ const stateCode = e.state; const stateLongnames = [ { 'label':'AL', 'value': 'alabama' }, { 'label':'AK', 'value': 'alaska'}, { 'label':'AZ', 'value': 'arizona'}, { 'label':'AR', 'value': 'arkansas'}, { 'label':'CA', 'value': 'california'}, { 'label':'CO', 'value': 'colorado'}, { 'label':'CT', 'value': 'connecticut'}, { 'label':'DE', 'value': 'delaware'}, { 'label':'DC', 'value': 'district-of-columbia'}, { 'label':'FL', 'value': 'florida'}, { 'label':'GA', 'value': 'georgia'}, { 'label':'HI', 'value': 'hawaii'}, { 'label':'ID', 'value': 'idaho'}, { 'label':'IL', 'value': 'illinois'}, { 'label':'IN', 'value': 'indiana'}, { 'label':'IA', 'value': 'iowa'}, { 'label':'KS', 'value': 'kansas'}, { 'label':'KY', 'value': 'kentucky'}, { 'label':'LA', 'value': 'louisiana'}, { 'label':'ME', 'value': 'maine'}, { 'label':'MD', 'value': 'maryland'}, { 'label':'MA', 'value': 'massachusetts'}, { 'label':'MI', 'value': 'michigan'}, { 'label':'MN', 'value': 'minnesota'}, { 'label':'MS', 'value': 'mississippi'}, { 'label':'MO', 'value': 'missouri'}, { 'label':'MT', 'value': 'montana'}, { 'label':'NE', 'value': 'nebraska'}, { 'label':'NV', 'value': 'nevada'}, { 'label':'NH', 'value': 'new-hampshire'}, { 'label':'NJ', 'value': 'new-jersey'}, { 'label':'NM', 'value': 'new-mexico'}, { 'label':'NY', 'value': 'new-york'}, { 'label':'NC', 'value': 'north-carolina'}, { 'label':'ND', 'value': 'north-dakota'}, { 'label':'OH', 'value': 'ohio'}, { 'label':'OK', 'value': 'oklahoma'}, { 'label':'OR', 'value': 'oregon'}, { 'label':'PA', 'value': 'pennsylvania'}, { 'label':'RI', 'value': 'rhode-island'}, { 'label':'SC', 'value': 'south-carolina'}, { 'label':'SD', 'value': 'south-dakota'}, { 'label':'TN', 'value': 'tennessee'}, { 'label':'TX', 'value': 'texas'}, { 'label':'UT', 'value': 'utah'}, { 'label':'VT', 'value': 'vermont'}, { 'label':'VA', 'value': 'virginia'}, { 'label':'WA', 'value': 'washington'}, { 'label':'WV', 'value': 'west-virginia'}, { 'label':'WI', 'value': 'wisconsin'}, { 'label':'WY', 'value': 'wyoming'} ]; for (var i=0; i < stateLongnames.length; i++) { if(stateLongnames[i].label === stateCode){ e.state_longname_new = stateLongnames[i].value; break } } } // at&t retail if (e.company_owned_stores == 1 && e.appntmnt_schdlng_ind == 1) { // e.appntmnt_schdlng_ind2 = e.appntmnt_schdlng_ind.toLowerCase(); if (e.nap_cta_2_text !== '' && e.nap_cta_2_text !== null && e.nap_cta_2_url !== '' && e.nap_cta_2_url !== null) { e.scheduleBtnFlag2 = "1"; e.scheduleBtnText2 = e.nap_cta_2_text; e.scheduleBtnLink2 = e.nap_cta_2_url; } else { e.scheduleBtnFlag2 = ""; } } else if (e.company_owned_stores == 1 && e.appntmnt_schdlng_ind != 1) { //no longer checking for prime locations } else { if (e.nap_cta_2_text !== '' && e.nap_cta_2_text !== null && e.nap_cta_2_url !== '' && e.nap_cta_2_url !== null) { e.scheduleBtnFlag2 = "1"; e.scheduleBtnText2 = e.nap_cta_2_text; e.scheduleBtnLink2 = e.nap_cta_2_url; } else { e.scheduleBtnFlag2 = ""; } } if(e.pm_ed_corecta2button_cta_url) e.scheduleBtnLink = e.pm_ed_corecta2button_cta_url; e.entity_id = e.pm_ed_entity_id; var theurl = "https://www.att.com/att-dgt-checkin-e/api/v1/ewt/store?locationID=" + e.entity_id; var msgID = "waitingMsg"+e.clientkey; if(e.mystore_name){ e.store_name = e.mystore_name.toLowerCase().replace(' store',''); } else{ e.store_name = e.city; } if(e.offers_spanish_support){ if(e.offers_spanish_support === 1 || e.offers_spanish_support === '1'){ e.offers_spanish_flag = 1; } else { e.offers_spanish_flag = ''; } } e.lp_url = `https://www.att.com/stores/${e.state_longname_new}/${e.city.toLowerCase().replace(/ /g,'-').replace(/\./g,'')}/${e.clientkey}?source=I-00s1000B000000L&wtExtndSource=locator`; if(e.pm_ed_corecta2button_cta_url) e.scheduleBtnLink = e.pm_ed_corecta2button_cta_url; e.entity_id = e.pm_ed_entity_id; var theurl = "https://www.att.com/att-dgt-checkin-e/api/v1/ewt/store?locationID=" + e.entity_id; var msgID = "waitingMsg"+e.clientkey; if(e.mystore_name){ e.store_name = e.mystore_name.toLowerCase().replace(' store',''); } else{ e.store_name = e.city; } if(e.pm_ed_locator_cta_url){ e.cta_url = e.pm_ed_locator_cta_url; } else { e.cta_url = 'https://www.att.com/buy/phones/?source=I-00s1000B000000L&wtExtndSource=locator'; } if(e.pm_ed_locator_cta_text){ e.cta_text = e.pm_ed_locator_cta_text; } else { e.cta_text = 'Shop Now'; } //if(e.name){ e.name = e.name.replace(/AT&T/g,''); } if(e.pm_ed_geomodifier){ e.name = e.pm_ed_geomodifier; } else { e.name = e.address1; } if(e.locator_callout_message || e.kiosk_callout_message) { e.callout_flag = 1; } else { e.callout_flag = ''; } if(e.opening_status){ if(e.opening_status.toLowerCase() === 'temporarily_closed'){ e.hide_hours_flag = 1; } else { e.hide_hours_flag = ''; } } if(e.address1){ e.address1 = e.address1.toLowerCase(); } if(e.address2){ e.address2 = e.address2.toLowerCase(); } if(e.city){ e.city_enc = e.city.replace(/ /g,'-'); } if(e.state){ e.state_enc = e.state.toLowerCase(); } if(e.postalcode){} if(e.phone){ e.phoneformat = formatPhoneNumber(e.phone); } if(e.pm_ed_nap_cta_text){ e.nap_cta_text = e.pm_ed_nap_cta_text; } else { e.nap_cta_text = ''; } if(e.pm_ed_nap_cta_url){ e.nap_cta_url = e.pm_ed_nap_cta_url } else { e.nap_cta_url = ''; } if(e.bho){ var temp = e.bho; temp = temp.replace(/"/g, ""); var dArr = JSON.parse(temp); var sundayHours = dArr[0]; if (sundayHours && sundayHours[0] && sundayHours[1]) { e.sundayOpen = formatTime(sundayHours[0]); e.sundayClose = formatTime(sundayHours[1]); } var mondayHours = dArr[1]; if (mondayHours && mondayHours[0] && mondayHours[1]) { e.mondayOpen = formatTime(mondayHours[0]); e.mondayClose = formatTime(mondayHours[1]); } var tuesdayHours = dArr[2]; if (tuesdayHours && tuesdayHours[0] && tuesdayHours[1]) { e.tuesdayOpen = formatTime(tuesdayHours[0]); e.tuesdayClose = formatTime(tuesdayHours[1]); } var wednesdayHours = dArr[3]; if (wednesdayHours && wednesdayHours[0] && wednesdayHours[1]) { e.wednesdayOpen = formatTime(wednesdayHours[0]); e.wednesdayClose = formatTime(wednesdayHours[1]); } var thursdayHours = dArr[4]; if (thursdayHours && thursdayHours[0] && thursdayHours[1]) { e.thursdayOpen = formatTime(thursdayHours[0]); e.thursdayClose = formatTime(thursdayHours[1]); } var fridayHours = dArr[5]; if (fridayHours && fridayHours[0] && fridayHours[1]) { e.fridayOpen = formatTime(fridayHours[0]); e.fridayClose = formatTime(fridayHours[1]); } var saturdayHours = dArr[6]; if (saturdayHours && saturdayHours[0] && saturdayHours[1]) { e.saturdayOpen = formatTime(saturdayHours[0]); e.saturdayClose = formatTime(saturdayHours[1]); } } /* adding special hours */ var specialhours = e.special_hours; if (specialhours) { //console.log("specialHours: " + e.city + " " + specialhours); var specialhoursGroup = specialhours.split(","); //console.log("specialhoursGroup length: " + specialhoursGroup.length); //console.log("specialhoursGroup[0]: " + specialhoursGroup[0]); var specialHoursValue = []; var specialhoursArray = []; var theSpecialHourValue = ""; for (let i = 0; i < specialhoursGroup.length; i++) { if (specialhoursGroup[i]) specialhoursArray = specialhoursGroup[i].split(" "); if (specialhoursArray[0]) var temArr = specialhoursArray[0].split("-"); // (YYYY, MM, DD, Hr, Min, Sec) var YYYY; var MM; var DD; if (temArr) YYYY = temArr[2]; if (temArr) MM = temArr[0]; if (temArr) DD = temArr[1]; var g1 = new Date(YYYY, MM-1, DD, 0, 0, 0); // fistDay and lastDay of the week will be used to see //which special hours dates falls into the categary const today1 = new Date(); const firstDay = getFirstDayOfWeek(today1); const lastDay = new Date(firstDay); lastDay.setDate(lastDay.getDate() + 6); //console.log("first day of the week: " + firstDay); //console.log("last day of the week: " + lastDay); var g1First = new Date(firstDay.getFullYear(), firstDay.getMonth(), firstDay.getDate(),0,0,0); var g1Last = new Date(lastDay.getFullYear(), lastDay.getMonth()-1, lastDay.getDate()); //console.log("g1First" + g1First); var theweekday; // this is the weekday value to show "closed" for the hours for the day var specialweekflag0, specialweekflag1, specialweekflag2, specialweekflag3, specialweekflag4, specialweekflag5, specialweekflag6; var theSpecialHourValue0, theSpecialHourValue1, theSpecialHourValue2, theSpecialHourValue3, theSpecialHourValue4, theSpecialHourValue5, theSpecialHourValue6; var theSpecialOpen0, theSpecialOpen1, theSpecialOpen2, theSpecialOpen3, theSpecialOpen4, theSpecialOpen5, theSpecialOpen6; var theSpecialClose0, theSpecialClose1, theSpecialClose2, theSpecialClose3, theSpecialClose4, theSpecialClose5, theSpecialClose6; if (g1 <= lastDay && g1 >= g1First){ //console.log("this date is in the week: " + specialhoursGroup[i]); var bTemp = g1.getDay(); if (bTemp == 0){ specialweekflag0 = "1"; theSpecialHourValue0 = specialhoursArray[1].toLowerCase(); if (theSpecialHourValue0 != "closed"){ e.theSpecialOpen0 = getSpecialHoursOpen(theSpecialHourValue0); e.theSpecialClose0 = getSpecialHoursClose(theSpecialHourValue0); } } if (bTemp == 1){ specialweekflag1 = "1"; theSpecialHourValue1 = specialhoursArray[1].toLowerCase(); if (theSpecialHourValue1 != "closed"){ e.theSpecialOpen1 = getSpecialHoursOpen(theSpecialHourValue1); e.theSpecialClose1 = getSpecialHoursClose(theSpecialHourValue1); } } if (bTemp == 2){ specialweekflag2 = "1"; theSpecialHourValue2 = specialhoursArray[1].toLowerCase(); if (theSpecialHourValue2 != "closed"){ e.theSpecialOpen2 = getSpecialHoursOpen(theSpecialHourValue2); e.theSpecialClose2 = getSpecialHoursClose(theSpecialHourValue2); } } if (bTemp == 3){ specialweekflag3 = "1"; theSpecialHourValue3 = specialhoursArray[1].toLowerCase(); //console.log("theSpecialHourValue3: " + theSpecialHourValue3); if (theSpecialHourValue3 != "closed"){ e.theSpecialOpen3 = getSpecialHoursOpen(theSpecialHourValue3); e.theSpecialClose3 = getSpecialHoursClose(theSpecialHourValue3); } } if (bTemp == 4){ specialweekflag4 = "1"; theSpecialHourValue4 = specialhoursArray[1].toLowerCase(); if (theSpecialHourValue4 != "closed"){ e.theSpecialOpen4 = getSpecialHoursOpen(theSpecialHourValue4); e.theSpecialClose4 = getSpecialHoursClose(theSpecialHourValue4); } } if (bTemp == 5){ specialweekflag5 = "1"; theSpecialHourValue5 = specialhoursArray[1].toLowerCase(); if (theSpecialHourValue5 != "closed"){ //console.log("theSpecialHourValue5: " + theSpecialHourValue5); e.theSpecialOpen5 = getSpecialHoursOpen(theSpecialHourValue5); e.theSpecialClose5 = getSpecialHoursClose(theSpecialHourValue5); //console.log("Friday theSpecialClose5: " + e.theSpecialClose5); } } if (bTemp == 6){ specialweekflag6 = "1"; theSpecialHourValue6 = specialhoursArray[1].toLowerCase(); if (theSpecialHourValue6 != "closed"){ e.theSpecialOpen6 = getSpecialHoursOpen(theSpecialHourValue6); e.theSpecialClose6 = getSpecialHoursClose(theSpecialHourValue6); } } } } } // end of special hours block if(e.bho || e.special_hours){ switch(today) { case 0: if(theSpecialHourValue0 === 'closed'){ e.theSpecialFlag = 1; } else { e.theSpecialFlag = ''; } if (e.theSpecialOpen0){ e.todayopen = e.theSpecialOpen0; } else { e.todayopen = e.sundayOpen; } if (e.theSpecialClose0) { e.todayclose = e.theSpecialClose0; } else { e.todayclose = e.sundayClose; } if (e.theSpecialOpen1) { e.nextdayopen = e.theSpecialOpen1; } else { e.nextdayopen = e.mondayOpen; } break; case 1: if(theSpecialHourValue1 === 'closed'){ e.theSpecialFlag = 1; } else { e.theSpecialFlag = ''; } if (e.theSpecialOpen1) { e.todayopen = e.theSpecialOpen1; } else { e.todayopen = e.mondayOpen; } if (e.theSpecialClose1) { e.todayclose = e.theSpecialClose1; } else { e.todayclose = e.mondayClose; } if (e.theSpecialOpen2) { e.nextdayopen = e.theSpecialOpen2; } else { e.nextdayopen = e.tuesdayOpen; } break; case 2: if(theSpecialHourValue2 === 'closed'){ e.theSpecialFlag = 1; } else { e.theSpecialFlag = ''; } if (e.theSpecialOpen2) { e.todayopen = e.theSpecialOpen2; } else { e.todayopen = e.tuesdayOpen; } if (e.theSpecialClose2) { e.todayclose = e.theSpecialClose2; } else { e.todayclose = e.tuesdayClose; } if (e.theSpecialOpen3){ e.nextdayopen = e.theSpecialOpen3; } else { e.nextdayopen = e.wednesdayOpen; } break; case 3: if(theSpecialHourValue3 === 'closed'){ e.theSpecialFlag = 1; } else { e.theSpecialFlag = ''; } if (e.theSpecialOpen3) { e.todayopen = e.theSpecialOpen3; } else { e.todayopen = e.wednesdayOpen; } if (e.theSpecialClose3) { e.todayclose = e.theSpecialClose3; } else { e.todayclose = e.wednesdayClose; } if (e.theSpecialOpen4) { e.nextdayopen = e.theSpecialOpen4; } else { e.nextdayopen = e.thursdayOpen; } break; case 4: if(theSpecialHourValue4 === 'closed'){ e.theSpecialFlag = 1; } else { e.theSpecialFlag = ''; } if (e.theSpecialOpen4) { e.todayopen = e.theSpecialOpen4; } else { e.todayopen = e.thursdayOpen; } if (e.theSpecialClose4) { e.todayclose = e.theSpecialClose4; } else { e.todayclose = e.thursdayClose; } if (e.theSpecialOpen5) { e.nextdayopen = e.theSpecialOpen5; } else { e.nextdayopen = e.fridayOpen; } break; case 5: if(theSpecialHourValue5 === 'closed'){ e.theSpecialFlag = 1; } else { e.theSpecialFlag = ''; } if (e.theSpecialOpen5) { e.todayopen = e.theSpecialOpen5; } else { e.todayopen = e.fridayOpen; } if (e.theSpecialClose5) { e.todayclose = e.theSpecialClose5; } else { e.todayclose = e.fridayClose; } if (e.theSpecialOpen6) { e.nextdayopen = e.theSpecialOpen6; } else { e.nextdayopen = e.saturdayOpen; } break; case 6: if(theSpecialHourValue6 === 'closed'){ e.theSpecialFlag = 1; } else { e.theSpecialFlag = ''; } if (e.theSpecialOpen6){ e.todayopen = e.theSpecialOpen6; } else { e.todayopen = e.saturdayOpen; } if (e.theSpecialClose6) { e.todayclose = e.theSpecialClose6; } else { e.todayclose = e.saturdayClose; } if (e.theSpecialOpen0) { e.nextdayopen = e.theSpecialOpen0; } else { e.nextdayopen = e.sundayOpen; } break; } } if(e.bho){ if(e.bho == '[["9999","9999"],["9999","9999"],["9999","9999"],["9999","9999"],["9999","9999"],["9999","9999"],["9999","9999"]]' || e.bho == '[["0000","0000"],["0000","0000"],["0000","0000"],["0000","0000"],["0000","0000"],["0000","0000"],["0000","0000"]]'){ e.hours_hide = 1; } else { e.hours_hide = ''; } var tempOpen, tempClose, minutes; var timeNow = parseFloat(date.getHours() + '.' + minutes); if (e.todayopen && e.todayclose) { if(e.todayopen !== 'closed'){ var ta = e.todayopen.replace(" AM","").replace(':','.'); var tb = e.todayclose.replace(" PM","").replace(':','.'); tempOpen = parseFloat(ta); tempClose = parseFloat(tb) + 12; minutes = formatMins(date.getMinutes()); } else { tempOpen = 'closed' tempClose = 'closed' } } if(tempOpen === 'closed'){ if(e.nextdayopen !== 'closed'){ e.hour_display = "CLOSED - OPENS AT " + e.nextdayopen; } else { e.hour_display = "CLOSED" } } else if (timeNow < tempOpen) { e.hour_display = "CLOSED - OPENS AT " + e.todayopen; } else { if(timeNow > tempClose){ if(e.nextdayopen !== 'closed'){ e.hour_display = "CLOSED - OPENS AT " + e.nextdayopen; } else { e.hour_display = "CLOSED" } } else { e.hour_display = "OPEN UNTIL " + e.todayclose; if(e.scheduleBtnFlag){ setTimeout(function(){ $.ajax({ type: 'GET', url: theurl, contentType: 'text/plain', success: function(jsonResponse, textStatus, jqXHR) { //console.log(jsonResponse); let peopleInLine = (typeof jsonResponse[0] !== "undefined" && typeof jsonResponse[0].noofpeopleinline !== "undefined" ) ? jsonResponse[0].noofpeopleinline : -1; //console.log(peopleInLine); if (peopleInLine == 1) { document.getElementById(msgID).innerHTML = "There is one customer ahead of you."; } else if (peopleInLine > 1){ document.getElementById(msgID).innerHTML = "There are " + peopleInLine + " customers ahead of you."; } else if (peopleInLine == 0) { document.getElementById(msgID).innerHTML = "We're ready for you."; } } }); }, 2000); //before it was 3000 } } } } if(e.theSpecialFlag === 1){ e.hour_display = 'Closed'; } }.bind(this)); return recs; }, }, } /* for adding special_hours */ function getFirstDayOfWeek(d) { //clone date object, so we don't mutate it const date = new Date(d); const day = date.getDay(); // get day of week //day of month - day of week (-6 if Sunday), otherwise +1 const diff = date.getDate() - day + (day === 0 ? -6 : 1); return new Date(date.setDate(diff)); } function getSpecialHoursOpen(t) { // t example value 11:00-21:00 var specialHoursValueArrayLocal = t.split("-"); var theSpecialOpenArrayLocal = specialHoursValueArrayLocal[0].split(":"); // example value 14:00 (-18:00) if (theSpecialOpenArrayLocal[0] >= 12) { if (theSpecialOpenArrayLocal[0] == 12) var aTemp1 = theSpecialOpenArrayLocal[0]; else var aTemp1 = theSpecialOpenArrayLocal[0] - 12; theSpecialOpen = aTemp1 + ":" + theSpecialOpenArrayLocal[1] + " PM"; } else { theSpecialOpen = specialHoursValueArrayLocal[0] + " AM"; } //console.log("theSpecialOpen: " + theSpecialOpen); return theSpecialOpen; } function getSpecialHoursClose(t) { // t example value 11:00-21:00 var specialHoursValueArrayLocal = t.split("-"); var theSpecialCloseArrayLocal = specialHoursValueArrayLocal[1].split(":"); if (theSpecialCloseArrayLocal[0] > 12) { var aTemp2 = theSpecialCloseArrayLocal[0] - 12; theSpecialCloseLocal = aTemp2 + ":" + theSpecialCloseArrayLocal[1] + " PM"; } else if (theSpecialCloseArrayLocal[0] == 12) { theSpecialCloseLocal = "12:00 PM"; } else { theSpecialCloseLocal = theSpecialCloseArrayLocal[0] + ":" + theSpecialCloseArrayLocal[1] + " AM"; } return theSpecialCloseLocal; } /* end for adding special_hours */ </script> <script src="https://maps-api-ssl.google.com/maps/api/js?v=3.37&key=AIzaSyC_poY9u57toWlNmTpIQmEjM7dw2zUJjh4&channel=att&libraries=places"></script> <script> function toLongName(state){ var statesObj = [{'abbr': 'AL', 'longName': 'alabama'},{'abbr': 'AK', 'longName': 'alaska'},{'abbr': 'AZ', 'longName': 'arizona'},{'abbr': 'AR', 'longName': 'arkansas'},{'abbr': 'CA', 'longName': 'california'},{'abbr': 'CO', 'longName': 'colorado'},{'abbr': 'CT', 'longName': 'connecticut'},{'abbr': 'DC', 'longName': 'district-of-columbia'},{'abbr': 'DE', 'longName': 'delaware'},{'abbr': 'FL', 'longName': 'florida'},{'abbr': 'GA', 'longName': 'georgia'},{'abbr': 'HI', 'longName': 'hawaii'},{'abbr': 'ID', 'longName': 'idaho'},{'abbr': 'IL', 'longName': 'illinois'},{'abbr': 'IN', 'longName': 'indiana'},{'abbr': 'IA', 'longName': 'iowa'},{'abbr': 'KS', 'longName': 'kansas'},{'abbr': 'KY', 'longName': 'kentucky'},{'abbr': 'LA', 'longName': 'louisiana'},{'abbr': 'ME', 'longName': 'maine'},{'abbr': 'MD', 'longName': 'maryland'},{'abbr': 'MA', 'longName': 'massachusetts'},{'abbr': 'MI', 'longName': 'michigan'},{'abbr': 'MN', 'longName': 'minnesota'},{'abbr': 'MI', 'longName': 'mississippi'},{'abbr': 'MO', 'longName': 'missouri'},{'abbr': 'MT', 'longName': 'montana'},{'abbr': 'NE', 'longName': 'nebraska'},{'abbr': 'NV', 'longName': 'nevada'},{'abbr': 'NH', 'longName': 'new-hampshire'},{'abbr': 'NJ', 'longName': 'new-jersey'},{'abbr': 'NM', 'longName': 'new-mexico'},{'abbr': 'NY', 'longName': 'new-york'},{'abbr': 'NC', 'longName': 'north-carolina'},{'abbr': 'ND', 'longName': 'north-dakota'},{'abbr': 'OH', 'longName': 'ohio'},{'abbr': 'OK', 'longName': 'oklahoma'},{'abbr': 'OR', 'longName': 'oregon'},{'abbr': 'PA', 'longName': 'pennsylvania'},{'abbr': 'RI', 'longName': 'rhode-island'},{'abbr': 'SC', 'longName': 'south-carolina'},{'abbr': 'SD', 'longName': 'south-dakota'},{'abbr': 'TN', 'longName': 'tennessee'},{'abbr': 'TX', 'longName': 'texas'},{'abbr': 'UT', 'longName': 'utah'},{'abbr': 'VT', 'longName': 'vermont'},{'abbr': 'VA', 'longName': 'virginia'},{'abbr': 'WA', 'longName': 'washington'},{'abbr': 'WV', 'longName': 'west-virginia'},{'abbr': 'WI', 'longName': 'wisconsin'},{'abbr': 'WY', 'longName': 'wyoming'}] for (let i=0; i < statesObj.length; i++) { if (statesObj[i].abbr === state) { return statesObj[i].longName; } } } </script> <script> function formatTime(time) { if(time === '9999' || time === '0000'){ time = 'closed'; return time; } else if (time <= 1200) { var theTime = time.toString().substring(0, 2) + ":" + time.toString().substring(2, 4) + " AM"; if (theTime[0] == 0) { theTime = theTime.substring(1); } if (time == 0000) { theTime = "12:00 AM"; } if (time == 1200) { theTime = "12:00 PM"; } return theTime; } else if (time == 'closed') { return time; } else { return parseInt(time.toString().substring(0, 2) - 12) + ":" + time.toString().substring(2, 4) + " PM"; } } function formatMins(mins){ if(mins < 10){ mins = '0' + mins; } return mins; } function formatPhoneNumber(phoneNumberString) { var cleaned = ('' + phoneNumberString).replace('+1','').replace(/\D/g, ''); var match = cleaned.match(/^(\d{3})(\d{3})(\d{4})$/); if (match) { return '(' + match[1] + ') ' + match[2] + '-' + match[3]; } return null; } </script> <script src="/stores/w2gi/javascript/backbone/bb/lib/jquery.js"></script> <script data-main="/stores/w2gi/javascript/backbone/bb/dist/bones.min" src="/stores/w2gi/javascript/backbone/bb/lib/require.js"></script> <script> W2GI.loaded = function($) { // count = 0; // on page load (for when there is no response) parent.postMessage("w2gi:iframeHeightUpdated" + "//" + $('#w2gi_wrapper').height() + "//" + $('#w2gi_wrapper').width(),"*"); var stickyCTA = $('.panel-cta.sticky').offset().top; $(window).scroll(function() { var windowTop = $(window).scrollTop(); if (stickyCTA < windowTop) { $('.panel-cta.sticky').addClass('stuck') } else { $('.panel-cta.sticky').removeClass('stuck') } }); // const url = new URL(window.location); // on initial response and searches ace.util.DomEvent.on("w2gi:proximityresponse", function(event,responseObject) { var sa = ''; if(responseObject.geoipData.CITY){ sa = responseObject.geoipData.CITY.toLowerCase() + ', ' + responseObject.geoipData.STATE; } else { sa = responseObject.geoipData.POSTALCODE; } $('#searchArea').html(sa); //console.log(responseObject) $('a.cta-track').click(function(){ let $this = $(this); let ddoEventVars = { "ssafcDebugFlag": false, "linkDestinationUrl": $this.attr('href'), "linkName": $this.data('detm-name'), "linkPosition": $this.data('detm-position'), "linkCoordinateX": $this.offsetTop, "linkCoordinateY": $this.offsetLeft, } console.log(`linkName = ${ddoEventVars.linkName}`) ddo.pushEvent('linkClick', 'Link_Click', ddoEventVars); }) setTimeout(function(){ // const countValue = document.getElementById('countValue'); // countValue.innerHTML = locationsCount; if($(window).width() < 802) { var wrapper = $('#w2gi_wrapper'); var wrapperHeight = poiEl.scrollHeight + 151; wrapper.height(wrapperHeight); } else { parent.postMessage("w2gi:iframeHeightUpdated" + "//" + $('#w2gi_wrapper').height() + "//" + $('#w2gi_wrapper').width(),"*"); } }, 100); $('.hoursToggle').on('click',function(){ $(this).toggleClass('open'); $(this).next().slideToggle(300); if($(this).hasClass('open')){ $(this).attr('aria-expanded','true') } else { $(this).attr('aria-expanded','false') } }) $('.hoursToggle').keydown(function(e){ if(e.keycode === 13 || e.which === 13){ if($(this).hasClass('open')){ $(this).attr('aria-expanded','true') } else { $(this).attr('aria-expanded','false') } } }) if($('#filters').hasClass('open')){ $('#closeFilters').click() } $('.poi-item').click(function(event){ console.log(event); if($(window).width() > 991){ let $this = $(this) let origin = event.originalEvent; if(origin !== undefined){ let $uid = $(this).data('uid'); let $thisOpen = $this.hasClass('poi-hover') ? true : false; let rx = /(^a|^(button))/; let eTarget = event.target.tagName.toLowerCase(); if(!eTarget.match(rx)){ // $this.find('.store_name').click(); if($thisOpen === false){ ace.util.Event.trigger('marker:select', $uid); $this.addClass('poi-hover'); event.stopPropagation(); } else { ace.util.Event.trigger('marker:close', $uid); $this.removeClass('poi-hover'); ace.util.Event.trigger('w2gi:poiunselected'); } } } } }) }); // when no results are returned. Note that the delay must be at least 800 or the modal popup will not display properly ace.util.DomEvent.on("w2gi:fetchError", function(e,i) { var errorWrap = '<div id="error_message" />'; $('.poi').wrapInner('<div id="error_message" />'); if($('#filters').hasClass('open')){ $('#closeFilters').click() } setTimeout(function(){ parent.postMessage("w2gi:iframeHeightUpdated" + "//" + $('#w2gi_wrapper').height() + "//" + $('#w2gi_wrapper').width(),"*"); }, 800); }); ace.util.DomEvent.on("w2gi:poiselected", function() { if($(window).width() > 801){ var els = $('.poi-hover') if(els.length > 0) { els.first().find('.icon_div').click(); } } }); // Browser is resized $(window).resize(function() { setTimeout(function(){ parent.postMessage("w2gi:iframeHeightUpdated" + "//" + $('#w2gi_wrapper').height() + "//" + $('#w2gi_wrapper').width(),"*"); }, 100); }); // When pagination is present and occurs ace.util.DomEvent.on("w2gi:sliceupdated", function() { setTimeout(function(){ parent.postMessage("w2gi:iframeHeightUpdated" + "//" + $('#w2gi_wrapper').height() + "//" + $('#w2gi_wrapper').width(),"*"); }, 100); }); ace.collection.appendOptions('#bubble_country', 'Account::Country', {}, 'account_country', 'name', 'description'); } function searchCountry(country) { require(['jquery'], function($) { $('.search-box').val('') $('.country_val').val(country) ace.util.searchExternal('locator_search'); }) } $('#map').on('pageshow', function(){ google.maps.event.trigger(map, "resize"); }); </script> <link href="/stores/w2gi/css/style.css" rel="stylesheet"> <!-- client CSS --> <link rel="stylesheet" type="text/css" href="css/clientcss/styles.pure.2.css?v=1.03"> <link rel="stylesheet" type="text/css" href="css/custom-styles.2024.css?v=1.01"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- scripts for menus open --> <!-- <script>window.globalNavConfig = {"setAppType": '',"setCustomerType": 'consumer',"setManualBootstrap": false,"setMotionPoint": false,"overrideServerMarkup": false,"hideHeader": false,"hideFooter": false,"hideHeaderElements": false,"setLateLoad": true,};</script> --> <!-- <script src="javascript/globalnav-handler-async.min.js" defer></script> --> <!-- <script src="javascript/globalnav-handler-async.min.js" async defer></script> --> <script> window.globalNavConfig = { "setAppType": '', "setCustomerType": 'consumer',"setManualBootstrap": false,"setMotionPoint": true, "hideHeader": false,"hideFooter": false,"hideHeaderElements": false, "setBootstrapWidgetFramework": false,"setLateLoad": false }; </script> <script src="/ui/global_all_cms_globalnav/web-components/2.0/preRender/consumer/attwc-globalnav.esm.js" type="module"></script> <script src="/ui/global_all_cms_globalnav/web-components/2.0/preRender/consumer/attwc-globalnav.js" nomodule></script> <style> /* #attmonetization_ftr_unit_0, .hideAdd{display: none !important;}*/ .Main{margin-top: 0 !important;} .show{display:block !important;} .moreinfo_box{max-height: 430px;} span.time{text-transform: lowercase;} #locator_search #closeFilters span{color: #333;} #filters label *{pointer-events: none;} .hideCount0, .hideCount1{display: none;} a.schedule_btn:after{content: url(images/search_arrow.0e5511b1.svg);margin-left: 0.25rem;} a.schedule_btn:hover:after{content: url(images/new/teaser_arrow.b34d81da.svg);margin-left: 0.25rem;} a.schedule_btn:hover {background:#000; color:#fff;} a.schedule_btn{ font-size: .75rem; line-height: 1.33; padding: .75rem 1.5rem; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; color: #fff; font-weight: 300; text-align: center; text-transform: uppercase; white-space: nowrap; background-color: #fff; color: #000; border: .0625rem solid #000; margin-bottom: .625rem; } #z1-profile-open *{pointer-events: none;} #z1-search-close, .isIOS .mobile-search #z1-navbar #z1-mobile-identity, .isIOS .mobile-search #z1-navbar>.pull-right {display: flex;} .poi_box>div.hoursHide1 { display: none; } @media (max-width: 801px){ a.w2gi-popup-close.ol-unselectable.olPopupCloseBox:after { content: 'X'; } } @media (max-width: 480px) { .Locator-calloutBtn{margin-right: 12px;} } @media screen and (-ms-high-contrast:active) and (min-width: 768px), (min-width: 768px){ .gn-ds2 #z1-search-input .btn-search{margin-top: 6px !important;} } @media (min-width: 1px) and (max-width: 991px){ .search-box { margin-top: 2px; padding: 0.75rem 1rem; width: calc(100% - 110px) !important; } } /* @media(max-width: 767px){ #z1-navbar{overflow:hidden;} }*/ @media screen and (-ms-high-contrast:active) and (max-width: 767px) and (orientation: landscape), (max-width: 767px) and (orientation: landscape){ .gn-ds2 #tab-desktop-menu{height: initial;} .from-left .lg-submenu.open{height: initial !important;min-height: 100vw;} } #z1-cart-open { cursor: pointer; } @media (min-width: 62rem){.Locator-outWrapper {height: 47.3125rem;}} .attribution {position: static;} @media(min-width: 1px) and (max-width: 801px){ .attribution { display: block; text-align: center; } } @media (max-width:991px){ .panel-cta.sticky.stuck { position: fixed; top:0; width: 100vw; } } @media (min-device-width : 769px) and (max-device-width : 1080px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { .button-search { margin: 16px 0 0; } } .cta_wrapper a.lp_btn:after { content: url(https://www.att.com/stores/images/new/teaser_arrow.b34d81da.svg); margin-left: .25rem; } .cta_wrapper a.actualstore:after {content: "";} .cta_wrapper a {padding: 0.75rem 1.2rem!important} .filters-header { display: flex; justify-content: space-between; } .filters-wrapper { display: flex; gap: 20px; } #closeFilters { position: static; } @media (max-width:801px) { #filters.open { border-bottom: border-bottom: 0.0625rem solid #797e85; border-radius: 0; box-shadow: 0 0 7px 0 rgba(0,0,0,.35); padding: 0 0 20px; } } @media (max-width:399px){ .filters-header { flex-direction: column; gap: 10px; } } </style> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%0A%20%20%20%22comment%22%3A%20%22Enable%20collection%20of%20Early%20Beacons%20-%20need%20both%20LOGN%20and%20Early%20items%22%2C%0A%20%20%20%22LOGN%22%3A%7B%20%22storeConfig%22%3A%20true%20%7D%2C%0A%20%20%20%22Early%22%3A%7B%20%22enabled%22%3A%20true%20%7D%0A%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("True"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="WPDUB-APVCN-LTNDE-ZPC3E-YKMHC",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"WPDUB-APVCN-LTNDE-ZPC3E-YKMHC";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"350".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize(350);!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbeqxz62wqz2b6ggq-f-511eb06ea-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"1380483","ak.ai":parseInt("245538",10),"ak.ol":"0","ak.cr":4,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"6fc7145","ak.r":45578,"ak.a2":n,"ak.m":"dscx","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":53298,"ak.gh":"23.52.171.197","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732374925","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==zXoV7jpi7VEC1LhL0cDR2Keb+WKIfK2z31p86s87Aq1onSm1lzkJ4fpv6KC9QbNixm9yRqIeAVVpVFlgY2fAHq9Rc75tb8fi4CwZ73BZagTmNvMjB2B0TK844PXhTbYqRiQZ93fNwNI4wtcpSsdc/zyyTxnVjNFuLKaIEI3CiEY0MJZ/mDsIJ9vqy2kkeB0SVhWx5DQFEjMt3Wv6GimQHD2srnwET1I17g298KbjPZInKmwL5hkl7r8Ej59YMLbkWqINd6wkTBlnFMlxh5U4fSy91VTwGbJN55StP7j1cReDqjpsP4VqZzHodnYj1ISOEcp6FIn7wws0m+OLI2D0hY4/iFMOInmGXNSPY0X4cYxRtf0gaZOy0syzOz22kMxfC9MMuC3R242P6iLP+sYyzHMaU9xfWdyZo8ChWvoajxE=","ak.pv":"3722","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class=" Text attgn-page "> <!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-GTM-5H5MR74" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> --> <!-- client header --> <!-- <a href="#first-anchor" class="sr-only sr-only-focusable" id="skip-nav">Skip to content</a> --> <div id="__next"> <!-- testing 6/14/24 2 --> <div id="gnavSSR" class="staticGNAV"> <attwc-globalnav-header customer-type="consumer" source="jsonPrime"></attwc-globalnav-header> <!-- <attwc-globalnav-header customer-type="consumer"></attwc-globalnav-header> --> </div> <!-- client header end here --> <main id="main" class="Main"> <div class="panel-cta topBanner"> <div class="bannerT">Everyone gets our best deals on every smartphone -> <a href="https://www.att.com/buy/phones/?source=I-00s1000B000000L&wtExtndSource==store-alert" target="_blank" style="text-decoration:underline; color:#fff;">Shop Now</a></div> <div class="bannerSub">Offers vary by device. Restrictions apply.</div> </div> <style> a.innerBannerDiv:hover {text-decoration:none} .margL20px {margin-left:20px;} .topBanner { display: block; text-align: center; padding: 1.25rem 0; font-weight: bold; font-family: ATT Aleck Sans,Helvetica Neue,Helvetica,Arial,sans-serif; } .bannerSub a { color:#fff; text-decoration:underline; } .bannerSub a:active { color:#fff; } .bannerT { font-size: 1.1875rem; line-height: 1.5rem; font-weight: bold; } .bannerSub { font-size: 14px; line-height: 1.5rem; font-weight: 500; } .bannerBo a { color:white; font-weight:bold; font-size:.8rem; position:relative; display:inline-block; width: 140px; } .bannerBo a:hover {text-decoration:none;} .fa-angle-right { color: #fff; font-size: 1.1rem; vertical-align: text-bottom; position: absolute; top: 25%; left: 138px; } .js-notification-banner { display: none; } @media(max-width: 767px){ .bannerBo a {width: auto;} .fa-angle-right {left: 155px !important;} /*#z1-navbar { overflow:hidden; }*/ } @media screen and (-ms-high-contrast:active) and (max-width: 767px) and (orientation: landscape), (max-width: 767px) and (orientation: landscape){ .gn-ds2 #tab-desktop-menu { height: initial; } .from-left .lg-submenu.open { /* height: inherit !important; */ height: initial !important; min-height: 100vw; } } #z1-search-close, .isIOS .mobile-search #z1-navbar #z1-mobile-identity, .isIOS .mobile-search #z1-navbar>.pull-right { display: flex } .poi_box > div.Callouts-container { align-items: flex-start; display: flex; flex-direction: column; gap: 16px; } .kioskCalloutMsg, .calloutMsg { background-color: #BAEEFC; display: inline-block !important; padding: 5px 5px 5px 0px; font-weight: 500; } </style> <div id="c-mask" class="c-mask" style="height: 2253px; top: 50px;"></div> </div> <div class="Main-content"> <div class="Banner Banner--locator js-notification-banner"> <div class="Banner-wrapper"> <div class="Banner-container l-container"> <div class="Banner-row l-row"> <div class="Banner-text"> <div class="bannerT">Buy the new iPhone 15 now at AT&T -> <a href="https://www.att.com/buy/phones/?source=I-00s1000B000000L&wtExtndSource==store-alert" target="_blank" style="text-decoration:underline; color:#fff;">Shop Now</a></div> </div> </div> </div> </div> </div> <div class="Locator-outWrapper"> <div id="w2gi_wrapper"> <div data-w2gi="locator" class="box-wrapper"> <a class="sr-only sr-only-focusable" href="#poiEl">Skip to Store Listings</a> <div class="forms-poi-box" role="form"> <div class="form-wrapper" > <div class="locator-wrapper"> <form id="locator_search" role="search" autocomplete="off" > <h1>AT&T Stores Near You</h1> <div class="search_wrapper"> <label for="search_input">Search by city and state or ZIP code</label> <input id="search_input" type="text" class="search-box" onfocus="this.setSelectionRange(0, this.value.length);" name="addressline" placeholder="e.g., Chicago, IL"/> <button aria-label="Search" class="button-search" id="search_button">SEARCH</button> </div> <!-- <input class="sr-only" type="submit" aria-hidden="true" value="search" name="search" tabindex="-1" /> --> <label for="search_country" style="display:none;" aria-hidden="true">Select a country</label> <select id="search_country" name="country" aria-hidden="true" style="display: none;" tabindex="-1"> <option value="">Select a country</option> </select> <div class="search-lower"> <button class="button-location" type="button">Use My Location</button> <button id="filterToggle" type="button" aria-expanded="false" aria-controls="filters">Filter</button> </div> <div id="filters"> <div class="filters-header"> <!-- <h2>Filters</h2> --> <div>Filters</div> <!-- --> <div class="filters-wrapper"> <button type="button" id="clearFilters">Clear All</button> <button type="button" id="applyFilters">Apply</button> <button id="closeFilters" aria-expanded="true" type="button"><span aria-hidden="true">×</span><span class="sr-only">Click to close filters</span></button> </div> </div> <div class="filters-body"> <input type="hidden" value="" name="filters" id="filterMap" /> <label for="searchradius">Find Locations Within</label> <select id="searchradius" name="searchradius"> <!-- <option value="50">50 mi</option> <option value="20">20 mi</option> <option value="10">10 mi</option> --> <option value="40|50">40 mi</option> <option value="50">50 mi</option> </select> <h3>Filter by Services</h3> <ul> <li class="cb_wrapper"> <input tabindex="-1" id="cashPayments" type="checkbox" name="cash_payments_accepted" value="1" aria-hidden="true" onchange="toggleAriaChecked('filter1');" /> <label id="filter1" for="cashPayments" tabindex="-1" role="checkbox" aria-checked="false" onkeypress="if(event.keycode === 32 || event.which === 32){event.preventDefault();this.click()}">Cash Payments Accepted</label> </li> <li class="cb_wrapper"> <input tabindex="-1" id="companyOwned" type="checkbox" name="company_owned_stores" value="1" aria-hidden="true" onchange="toggleAriaChecked('filter2');" /> <label id="filter2" for="companyOwned" tabindex="-1" role="checkbox" aria-checked="false" onkeypress="if(event.keycode === 32 || event.which === 32){event.preventDefault();this.click()}">Company Owned Stores</label> </li> <li class="cb_wrapper"> <input tabindex="-1" id="hablamos" type="checkbox" name="offers_spanish_support" value="1" aria-hidden="true" onchange="toggleAriaChecked('filter4');" /> <label id="filter4" for="hablamos" tabindex="-1" role="checkbox" aria-checked="false" onkeypress="if(event.keycode === 32 || event.which === 32){event.preventDefault();this.click()}">Hablamos Espa帽ol</label> </li> <li class="cb_wrapper"> <input tabindex="-1" id="payStation" type="checkbox" name="pay_station_inside" value="1" aria-hidden="true" onchange="toggleAriaChecked('filter5');" /> <label id="filter5" for="payStation" tabindex="-1" role="checkbox" aria-checked="false" onkeypress="if(event.keycode === 32 || event.which === 32){event.preventDefault();this.click()}">Pay Station Inside</label> </li> <li class="cb_wrapper"> <input tabindex="-1" id="smallBusiness" type="checkbox" name="small_business_solutions" value="1" aria-hidden="true" onchange="toggleAriaChecked('filter6');" /> <label id="filter6" for="smallBusiness" tabindex="-1" role="checkbox" aria-checked="false" onkeypress="if(event.keycode === 32 || event.which === 32){event.preventDefault();this.click()}">Small Business Solutions</label> </li> </ul> </div> </div> </form> </div> </div> <div class="panel-cta sticky"> <div class="Locator-calloutDescription">Buy online and pick up in store</div> <a class="Locator-calloutBtn" href="https://www.att.com/buy/phones/?source=I-00s1000B000000L&wtExtndSource=Locator-Sticky-alert">Shop now</a> </div> <!-- <div id="poiEl" class="poi" aria-live="polite" tabindex="0"></div> --> <div id="poiEl" class="poi" tabindex="0"></div> </div> <div class="dd-form-wrapper" style="display:none"></div> <div class="wrapper"> <div id="mapEl" class="map"></div> <div id="indicator"></div> </div> <div class="overlay"></div> <div class="modal" aria-hidden="true" role="dialog"> <a aria-label="close Modal" href="#" class="closeBtn">Close</a> <!-- <button type="button" class="closeBtn" aria-label="Close">close</button> --> <p></p> </div> <div class="street-view-wrapper" aria-hidden="true"> <a aria-label="close Modal" href="#" class="gs" data-action="close">Close</a> <!-- <button type="button" class="gs" data-action="close"aria-label="Close">close</button> --> <div id="streetViewCtn" class="street-view"></div> </div> </div> <!-- Templates --> <div class="templates" aria-hidden="true"> <script id="locator_addressline" type="text/x-handlebars-template" aria-hidden="true"> {{#if address1}}{{address1}}{{else}}{{#if addressline}}{{addressline}}{{/if}}{{ city }} {{ county }} {{ state }} {{postalcode}}{{/if}} </script> <script id="directions_addressline" type="text/x-handlebars-template"> {{#if address1}}{{address1}} {{ city }} {{ state }} {{postalcode}} {{else}}{{#if addressline}}{{addressline}}{{/if}} {{ city }} {{ state }} {{postalcode}}{{/if}} </script> <script id="collection_multiple_address" type="text/x-handlebars-template"> <h3>Please select your location</h3> <ul class="content-list address-suggestions"> {{#each this}} <li data-id={{@index}}><strong>{{address1}} {{ city }} {{ county }}</strong>{{ state }} {{postalcode}}</li> {{/each}} </ul> </script> <!-- poi template start --> <script id="collection_poi" type="text/x-handlebars-template"> <h2><span id="countValue">{{count}}</span> location<span class="hideCount{{count}}">s</span> near "<span id="searchArea"></span>"</h2> <ul class="content-list poi-result"> {{#each pois}} <li data-id={{@index}} data-uid={{uid}} class="poi-item"> <div class="poi_wrapper"> <div class="icon_wrap"> <div class="icon_div"> <span><span>{{collectionIndex}}</span></span> </div> </div> <div class="poi_box"> <h3 class="storenamedistance"> <a href="javascript:void(0);" class="store_name" data-action="open_bubble" role="button"><span class="sr-only">AT&T Store </span>{{name}}</a> <div class="distance mobile">{{_distance}} mi</div> </h3> {{#if callout_flag}} <div class="Callouts-container"> {{#if locator_callout_message}} <div class="callout calloutMsg"> <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 16 16" width="15" height="15" style="margin-left: 4px; margin-right: 7px;"> <path class="svg-base" fill-rule="evenodd" d="M7.5 5.5h1v-1h-1zm0 6h1v-5h-1zm.5 3a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13zm0-14a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15z" clip-rule="evenodd"/> </svg> {{locator_callout_message}} </div> {{/if}} {{#if kiosk_callout_message}} <div class="kiosk kioskCalloutMsg"> <svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 16 16" width="15" height="15" style="margin-left: 4px; margin-right: 7px;"> <path class="svg-base" fill-rule="evenodd" d="M7.5 5.5h1v-1h-1zm0 6h1v-5h-1zm.5 3a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13zm0-14a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15z" clip-rule="evenodd"/> </svg> {{kiosk_callout_message}} </div> {{/if}} </div> {{/if}} {{#if hide_hours_flag}} <div class="hours"><img src="images/new/teaser_clock.17475909.svg" alt="" /> Temporarily Closed</div> {{else}} <div class="hours hoursHide{{hours_hide}}"><img src="images/new/teaser_clock.17475909.svg" alt="" /> {{hour_display}}</div> {{/if}} {{#if scheduleBtnFlag}} <div style="display:block; margin-left:2rem;" class="estimatedTimeWrap"> <span id="waitingMsg{{clientkey}}" class="estimatedTime"></span> <a class="schedule_btn Button--white" href="{{scheduleBtnLink}}" data-detm-name="check in CTA-locator" data-detm-position="Body" data-ya-track="waittime">Schedule a visit</a> <p class="checkInSubText" style="margin-left:0px">Get in line now or schedule a visit for later.</p> </div> {{/if}} {{#if scheduleBtnFlag2}} <div style="display:block; margin-left:2rem;"> <a class="schedule_btn Button--white" href="{{scheduleBtnLink2}}" data-detm-name="check in CTA-locator" data-detm-position="Body" data-ya-track="waittime">{{scheduleBtnText2}}</a> </div> {{/if}} {{#if offers_spanish_flag}} <div class="curbside"><img src="/stores/images/new/teaser_callout.c92dd68a.svg" alt="" /> Hablamos Espa帽ol / Aceptamos Matriculas</div> {{/if}} <div class="address"> <img src="images/new/teaser_pin.2f04c5f4.svg" class="Teaser-pinimg Teaser-svg" alt="" /> <div class="address-inner"> {{{address1}}}<br/>{{#if address2}}{{address2}}<br>{{/if}}{{city}}, {{state}} {{postalcode}} </div> </div> {{#if phone}} <div class="phone"> <img src="images/new/teaser_phone.1542adaa.svg" alt="" /> <a href="tel:{{phone}}" onclick="window.parent.location = 'tel:{{phone}}';" ><span class="sr-only">Call {{store_name}} at </span> {{phoneformat}}</a> </div> {{/if}} </div> <div class="cta_wrapper"> <div class="distance desktop">{{_distance}} mi</div> <ul> {{#if kiosk}} {{ else }} <li> <a class="lp_btn actualstore cta-track" href="{{lp_url}}" data-detm-name="Store info for {{clientkey}}" data-detm-position="body" target="_blank"> STORE INFO & HOURS <span class="sr-only"> for location {{store_name}}</span></a> </li> {{/if}} <li> <a href="http://maps.google.com?q=AT%26T+Store,%20{{address1}},%20{{city}},%20{{state}},%20{{postalcode}}" class="directions_btn cta-track" onclick="window.open('https://maps.google.com?q=AT%26T+Store,%20{{address1}},%20{{city}},%20{{state}},%20{{postalcode}}'); $(document).trigger('w2gi:track',{'action':'linktrack', 'value': 'GetDirections_Clicked_{{clientkey}}' });" data-linktrack="GetDirections_Clicked_{{clientkey}}" data-detm-name="Get directions for {{clientkey}}" data-detm-position="body"> GET DIRECTIONS<span class="sr-only"> for location {{store_name}}</span></a> </li> {{#if kiosk}} {{ else }} <li> <a class="cta-track" href="{{cta_url}} target="_blank" data-detm-name="{{cta_text}} for {{clientkey}}" data-detm-position="body">{{cta_text}}</a> </li> {{/if}} </ul> </div> </div> </li> {{/each}} </ul> <div class="poi_paging_wrapper"> <span class="poi_paging_prev"><div aria-hidden="true" class="fa fa-arrow-left"></div><span>Previous</span></span> <span class="poi_paging_next"><span>Next</span><div aria-hidden="true" class="fa fa-arrow-right"></div></span> </div> </script> <!-- poi template end --> <script id="collection_more_info" type="text/x-handlebars-template" data-slicesize="20"> <ul class="content-list poi-result moreinfo_box"> <li data-id={{index}} data-uid={{uid}} class="poi-item"> <div class="moreinfo_header_wrap"> </div> <form class="directions_btn_wrapper" onsubmit="getdirections_moreinfo();" style="display: none;"> <label for="input_moreinfo" class="sr-only">Enter starting address</label> <input id="input_moreinfo" placeholder="Enter starting address" onfocus="this.value=''" type="text"> <button aria-label="Driving Directions" id="button_moreinfo" onclick="getdirections_moreinfo();"> <img src="images/new/get-directions.2.svg"> </button> </form> <button class="moreinfo_getdirections ga_w2gi_loc" data-galoc="{{internalname}} - {{clientkey}}" data-gaact="Click_To_GetDirections" onclick="window.open('http://maps.google.com?q={{address1}},{{city}},{{state}},{{postalcode}}')" $(document).trigger('w2gi:track',{'action':'linktrack', 'value': 'GetDirections_Clicked_{{clientkey}}' });>Get Directions</button> <div id="mobile_button_wrapper"> <div id="moreinfo_mobile_back" class="ga_w2gi_loc" data-galoc="{{internalname}} - {{clientkey}}" data-gaact="Click_To_BackToSearch" data-action="show_all" onclick="moreinfo_changeback();$(document).trigger('w2gi:track',{'action':'linktrack', 'value': 'BackToSearch_Clicked_{{clientkey}}' });" onkeypress="moreinfo_change()">Back to Results</div> <div class="ga_w2gi_loc" data-galoc="{{internalname}} - {{clientkey}}" data-gaact="Click_To_GetDirections" onclick="window.open('http://maps.google.com?q={{address1}},{{city}},{{state}},{{postalcode}}');" id="moreinfo_mobile_directions" onclick="$(document).trigger('w2gi:track',{'action':'linktrack', 'value': 'GetDirections_Clicked_{{clientkey}}' });">Get Directions</div> </div> <div style="display:none;" id="open_bubble" data-action="open_bubble" class="open_bubble"></div> <div id="moreinfo_back" class="ga_w2gi_loc" data-galoc="{{internalname}} - {{clientkey}}" data-gaact="Click_To_BackToSearch" tabindex="0" onclick="document.getElementById('back_image').click();$(document).trigger('w2gi:track',{'action':'linktrack', 'value': 'MoreInfo_Clicked_{{clientkey}}' });" onkeypress="document.getElementById('back_image').click()"> <img id="back_image" data-action="show_all" onclick="moreinfo_changeback();" src="images/new/back-to-search.2.svg" alt="Back Arrow"> <span>Back to Search</span> </div> </li> </ul> </script> <!-- <a data-action="show_all" href="javascript:void(0);">Back</a> --> <!-- driving directions panel template end --> <script id="collection_maneuvers" type="text/x-handlebars-template"> <div tabindex="20" id="search_return" onclick="window.location.reload()"> <img src="images/new/back_to_search.png" alt="Back Arrow"> <span>Back to Search Results</span> </div> <div class = "dist_time"><span>Distance:</span> {{total_distance}} miles</div> <div class = "dist_time"><span>Drive time:</span> {{total_time}} minutes drive</div> <p class="maneuver_start"> From (A): {{#if fromAddress.address1}} {{fromAddress.address1}}, {{/if}} {{fromAddress.city}} {{fromAddress.state}} {{fromAddress.postalcode}} </p> <ul class="content-list maneuver-result"> {{#each maneuverlist}} <li data-id={{@index}} data-uid={{uid}}> {{incIndex @index}} {{text}} {{distance}} {{distanceuom}} </li> {{/each}} </ul> <p class="maneuver_end"> To (B): {{#if toAddress.address1}} {{toAddress.address1}}, {{/if}} {{toAddress.city}} {{toAddress.state}} {{toAddress.postalcode}} </strong> </p> </script> <!-- driving directions panel template end --> <!-- driving directions form template start --> <script id="dd-template" type="text/x-handlebars-template"> <form id="driving_directions" autocomplete="off"> <div class="icon-bar"> <a href="#" onclick="window.open(ace.util.printUrl('locator-print.html'), 'print', 'toolbar=no, resizable=yes, scrollbars=yes, menubar=yes');"><div class="fa fa-print"></div>Print</a> </div> <label for="start_address"> <span>From:</span><input tabindex="17" type="text" id="start_address" class="search-box" data-action="start" name="addressline" placeholder="Start address"> </label> <label for="end_address"> <span>To:</span><input tabindex="18" type="text" id="end_address" class="search-box" data-action="end" name="addressline" placeholder="End address"> </label> <button tabindex="19" class="button-search dd-button-search">GET DIRECTIONS</button> <input type="hidden" id="longitude" name="longitude" aria-hidden="true"/> <input type="hidden" id="latitude" name="latitude" aria-hidden="true"/> <input type="hidden" id="dest_longitude" name="dest_longitude" aria-hidden="true"/> <input type="hidden" id="dest_latitude" name="dest_latitude" aria-hidden="true"/> </form> </script> <!-- driving directions form template end --> <!-- icon template start --> <script id="default" type="text/x-handlebars-template"> <div class="icon" data-bubbleid="bubble" style="pointer-events: none; cursor:none !important;" data-width="30" data-height="40" data-offsetx="-15" data-offsety="-40" data-labeloffsetx="0" data-labeloffsety="25" data-fontfamily="ATT Aleck Sans" data-fontcolor="#ffffff" data-fontsize="400 16px" data-display="true"> <img class="alpha" src="images/new/map-pin.locator.png" style="cursor:pointer;" alt="Map Pin"/> </div> </script> <script id="default2" type="text/x-handlebars-template"> <div class="icon" data-bubbleid="bubble" data-width="30" data-height="40" data-offsetx="-16" data-offsety="-40" data-labeloffsetx="0" data-labeloffsety="25" data-fontcolor="#ffffff" data-fontsize="18" data-display="true"> <img class="alpha" src="images/new/map-pin.png" style="cursor:pointer;" alt="Map Pin"/> </div> </script> <!-- icon template end --> <!-- bubble template start --> <script id="bubble" data-offsetx="0" data-offsety="-1" data-width="33" data-height="44" type="text/x-handlebars-template"> <ul class="tabs" style="display:none;"> <li class="active" data-tab="tab1">Address</li> </ul> <div class="tab-content active" data-tab="tab1"> <strong>{{internalname}}</strong> <button onclick="window.open('http://maps.google.com?q={{address1}},{{city}},{{state}},{{postalcode}}');">Get Directions</button> <ul style="display:none;"> <li>{{address1}}<li> <li>{{city}}, {{state}} {{postalcode}}<li> <li> <a href="javascript:void(0);" onclick="window.parent.location = 'tel:{{phone}}';" > {{phone}}</a> </li> </ul> <div class="dd-wrapper" style="display:none !important;"> <form id="dd" autocomplete="off"> <label for="input_bubble" class="sr-only" aria-hidden="true">Enter Address</label> <input id="input_bubble" size="18" type="text" name="addressline" class="direction_address" value="{{addressline}}" /> <label for="bubble_submit" class="sr-only" aria-hidden="true">Submit Address</label> <input id="bubble_submit" type="submit" value="" class="search_arrow"> <label for="bubble_country" class="sr-only" aria-hidden="true">Country</label> <select id="bubble_country" name="country" class="country_selection" style="display:none"> <option value="">Select a country</option> {{#each options}} <option value="{{value}}" {{#if selected}}selected="selected"{{/if}}>{{text}}</option> {{/each}} </select> <input type="submit" value="Go" style="display:none;" aria-hidden="true"> </form> </div> </div> <div class="selected-icon"> <img class="alpha" src="images/attLogo.png" alt="Att Logo" style="cursor: default; pointer-events: none;" /> </div> </script> <!-- bubble template end --> <script id="center_marker" type="text/x-handlebars-template"> <div class="icon" data-bubbleid="bubble" data-width="16" data-height="16" data-offsetx="-8" data-offsety="-8" > <img class="alpha" src="/stores/w2gi/images/spacer.png" alt="Center Star" /> </div> </script> <!-- center marker template end --> <!-- dd end markers template start --> <script id="ddstarticon" type="text/x-handlebars-template"> <div class="end_icon" data-height="38" data-width="27" data-offsetx="-13" data-offsety="-38"> <img class="alpha" src="images/new/ddstartpin-new.png" alt="Start Icon"/> </div> </script> <script id="ddendicon" type="text/x-handlebars-template"> <div class="end_icon" data-height="38" data-width="27" data-offsetx="-13" data-offsety="-38"> <img class="alpha" src="images/new/ddendpin-new.png" alt="End Icon"/> </div> </script> <!-- dd end markers template start --> <script id="panel_error_message" type="text/x-handlebars-template"> <div id="error_message"><span class="locerror">{{error}}</span></div> </script> </div> </div> <!-- end of w2gi wrapper --> </div> </div> </main> <!-- client footer --> <div class="ge5p_global_styles gn-ds2"> <style> .gn-ds2 #z5-footer-legal li { line-height: 1.25rem; } .gn-ds2 #z5-footer-legal li a i img { vertical-align: middle; } </style> <!-- <attwc-globalnav-footer customer-type="consumer"></attwc-globalnav-footer> --> <attwc-globalnav-footer customer-type="consumer" source="jsonPrime"></attwc-globalnav-footer> </div> <!-- client footer end here --> <script> var anchorIn = document.createElement('a'); anchorIn.setAttribute('href', '#'); anchorIn.setAttribute('title', 'Zoom In'); var anchorOut = document.createElement('a'); anchorOut.setAttribute('href', '#'); anchorOut.setAttribute('title', 'Zoom Out'); setTimeout(function(){ var temp = document.querySelectorAll("#mapEl img"); for(var i = 0; i < temp.length; i++) { var img = temp[i]; img.setAttribute("alt", "Google Map" + i); img.setAttribute("title", "Google Map" + i); } var temp = document.querySelectorAll("#mapEl div img"); for(var i = 0; i < temp.length; i++) { var img = temp[i]; img.setAttribute("alt", "Google Map" + i); img.setAttribute("title", "Google Map" + i); } var temp = document.getElementById('mapEl').querySelectorAll('[role="presentation"]'); for(var i = 0; i < temp.length; i++) { temp[i].removeAttribute("role"); } var temp = document.getElementById('mapEl').getElementsByTagName('iframe'); for (var index = 0; index < temp.length; index++) { temp[index].setAttribute("title", "Google Maps"); temp[index].setAttribute("tabindex", "-1"); temp[index].removeAttribute("frameborder"); } }, 6000); //before it was 7000 </script> <script> $(function(){ let date = new Date() let copyYear = date.getFullYear(); $('.copy-year').html(copyYear); }) </script> <script> $(function(){ $('#filterToggle').on('click',function(){ if(!$(this).hasClass('open')){ $(this).addClass('open') $('#filters').addClass('open'); // $("#clearFilters").focus(); $('#searchradius').focus(); $(this).attr('aria-expanded','true'); $("#filters label").attr("tabindex", "0"); if(window.innerWidth < 802) { } } else { $(this).removeClass('open'); $('#filters').removeClass('open'); $(this).attr('aria-expanded','false'); $("#filters label").attr("tabindex", "-1"); if(window.innerWidth < 802) { $("body").css("overflow", ""); } } }); $('#filterToggle').keydown(function(e) { if(e.shiftKey !== true && (e.keycode === 9 || e.which === 9)){ if(!$(this).hasClass('open')){ e.preventDefault() $('.poi').focus(); } } }) $('.poi').keydown(function(e) { //console.log(e.currentTarget) if(e.shiftKey === true && (e.keycode === 9 || e.which === 9) && $(e.target).hasClass('poi')){ if(!$('#filterToggle').hasClass('open')){ e.preventDefault() $('#filterToggle').focus(); } } }) $('label[for=cashPayments').keydown(function(e){ if(e.shiftKey === true && (e.keycode === 9 || e.which === 9)){ e.preventDefault(); $('#closeFilters').focus(); } }); $('#closeFilters').on('click',function(){ $('#filterToggle').removeClass('open'); $('#filters').removeClass('open'); $('#filterToggle').attr('aria-expanded','false'); if(window.innerWidth < 802) { $("body").css("overflow", ""); } $('#filterToggle').focus(); }) $('#closeFilters').keydown(function(e){ if(e.shiftKey === false && (e.keycode === 9 || e.which === 9)) { if($('#filterToggle').hasClass('open')){ e.preventDefault() $('#searchradius').focus(); } } else if (e.shiftKey === true && (e.keycode === 9 || e.which === 9)){ if($('#filterToggle').hasClass('open')){ e.preventDefault() if(window.innerWidth < 802) { $('label[for=smallBusiness]').focus(); } else { $("#applyFilters").focus(); } } } }); // $("#applyFilters").keydown(function(e){ // if(e.shiftKey === false && (e.keycode === 9 || e.which === 9)) { // if($('#filterToggle').hasClass('open')){ // e.preventDefault() // $('#closeFilters').focus(); // } // } else if (e.shiftKey === true && (e.keycode === 9 || e.which === 9)){ // if($('#filterToggle').hasClass('open')){ // e.preventDefault() // if(window.innerWidth < 802) { // $('label[for=smallBusiness]').focus(); // } else { // $("#applyFilters").focus(); // } // } // } // }); $("#filter6").keydown(function(e){ if(window.innerWidth < 802) { if(e.shiftKey === false && (e.keycode === 9 || e.which === 9)) { if($('#filterToggle').hasClass('open')){ e.preventDefault() $('#clearFilters').focus(); } } else if (e.shiftKey === true && (e.keycode === 9 || e.which === 9)){ if($('#filterToggle').hasClass('open')){ e.preventDefault() $(this).focus(); } } } else { if(e.shiftKey === false && (e.keycode === 9 || e.which === 9)) { e.preventDefault(); $('#clearFilters').focus(); } } }); }) function toggleAriaChecked(item){ var temp = document.getElementById(item).getAttribute("aria-checked"); if (temp && temp != "true") { document.getElementById(item).setAttribute("aria-checked", "true"); } else document.getElementById(item).setAttribute("aria-checked", "false"); } $(function(){ $('#applyFilters').click(function() { $('#search_button').click(); }) }) $(function(){ $('#clearFilters').click(function() { $('#filters').find('input[type=checkbox]:checked').prop('checked', false); $('#filters').find('input[type=checkbox]').each(function () { i = 1; $('#filters').find('label').attr("aria-checked", "false"); }) }) }) var elemToObserve = document.querySelector('body'); var prevClassState = elemToObserve.classList.contains('attgn-pagew2gi-backbone'); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if(mutation.attributeName == "class"){ var currentClassState = mutation.target.classList.contains('attgn-pagew2gi-backbone'); if(prevClassState !== currentClassState) { prevClassState = currentClassState; if(currentClassState){ elemToObserve.classList.remove('attgn-pagew2gi-backbone'); elemToObserve.classList.add('attgn-page','w2gi-backbone'); observer.disconnect(); } else { observer.disconnect(); } } } }); }); observer.observe(elemToObserve, {attributes: true}); </script> <script> $(function(){ $('.langLink').click(function(){ var url = window.location.href var urlTweak = url.replace('stores','es-us/stores'); window.open(urlTweak,'_self'); }) }) </script> <script src="//www.att.com/scripts/adobe/virtual/detm-container-ftr.js"></script> <!-- scripts end here --> </div> <script type="text/javascript" src="/ukft8/o0QXQ/gG1l/v84u/7m/9cX3wDGDtXXS/M0lvcEBEAQ/cjcEV/klUD2I"></script></body> </html>