Schedule Service

</p> </div> </section> </div> </main> <div id="compare-listener"> </div> <script type="text/x-template" id="drawer-item-component"> <div class="drawer-item disable-highlight" :convertus-data-id="type" :class="{ active:active }"> <span v-if="count > 0" class="drawer-item__count">{{ count }}</span> <i class="fas drawer-item__icon disable-highlight" :class="icon"></i> <template v-if="active"> <strong>{{ label }}</strong> </template> <template v-else> {{label}} </template> </div> </script> <script type="text/x-template" id="garage-vehicle-component"> <div class="garage-vehicle"> <div class="garage-vehicle__topbar"> <div class="garage-vehicle__topbar content"> <div class="garage-vehicle__topbar message"><p> </p></div> <template v-if="savedDrawer === true"> <p class="garage-vehicle__topbar remove" @click="removeSavedVehicle( vehicle.ad_id )" convertus-data-id="my-garage__remove-vehicle"> <template v-if="!removeBtn"><i class="fas fa-times"></i></template> <template v-else ><i class="far fa-spinner fa-spin"></i></template> </p> </template> <template v-else-if="alertsDrawer === true"> <p class="garage-vehicle__topbar remove" @click="removeAlertCar( vehicle.ad_id )" convertus-data-id="my-garage__remove-vehicle"> <template v-if="!removeBtn"><i class="fas fa-times"></i></template> <template v-else ><i class="far fa-spinner fa-spin"></i></template> </p> </template> </div> </div> <div class="garage-vehicle__main"> <div class="garage-vehicle__content"> <label class="checkbox-input"> <input type="checkbox" :value="vehicle.model" :checked="booleanValue" v-model="compareCheck" @change="compareList( vehicle.ad_id )"> <span class="checkmark"></span> </label> <a class="gtm_vehicle_tile_cta" :href="generateVdpLink(vehicle)"> <img v-if="vehicle.image" :src="vehicle.image[0].image_original" :alt="vehicle.year + ' ' + vehicle.make + ' ' + vehicle.model + ' ' + vehicle.trim" class="garage-vehicle__image"/> <img v-else class="garage-vehicle__image" :src="placeholderUrl" alt="No Image Available" /> </a> <div class="garage-vehicle__info"> <a class="gtm_vehicle_tile_cta" :href="generateVdpLink(vehicle)"> <h4 class="garage-vehicle__title">{{ vehicle.year }} {{ vehicle.make }} {{ vehicle.model }} {{ vehicle.trim }}</h4> </a> <div class="garage-vehicle__details"> <template v-if="alertsDrawer === false"> <div> <p class="garage-vehicle__condition">{{ translation.condition }} {{ vehicle.sale_class }}</p> <p class="garage-vehicle__date">{{ (savedDrawer ? getTimeMessage( savedTimeStamp, savedTimeOffset ) : getTimeMessage( viewedTimeStamp, viewedTimeOffset ) )}}</p> <template v-if="vehicle.final_price !== 0"> <strong class="garage-vehicle__price" v-html="formatCommas(vehicle.final_price, true)"></strong> </template> <template v-else> <p class="garage-vehicle__price"><strong>{{ translation.contactUs }}</strong></p> </template> </div> <div class="garage-vehicle__buttons disable-highlight" > <template v-if='clicked == false && savedId !== vehicle.ad_id'> <p class="garage-vehicle__interact gtm_save_vehicle" convertus-data-id="my-garage__save-vehicle" @click="saveThisCar( vehicle.ad_id )"><i class="fas fw fa-heart"></i>{{ translation.saveCar }}</p> </template> <template v-else-if="savedDrawer === false"> <p class="garage-vehicle__interact saved" convertus-data-id="my-garage__remove-vehicle" @click="removeSavedVehicle( vehicle.ad_id )"> <i class="fas fw fa-heart"></i>{{ translation.saved }} </p> </template> <template v-if='alertClicked === false && alertsId !== vehicle.ad_id'> <p class="garage-vehicle__interact gtm_price_alerts" convertus-data-id="my-garage__get-alerts" @click="alertThisCar( vehicle.ad_id, vehicle.final_price )"><i class="fas fw fa-info-circle"></i>{{ translation.priceAlerts }}</p> </template> <template v-else-if="alertsDrawer === false"> <p class="garage-vehicle__interact saved" convertus-data-id="my-garage__remove-alerts" @click="removeAlertCar( vehicle.ad_id )"> <i class="fas fw fa-info-circle"></i>{{ translation.alertSet }} </p> </template> </div> </template> <template v-else>  <template v-if="user !== '0'">  <div v-if="vehicle.alerts_diff !== 0" class="garage-vehicle__alerts details"> <p class="garage-vehicle__condition">{{ translation.condition }} {{ vehicle.sale_class }}</p> <p class="garage-vehicle__date">{{ getTimeMessage( alertTimeStamp, alertTimeOffset ) }}</p> <div class="garage-vehicle__alerts"> <div class="garage-vehicle__alerts previous"> <p class="garage-vehicle__condition">{{ translation.previous }}</p> <strong class="garage-vehicle__price" v-html="formatCommas(vehicle.alerts_prev, true)"></strong> </div> <div class="garage-vehicle__alerts seperator"> <i v-if="vehicle.alerts_diff < 0" class="fas fa-greater-than"></i> <i v-if="vehicle.alerts_diff > 0" class="fas fa-less-than"></i> </div> <div class="garage-vehicle__alerts new"> <p class="garage-vehicle__condition">{{ translation.newPrice }}</p> <strong class="garage-vehicle__price new" v-html="formatCommas(vehicle.alerts_curr, true)"></strong> </div> </div> </div> <div v-else class="garage-vehicle__alerts details"> <p class="garage-vehicle__condition">{{ translation.condition }} {{ vehicle.sale_class }}</p> <p class="garage-vehicle__date">{{ getTimeMessage( alertTimeStamp, alertTimeOffset ) }}</p> <div class="garage-vehicle__alerts"> <div class="garage-vehicle__alerts previous"> <p class="garage-vehicle__condition">{{ translation.current }}</p> <strong v-if="vehicle.alerts_curr !== 0" class="garage-vehicle__price" v-html="formatCommas(vehicle.alerts_curr, true)"></strong> <p v-else class="garage-vehicle__price"><strong>{{ translation.contactUs }}</strong></p> </div> </div> </div> </template> <template v-else> <div> <p class="garage-vehicle__condition">{{ translation.condition }} {{ vehicle.sale_class }}</p> <p class="garage-vehicle__date">{{ getTimeMessage( alertTimeStamp, alertTimeOffset ) }}</p> <template v-if="vehicle.final_price !== 0"> <strong class="garage-vehicle__price" v-html="formatCommas(vehicle.final_price, true)"></strong> </template> <template v-else> <p class="garage-vehicle__price"><strong>{{ translation.contactUs }}</strong></p> </template> </div> <div class="garage-vehicle__buttons disable-highlight" > <template v-if='clicked == false && savedId !== vehicle.ad_id'> <p class="garage-vehicle__interact" convertus-data-id="my-garage__save-vehicle" @click="saveThisCar( vehicle.ad_id )"><i class="fas fw fa-heart"></i>{{ translation.saveCar }}</p> </template> <template v-else-if="savedDrawer === false"> <p class="garage-vehicle__interact saved" convertus-data-id="my-garage__remove-vehicle" @click="removeSavedVehicle( vehicle.ad_id )"> <i class="fas fw fa-heart"></i>{{ translation.saved }} </p> </template> <template v-if='alertClicked === false && alertsId !== vehicle.ad_id'> <p class="garage-vehicle__interact" convertus-data-id="my-garage__get-alerts" @click="alertThisCar( vehicle.ad_id, vehicle.final_price )"><i class="fas fw fa-info-circle"></i>{{ translation.priceAlerts }}</p> </template> <template v-else-if="alertsDrawer === false"> <p class="garage-vehicle__interact saved" convertus-data-id="my-garage__remove-alerts" @click="removeAlertCar( vehicle.ad_id )"> <i class="fas fw fa-info-circle"></i>{{ translation.alertSet }} </p> </template> </div> </template> </template> <p v-if="true === savedDrawer && 1 < savedCounter" class="garage-vehicle__others disable-highlight" ><i class="far fa-heart"></i> This vehicle has been saved by {{savedCounter}} people</p> </div> </div> </div> </div> </div> </script> <script type="text/x-template" id="header-item-component"> <article class="header-item disable-highlight" :class="[{ active:active }, theme]"> <template v-if="active"> <strong v-if="count > 0" class="header-item__count">{{ count }}</strong> </template> <template v-else> <span v-if="count > 0" class="header-item__count">{{ count }}</span> </template> <i class="fas header-item__icon" :class="[icon, theme]"> <span class="header-item__label">{{ label }}</span> </i> </article> </script> <script type="text/x-template" id="login-drawer-component"> <div class="login-drawer">  <template v-if="loggedIn == false"> <p class="mb-md"> Login to access your <strong>saved cars </strong>and stay up to date with the latest <strong>price alerts.</strong> </p> <div class="input-group"> <label>Email Address: <template v-if="emailValid"><i class="fas fa-check" :class="[isEmail()]"></i></template> <template v-else><i class="fas fa-envelope" :class="[isEmail()]"></i></template> </label> <input :disabled="submitted" ref="emailBox" v-model="userEmail" class="input--alternate email-box" type="email" placeholder="janedoe@convertus.com" @keyup.enter='login( userEmail )'/> </div> <template v-if="!submitted"> <button :disabled="!emailValid" @click='login( userEmail )' class="login-drawer__button button button--centered button--small">Log in or Sign up</button> </template> <template v-else> <button :disabled="submitted" @click='login( userEmail )' class="login-drawer__button button button--centered button--small"> <i class="far fa-spinner fa-spin"></i> </button> </template> </template>  <template v-else-if="guest == true && loggedIn == true"> <p class="mb-md"> Welcome to our Site! As a <strong>{{ loggedUserEmail }}</strong>, sign up or login to keep track of your <strong>saved cars</strong> and <strong>price alerts.</strong> </p> <div class="input-group"> <label>Email Address: <template v-if="emailValid"><i class="fas fa-check" :class="[isEmail()]"></i></template> <template v-else><i class="fas fa-envelope" :class="[isEmail()]"></i></template> </label> <input :disabled="submitted" ref="emailBox" v-model="userEmail" class="input--alternate email-box" type="email" placeholder="janedoe@convertus.com" @keyup.enter='login( userEmail )'/> </div> <template v-if="!submitted"> <button convertus-data-id="'my-garage__login-button'" :disabled="!emailValid" @click='login( userEmail )' class="login-drawer__button button button--centered button--small">Sign up and Log in</button> </template> <template v-else> <button convertus-data-id="'my-garage__logout-button'" :disabled="submitted" @click='login( userEmail )' class="login-drawer__button button button--centered button--small"> <i class="far fa-spinner fa-spin"></i> </button> </template> </template>  <template v-else> <p class="mb-md">{{ existingUser ? 'Welcome back, ' : 'Welcome to our site, you are logged in as: ' }}<strong>{{ loggedUserEmail }}</strong>.</p> <button @click='logout( loggedUserEmail )' class="login-drawer__button button button--centered button--small">Log out</button> </template> </div> </script> <script type="text/x-template" id="vehicle-drawer-component"> <div class="vehicle-drawer" > <template v-if="tabLoaded === true && vehicles.length > 0"> <template v-if="vehicles.length === 1 && alertsDrawer == false"> <div class="vehicle-drawer__demo"> </div> </template> <p class="mb-md" v-if="loggedUserId == 0 && alertsDrawer == true"> <strong>Please login </strong>to receive price alerts for the following vehicles: </p> <div class="mb-md vehicle-drawer__subscribe" v-else-if="loggedUserId != 0 && alertsDrawer == true"> <template v-if="subscription !== '0'"> <p>You will receive an email when any of these prices change.</p> <button :disabled="subscriptionBtn" class="button button--alternate button--centered button--small" @click="setSubscription( '0' )"> Unsubscribe </button> </template> <template v-else> <p>Hit the subscribe button to receive price alert emails.</p> <button :disabled="subscriptionBtn" class="button button--centered button--small" @click="setSubscription( '1' )"> Subscribe </button> </template> </div> <div class="vehicle-drawer__vehicles"> <garage-vehicle :key="vehicle.vehicle_id" v-for="vehicle in vehicles" :vehicle="vehicle" :saved-drawer="savedDrawer" :alerts-drawer="alertsDrawer" :user="loggedUserId" :compare-ids="compareIds" :current-time="currentTime" v-on:viewedToSavedEvent="viewedTabToSavedTab" v-on:removeSavedVehicleEvent="removeSavedVehicle" v-on:alertThisCarEvent="alertThisCar" v-on:removeThisAlertCarEvent="removeThisAlertCar" v-on:compareListEvent="compareListEvent"> </garage-vehicle> </div> <div class="vehicle-drawer__actions disable-highlight"> <button :disabled="2 > compareIds.length" class="button button--centered button--small" @click="viewComparePage"> Compare Selected </button> <a class="vehicle-drawer__view-garage" @click="viewSavedVehicles( drawer )"> View MyGarage<i class="fas fa-angle-right ml-xs"></i> </a> </div> </template> <template v-else-if="tabLoaded === false && vehicles.length >= 0"> <div class="no-results"> <i class="far fa-spinner fa-spin no-results__icon"></i> <h3 class="no-results__title">MyGarage is Loading</h3> <p class="no-results__text">Your vehicles will appear soon</p> </div> </template> <template v-else-if="tabLoaded === true && vehicles.length == 0"> <div class="no-results"> <i v-if="drawer === 'viewed'" class="far fa-car no-results__icon"></i> <i v-if="drawer === 'saved'" class="far fa-heart no-results__icon"></i> <i v-if="drawer === 'alerts'" class="far fa-bell no-results__icon"></i> <p class="no-results__text">There are no vehicles to show at this time.</p> </div> </template> </div> </script> <footer class="footer light"> <div class="footer__main"> <div class="footer__background-container " style="background-image:url()"></div> <div class="footer__info"> <div class="footer__mobile-buttons hidden-md-up"> <a class="button" data-phone-type="sales" convertus-data-id="footer__phone--mobile" href="tel:(905) 333-0595"> <i class="fal fa-fw fa-phone" aria-hidden="true"></i> <strong>Sales</strong> <span>(905) 333-0595</span> </a> <a class="button gtm_directions" convertus-data-id="footer__directions--mobile" href="https://www.burlingtonmazda.com/get-directions/"><i class="fal fa-fw fa-map-marker-alt" aria-hidden="true"></i>Find Our Location</a> <a class="button modal-trigger" data-target="general-contact-modal" convertus-data-id="footer__contact--mobile"><i class="fal fa-fw fa-envelope" aria-hidden="true"></i>Contact Us</a> </div> <div class="footer__section hidden-sm-down"> <h4 class="footer__title"> Contact Us </h4> <div class="contact-block mb-sm"> <i class="fas fa-phone" aria-hidden="true"></i> <div class="contact-block__list"> <a class="contact-block__link" data-phone-type="sales" href="tel:(905) 333-0595" convertus-data-id="footer__phone"> <strong> Sales </strong> <span> (905) 333-0595 </span> </a> </div> </div> <div class="contact-block"> <i class="fas fa-envelope" aria-hidden="true"></i> <div class="contact-block__list"> <a class="contact-block__link modal-trigger" data-target="general-contact-modal" convertus-data-id="footer__contact"><strong>Email Us</strong></a> </div> </div> </div> <div class="footer__section" convertus-data-id="footer__hours"> <h4 class="footer__title" convertus-data-id="footer__hours-header"> Hours Of Operation </h4> <ul class="hours-tabs nav-tabs mb-sm" role="tablist"> <li class="nav-tabs__tab active"> <a href="#Sales2500384300673ee38a0c555" id="Sales2500384300673ee38a0c555-tab" role="tab" > Sales </a> </li> <li class="nav-tabs__tab "> <a href="#Service2500384300673ee38a0c555" id="Service2500384300673ee38a0c555-tab" role="tab" > Service </a> </li> <li class="nav-tabs__tab "> <a href="#Parts2500384300673ee38a0c555" id="Parts2500384300673ee38a0c555-tab" role="tab" > Parts </a> </li> </ul> <div class="tab-content"> <div class="tab-content__panel active in" id="Sales2500384300673ee38a0c555" role="tabpanel"> <table class="hours hours--simple"> <caption class="seo-hidden">Dealership hours of operation</caption> <tr class="hours__row hours__row--active"> <th scope="row" class="hours__day hours__day--en"><strong>Mon - Thu</strong></th> <td class="hours__time">9:00am - 8:00pm</td> </tr> <tr class="hours__row "> <th scope="row" class="hours__day hours__day--en"><strong>Fri - Sat</strong></th> <td class="hours__time">9:00am - 5:00pm</td> </tr> <tr class="hours__row "> <th scope="row" class="hours__day hours__day--en"><strong>Sun</strong></th> <td class="hours__time">Closed</td> </tr> </table> </div> <div class="tab-content__panel " id="Service2500384300673ee38a0c555" role="tabpanel"> <table class="hours hours--simple"> <caption class="seo-hidden">Dealership hours of operation</caption> <tr class="hours__row hours__row--active"> <th scope="row" class="hours__day hours__day--en"><strong>Mon - Fri</strong></th> <td class="hours__time">8:00am - 5:00pm</td> </tr> <tr class="hours__row "> <th scope="row" class="hours__day hours__day--en"><strong>Sat</strong></th> <td class="hours__time">8:00am - 12:00pm</td> </tr> <tr class="hours__row "> <th scope="row" class="hours__day hours__day--en"><strong>Sun</strong></th> <td class="hours__time">Closed</td> </tr> </table> </div> <div class="tab-content__panel " id="Parts2500384300673ee38a0c555" role="tabpanel"> <table class="hours hours--simple"> <caption class="seo-hidden">Dealership hours of operation</caption> <tr class="hours__row hours__row--active"> <th scope="row" class="hours__day hours__day--en"><strong>Mon - Fri</strong></th> <td class="hours__time">8:00am - 5:00pm</td> </tr> <tr class="hours__row "> <th scope="row" class="hours__day hours__day--en"><strong>Sat</strong></th> <td class="hours__time">8:00am - 12:00pm</td> </tr> <tr class="hours__row "> <th scope="row" class="hours__day hours__day--en"><strong>Sun</strong></th> <td class="hours__time">Closed</td> </tr> </table> </div> </div> </div> <div class="footer__section"> <h4 class="footer__title hidden-sm-down" convertus-data-id="footer__connect-header" > Connect With Us </h4> <div class="footer__social hidden-sm-down mb-sm" convertus-data-id="footer__connect-content" > <div class="social-block"><a class="social-icon social-icon--facebook social-icon--light" target="_blank" href="https://www.facebook.com/burlingtonmazda/"><i class="fab fa-facebook-f" aria-hidden="true"></i><span class="seo-hidden">Facebook</span></a><a class="social-icon social-icon--instagram social-icon--light" target="_blank" href="https://www.instagram.com/burlingtonmazda/"><i class="fab fa-instagram" aria-hidden="true"></i><span class="seo-hidden">Instagram</span></a></div> </div> </div> </div> <div class="footer__map hidden-sm-down"> <div class="footer__svg hidden-sm hidden-xs"> <svg viewBox="0 0 1 1" preserveAspectRatio="none"> <polygon fill="#f4f4f4" points="0 0, 1 0.5, 0 1"></polygon> </svg> </div> <div class="google-maps-wrapper gmaps-full-height"> <div class="convertus-gmaps-component gmaps-full-height" v-cloak> <google-maps :options="{"width":"100%","height":"100%","zoom":15,"group":false,"static":"yes","static_url":null,"url":"https:\/\/www.burlingtonmazda.com\/get-directions","directions":false,"footer":"yes","button":false,"location":"","mapdata":"","selected_sites":"","mapStyles":null}" :dealer-info="{"blog_id":385,"uname":"dealership_settings","name":"Mazda of Burlington","address1":"805 Walkers Line","address2":"Burlington, ON L7N 2G1","website":"http:\/\/www.burlingtonmazda.com","isGroup":false,"oem":"Mazda","phones":{"General":"(905) 333-0595","Toll Free":"","Toll Free - 2":"","Sales":"(905) 333-0595","Finance":"","Parts":"","Service":"","Body Shop":"","Fleet":"","Collision":""}}" :search-request="[]" :locations="{"data":[{"location":{"lat":43.3631918,"lng":-79.7820997,"static_map":"https:\/\/maps.googleapis.com\/maps\/api\/staticmap?size=1920x640&zoom=15&center=43.3631918%2C-79.7820997&language=en&style=&key=AIzaSyAkq4PIMMcM_i4XKyEWvh8xMHIea9_NW1s&signature=S7WZlw-xk8vJz0_uICByKJXxeNA=","static_map_small":"https:\/\/maps.googleapis.com\/maps\/api\/staticmap?size=540x160&zoom=15&center=43.3631918%2C-79.7820997&language=en&style=&key=AIzaSyAkq4PIMMcM_i4XKyEWvh8xMHIea9_NW1s&signature=VuqKcTX4uJS_PC93aPpTaWgmImM="},"dealer_info":{"blog_id":385,"uname":"dealership_settings","name":"Mazda of Burlington","address1":"805 Walkers Line","address2":"Burlington, ON L7N 2G1","website":"http:\/\/www.burlingtonmazda.com","isGroup":false,"oem":"Mazda","phones":{"General":"(905) 333-0595","Toll Free":"","Toll Free - 2":"","Sales":"(905) 333-0595","Finance":"","Parts":"","Service":"","Body Shop":"","Fleet":"","Collision":""}}}]}" :texts="{"searchBy":"Search by","search":"Search","results":"Results","postalCode":"Postal Code","radius":"Radius","carMake":"Car Make","resetFilters":"Reset Filters","from":"From","to":"To","getDirections":"Get Directions","noDealershipsFound":"No dealerships found","dealershipsFound":" Dealerships found","dealershipFound":"1 Dealership found","listView":"List View","mapView":"Map View","visitWebsite":"Visit Website","readMore":"Read More","placeholder":"Enter postal code or address"}" :pin="""" ></google-maps> </div> </div> </div> </div> <div class="footer__lower"> <strong class="footer__lower-link">Burlington Mazda<sup>©</sup> 2024</strong> · <a class="footer__lower-link" convertus-data-id="footer__sitemap" href="https://www.burlingtonmazda.com/sitemap">Sitemap</a> · <a class="footer__lower-link" convertus-data-id="footer__terms-conditions" href="https://www.burlingtonmazda.com/terms-conditions" rel="nofollow">Terms & Conditions</a> · <a class="footer__lower-link" convertus-data-id="footer__privacy-policy" href="https://www.burlingtonmazda.com/privacy-policy" rel="nofollow">Privacy Policy</a> · <a class="footer__lower-link" convertus-data-id="footer__bill-s-211-report" href="https://www.burlingtonmazda.com/bill-s-211-report" rel="nofollow">Bill S-211 Report</a> · <a class="footer__lower-logo" convertus-data-id="footer__autotrader" href="https://www.autotrader.ca/" target="_blank"> <img class="footer__convertus-logo svg" src="https://www.burlingtonmazda.com/wp-content/themes/convertus-achilles/achilles/assets/images/tadvantage-logos/tadvantage-logo-dark.svg" loading="lazy" alt="Tadvantage logo"> </a> </div> <div class="footer__mobile-social hidden-md-up" convertus-data-id="footer__social--mobile"> <div class="social-block"><a class="social-icon social-icon--facebook social-icon--light" target="_blank" href="https://www.facebook.com/burlingtonmazda/"><i class="fab fa-facebook-f" aria-hidden="true"></i><span class="seo-hidden">Facebook</span></a><a class="social-icon social-icon--instagram social-icon--light" target="_blank" href="https://www.instagram.com/burlingtonmazda/"><i class="fab fa-instagram" aria-hidden="true"></i><span class="seo-hidden">Instagram</span></a></div></div> </footer> <script type="text/javascript"> jQuery( function ( $ ) { jQuery.fn.load = function( callback ){ $( window ).on( "load", callback ) }; /* JR - Phyron Script - START */ if ($('.vdp-wrapper').length > 0) { let phyronScript = document.createElement("script"); phyronScript.src = 'https://leggat-ca.cust.nl.phyron.com/phyron2.js'; document.querySelector('head').insertAdjacentElement('beforeend', phyronScript); vin = vmsData.vehicle.vin; $('.details-group').append('<div style="display: none"><video class="phyron-video" data-campaign="leggat-ca" data-product-key="'+vin+'" data-file="1024x768" data-tracking-source="phyron" data-callback="" src="https://leggat-ca.cust.nl.phyron.com/repo/'+vin+'/1024x768.mp4" poster="https://leggat-ca.cust.nl.phyron.com/repo/'+vin+'/1024x768.jpg" preload="none" data-volume="0.8"></video></div>'); } /* JR - Phyron Script - END */ /* Directions page edit */ if (window.location.href.indexOf("get-directions") != -1) { $(".page-title").css("background-image", "url(" + "https://tadvantagebetaprod-com.cdn-convertus.com/uploads/sites/298/2023/05/Banner10.jpg" + ")"); } /* Leggat logo */ $('.footer__social').after('<img style="width: 100%; height: auto; max-width: 267px;" alt="Leggat-Group-logo" src="https://tadvantagebetaprod-com.cdn-convertus.com/uploads/sites/370/2023/07/leggat-group-logo.png" />'); /* CH - Craft CTAs */ // Mutation observer const domHasChanged = function ( target, callback, autoDisconnect ) { let observer = null; this.disconnect = function () { if ( observer !== null ) { observer.disconnect(); } }; if ( target !== null ) { observer = new MutationObserver( function () { if ( typeof autoDisconnect !== 'undefined' && autoDisconnect === true ) { observer.disconnect(); } jQuery( target ).trigger( 'qc:domHasChanged' ); if ( typeof callback !== 'undefined' ) { callback( observer ); } } ); const config = { attributes: true, childList: true, subtree: true }; observer.observe( target, config ); } }; function CraftCTAs(dealerId) { function generateCraftCTA( vin ) { const $ctaContainer = $( '<div class="leggat-cta-container fdc fw df pt-xs pb-xs"></div>' ); $ctaContainer .append( $( '<a data-dealer="' + dealerId + '" data-vin="' + vin + '" class="button leggat-commerce-quote" href="#">Get a Quote</a>' ) ) .append( $( '<a data-dealer="' + dealerId + '" data-vin="' + vin + '" class="button leggat-commerce-trade mt-sm" href="#">Trade In</a>' ) ); return $ctaContainer; } // SRP observer function srpMotoCommerce( observer ) { const $cards = $( '.srp-wrapper .vehicle-card:not(.has-updated)' ); if ( $cards.length > 0 ) { observer.disconnect(); $cards.each( function () { const $card = $( this ); const vin = $card.attr('data-vehicle-vin'); generateCraftCTA( vin ).insertAfter( $card.find( '.vehicle-card__cta' ) ); $card.addClass( 'has-updated' ); } ); window.leggat_commerce_widget.init(); watchSRPDom(); } } function watchSRPDom() { domHasChanged( document.querySelector( '.srp-wrapper' ), srpMotoCommerce, false ); } watchSRPDom(); // VDP Craft CTA if ( $( '.vdp-wrapper' ).length > 0 ) { generateCraftCTA( vmsData.vehicle.vin ).appendTo( $( '.vdp-wrapper .button-group' ) ); window.leggat_commerce_widget.init(); } } $.getScript( 'https://www.leggat.ca/assets/js/embed/widget_integration.min.js', function(){ CraftCTAs(9); } ); /* CH - END Craft CTAs */ /* SRP - Dealership filter position - 21_09_2023 Dmitry */ /* ******************************** begin */ function addClassToParentDiv() { const dealershipLabels = $('.collapse__label:contains("Dealership")'); if (dealershipLabels.length > 0) { dealershipLabels.each(function() { const parentDiv = $(this).parent('div'); if (!parentDiv.hasClass('filter--dealership')) { parentDiv.addClass('filter--dealership'); } }); } } function checkForDealershipString() { addClassToParentDiv(); } $(document).ready(function() { jQuery.expr[':'].contains = function(a, i, m) { return jQuery(a).text().indexOf(m[3]) >= 0; }; addClassToParentDiv(); setInterval(checkForDealershipString, 1000); //to-do: replace with dynamic filters change event or URL parameters change event; currently no handle; //to-do: use Mutation observer from Craft CTAs; }); /* ******************************** end */ /* Sab | 02377745 - add tracking scripts*/ const trackingScript = document.createElement('script'); trackingScript.defer = true; trackingScript.src = 'https://aalnk.com/signals.js'; document.querySelector('head').insertAdjacentElement('beforeend', trackingScript); /* Sab | END */ /*SR00377097 Azool Hirani 30April 2024*/ $('.header__logo-link').before('<img class="header__logo" src="https://tadvantagebetaprod-com.cdn-convertus.com/uploads/sites/385/2024/04/Mazda_2023_Excellence_Award_NEG_En.jpg">'); /*End SR00377097 Azool Hirani 30April 2024*/ /* SR00383066 - used VDP - hide discounts - RZ */ if($('.vdp-wrapper').length && vmsData.saleClass === "used") { $('#vdp-app .price-block__price--green').parents('.price-block--expanded').remove(); } /* SR00383066 - used VDP - hide discounts - RZ ends */ /*SR00383808 Azool Hirani 13aug 2024*/ if (document.querySelector('.srp-wrapper')) { // SRP banner // Finance CTA if (jQuery('.srp-wrapper').length > 0) { // node to observe for mutations const target = document.querySelector('body'); const config = { childList: true }; function removeclassfromwatch() { if(vmsData.saleClass === 'used') { $('.vehicle-card__action-wrap').each( function() { $('.price-block__label:contains("Initial Discount")').css("display","none"); $('.price-block__label:contains("Initial Discount")').next().css("display","none"); $('.tooltip-trigger').css('display','none'); /*SR00386400 - hide Book a test drive button on Used SRP - RZ*/ $('#srp-button-widget1').remove(); /*SR00386400 - hide Book a test drive button on Used SRP - RZ ends */ }) } } const observer = new MutationObserver(function (mutations) { removeclassfromwatch(); }); observer.observe(target, config); observer.disconnect(); observer.observe(target, config); } } if ($('.srp-wrapper').length > 0) { var target = document.querySelector('#vdp-modal'); var observer = new MutationObserver(function (mutations) { if(vmsData.saleClass === 'used') { $('.discount b').css('display','none'); $('p:contains("Initial Discount")').removeClass('df'); $('p:contains("Initial Discount")').removeClass('jcfe'); $('.discount').css('display','none'); } }); var config = { childList: true, }; observer.observe(target, config); } /*SR00383808 Azool Hirani 13aug 2024*/ }); </script>   <div id="popup" data-anl-event="special_offer" data-anl-element_position="pop-up" data-anl-flow_outcome="start" class=""> <pop-up v-if="!sessionSet" modal-size="small" :link="popupLink" content="" @close="sessionSet = true" :isDelayed="!!timeDelay" ></pop-up> </div> <script> var popupLink = "/schedule-service/"; var timeDelay = "" * 1000; if ( timeDelay >= 8000 ) { timeDelay = 8000; } </script> <link rel='stylesheet' id='garage-drawer-css' href='https://www.burlingtonmazda.com/wp-content/plugins/convertus-my-garage/include/drawer/main.css?ver=1731964035' type='text/css' media='none' onload="this.media='all';this.onload=null;" /> <noscript><link rel='stylesheet' id='noscript-garage-drawer-css' href='https://www.burlingtonmazda.com/wp-content/plugins/convertus-my-garage/include/drawer/main.css?ver=1731964035' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='convertus-google-maps-css' href='https://www.burlingtonmazda.com/wp-content/plugins/convertus-google-maps/css/main.css?ver=1731964035' type='text/css' media='none' onload="this.media='all';this.onload=null;" /> <noscript><link rel='stylesheet' id='noscript-convertus-google-maps-css' href='https://www.burlingtonmazda.com/wp-content/plugins/convertus-google-maps/css/main.css?ver=1731964035' type='text/css' media='all' /> </noscript><script type="text/javascript" id="personalization_data-js-extra"> /* <![CDATA[ */ var heroCookies = {"key":null,"data":null,"pageTemplateVisited":null}; /* ]]> */ </script> <script type="text/javascript" id="departmentNonce-js-extra"> /* <![CDATA[ */ var departmentNonce = {"nonce":"6329460385"}; /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/www.burlingtonmazda.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ wpcf7.cached = 0; /* ]]> */ </script> <script type="text/javascript" defer src="https://www.burlingtonmazda.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.3.3" id="contact-form-7-js"></script> <script type="text/javascript" id="third-party-autoalert-js-before"> /* <![CDATA[ */ var _msq = _msq || []; _msq.push( ['_setWebsite', ''], ['_trackPageview'] ); /* ]]> */ </script> <script type="text/javascript" src="https://fzlnk.com/signals.js" id="third-party-autoalert-js" defer="defer" data-wp-strategy="defer"></script> <noscript><img src="https://fzlnk.com/HandleSignal.ashx?s_type=trackPageview&s_wsId=4c1ca6d6-22f6-45b0-bf08-700d3ee7204d&smc=4c1ca6d6-22f6-45b0-bf08-700d3ee7204d.0.0&cachebuster=1407826664" height="1" width="1" alt="AutoAlert" style="display:none"></noscript><script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LfL76YUAAAAAC18E_a_gGs2qf0ON_kX21Kvha4n&ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-extra"> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6LfL76YUAAAAAC18E_a_gGs2qf0ON_kX21Kvha4n","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.burlingtonmazda.com/wp-content/plugins/contact-form-7/modules/recaptcha/script.js?ver=5.3.3" id="wpcf7-recaptcha-js"></script> <script type="text/javascript" id="convertus-vms-js-extra"> /* <![CDATA[ */ var vmsNonce = {"nonce":"47e4c9095f"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.burlingtonmazda.com/wp-content/themes/convertus-achilles/achilles/js/client.convertus.min.js?ver=1731964035" id="global-js-js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js?ver=2.6.10" id="vue-js-js"></script> <script type="text/javascript" src="https://www.burlingtonmazda.com/wp-content/themes/convertus-achilles/achilles/functions-partials/dealertrack/assets/js/main.convertus.min.js?ver=1731964035" id="dt-base-script-js"></script> <script type="module" src="https://www.burlingtonmazda.com/wp-content/themes/convertus-achilles/achilles/js/page-specific/tab-header.js?ver=1.0.0"></script><script type="text/javascript" defer src="https://www.burlingtonmazda.com/wp-content/mu-plugins/convertus-compare-vehicle/include/listener/main.convertus.min.js?ver=1731964035" id="compare-listener-js"></script> <script type="text/javascript" defer src="https://www.burlingtonmazda.com/wp-content/plugins/convertus-my-garage/include/drawer/main.convertus.min.js?ver=1731964035" id="garage-drawer-js"></script> <script type="text/javascript" id="convertus-google-maps-js-extra"> /* <![CDATA[ */ var GoogleMaps = {"api":"AIzaSyB52YQb4hwHIkrcDNqQu0Ni22mmGHfqf3g","staticMap":"https:\/\/maps.googleapis.com\/maps\/api\/staticmap?size=1920x640&zoom=15&center=43.3631918%2C-79.7820997&language=en&style=&key=AIzaSyAkq4PIMMcM_i4XKyEWvh8xMHIea9_NW1s&signature=S7WZlw-xk8vJz0_uICByKJXxeNA=","placeId":"ChIJx7Coi1JgK4gR7TfOcnLLm8w","nonce":"1550474561"}; /* ]]> */ </script> <script type="text/javascript" defer src="https://www.burlingtonmazda.com/wp-content/plugins/convertus-google-maps/js/main.convertus.min.js?ver=1731964035" id="convertus-google-maps-js"></script> <div class="modal small" id="general-contact-modal"> <div class="modal-content"> <div role="form" class="wpcf7" id="wpcf7-f637-o1" lang="en-US" dir="ltr"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/schedule-service/#wpcf7-f637-o1" method="post" class="wpcf7-form init general-contact" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="637" /> <input type="hidden" name="_wpcf7_version" value="5.3.3" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f637-o1" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="trffk_campaign_name" value="" /> <input type="hidden" name="trffk_campaign_medium" value="" /> <input type="hidden" name="trffk_campaign_term" value="" /> <input type="hidden" name="trffk_campaign_source" value="" /> <input type="hidden" name="url_path" value="http://www.burlingtonmazda.com/schedule-service/" /> <input type="hidden" name="form_name" value="general-contact" /> <input type="hidden" name="form_type" value="general-contact" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /> </div> <fieldset class="wpcf7-form__wrapper"><legend class="sr-only">General Contact</legend><span id="wpcf7-673ee38a11796-wrapper" class="wpcf7-form-control-wrap email-pot-wrap" style="display:none !important; visibility:hidden !important;"><input type="hidden" name="email-pot-time-start" value="1732174730"><input type="hidden" name="email-pot-time-check" value="4"><label for="wpcf7-673ee38a11796-field" class="hp-message">Please leave this field empty.</label><input id="wpcf7-673ee38a11796-field" placeholder="jane@gmail.com" class="wpcf7-form-control wpcf7-text cf7-honeypot" type="text" name="email-pot" value="" size="40" tabindex="-1" autocomplete="off" /></span> <span id="wpcf7-673ee38a117ff-wrapper" class="wpcf7-form-control-wrap name-pot-wrap" style="display:none !important; visibility:hidden !important;"><input type="hidden" name="name-pot-time-start" value="1732174730"><input type="hidden" name="name-pot-time-check" value="4"><label for="wpcf7-673ee38a117ff-field" class="hp-message">Please leave this field empty.</label><input id="wpcf7-673ee38a117ff-field" placeholder="jane@gmail.com" class="wpcf7-form-control wpcf7-text cf7-honeypot" type="text" name="name-pot" value="" size="40" tabindex="-1" autocomplete="off" /></span> <div class="input-group input-group--md "><label class="form-label">Full Name*<span class="wpcf7-form-control-wrap full-name"><input type="text" name="full-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Jane Doe" /></span><div class="validated"></div><div class="validated__label"></div></label></div> <div class="input-group input-group--md "><label class="form-label">Email*<span class="wpcf7-form-control-wrap email"><input type="email" name="email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email email validation" aria-required="true" aria-invalid="false" placeholder="jane@gmail.com" /></span><div class="validated"></div><div class="validated__label"></div></label></div> <div class="input-group input-group--md "><label class="form-label">Postal Code<span class="wpcf7-form-control-wrap postal-code"><input type="text" name="postal-code" value="" size="40" class="wpcf7-form-control wpcf7-text postal-code validation" aria-invalid="false" placeholder="A1B 2C3" /></span><div class="validated"></div><div class="validated__label"></div></label></div> <div class="input-group input-group--lg "><label class="form-label">Subject<span class="wpcf7-form-control-wrap subject"><input type="text" name="subject" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Vehicle Service Inquiry" /></span><div class="validated"></div><div class="validated__label"></div></label></div> <div class="input-group input-group--lg "><label class="form-label">Message<span class="wpcf7-form-control-wrap message"><textarea name="message" cols="40" rows="10" maxlength="500" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="I am interested in..."></textarea></span><div class="validated"></div><div class="validated__label"></div></label></div> <div class="input-group input-group--lg "><span class="wpcf7-form-control-wrap communication"><span class="wpcf7-form-control wpcf7-acceptance optional"><span class="wpcf7-list-item"><label><input type="checkbox" name="communication" value="1" aria-invalid="false" /><span class="wpcf7-list-item-label">I agree to receive periodical offers, newsletter, safety and recall updates from the dealership. Consent can be withdrawn at any time.</span></label></span></span></span><div class="validated"></div><div class="validated__label"></div></div> <input type="hidden" name="lead-type" value="general"> <input type="hidden" name="is_vdp" value="" class="wpcf7-form-control wpcf7-hidden" /> <input type="hidden" name="is_vehicle" value="" class="wpcf7-form-control wpcf7-hidden" /> <div class="input-group input-group--lg "><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit button button--centered" /><div class="validated"></div><div class="validated__label"></div></div></fieldset><div class="wpcf7-response-output" aria-hidden="true"></div></form></div><input type="hidden" id="redirect_637" value="/thank-you"><input type="hidden" id="redirect_target_637" value="_self"> </div> </div> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRBR-b469192270e76fd10ee","applicationID":"985302138","transactionName":"MwdUMBBXXEoFAEBeVwpNdwcWX11XSxNVUF0=","queueTime":0,"applicationTime":380,"atts":"H0BXRlhNT0Q=","errorBeacon":"bam.nr-data.net","agent":""}</script></body> </html>