Don't Miss the BMW Invitational Sales Event Shop Now
</p> </div> </section> </div> </main> <div id="compare-listener"> </div> <div id="garage-drawer" class="garage-drawer" :class="{ open: currentDrawer }" v-click-outside="closeDrawer" v-cloak> <drawer-item @click.native="openDrawer('login')" :active="currentDrawer === 'login'" :label="loginLabel" icon="fa-user" type="my-garage__login-item" ></drawer-item> <template v-if="logged == true"> <hr class="garage-drawer__divide"> <drawer-item @click.native="openDrawer('viewed', viewedVehicles)" :active="currentDrawer === 'viewed'" :label="translation.viewed" icon="fa-car" :count="viewedVehicles.length" type="my-garage__viewed-item" ></drawer-item> <drawer-item @click.native="openDrawer('saved', savedVehicles)" :active="currentDrawer === 'saved'" :label="translation.saved" icon="fa-heart" :count="savedVehicles.length" type="my-garage__saved-item" ></drawer-item> <drawer-item @click.native="openDrawer('alerts', alertsVehicles)" :active="currentDrawer === 'alerts'" :label="translation.alerts" icon="fa-bell" :count="alertsVehicles.length" type="my-garage__alerts-item" ></drawer-item> </template> <transition name="fade"> <div v-cloak v-if="currentDrawer" class="garage-drawer__drawer" convertus-data-id="my-garage__drawer"> <component :is="drawerComponent" :drawer="currentDrawer" :saved-drawer="savedDrawer" :alerts-drawer="alertsDrawer" :logged-in="logged" :guest="guestLogged" :existing-user="existingUser" :logged-user-email="loggedUserEmail" :logged-user-id="loggedUserId" :vms-id="vmsId" :subscription="subscription" :subscription-btn="subscriptionBtn" :vehicles="vehicles" :tab-loaded="tabLoaded" :compare-ids="compareIds" :current-time="currentTime" @vehicle_viewed_to_saved="insertViewedToSaved" @vehicle_remove_saved_vehicle="removeSavedVehicle" @vehicle_alert_this_car_event="insertAlertVehicle" @vehicle_remove_this_alert_car_event="removeAlertVehicle" @vehicle_compare_check_event="compareList" @vehicle_subscription_event="setSubscription" @logged_out="setLogoutMainVue" @logged_in="setUserLogin"> </component> </div> </transition> </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> <!-- Alerts Vehicle Card --> <template v-if="user !== '0'"> <!-- User Logged In --> <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><!-- User as Guest --> <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"> <!-- LoggedOut tab --> <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> <!-- Guest tab --> <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> <!-- LoggedIn tab --> <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__mobile-buttons hidden-md-up"> <a class="button" data-phone-type="sales" convertus-data-id="footer__phone--mobile" href="tel:(877) 548-0068"> <i class="fal fa-fw fa-phone" aria-hidden="true"></i> <strong>Sales</strong> <span>(877) 548-0068</span> </a> <a class="button" data-phone-type="parts" convertus-data-id="footer__phone--mobile" href="tel:(877) 962-2407"> <i class="fal fa-fw fa-phone" aria-hidden="true"></i> <strong>Parts</strong> <span>(877) 962-2407</span> </a> <a class="button" data-phone-type="service" convertus-data-id="footer__phone--mobile" href="tel:(888) 903-5491"> <i class="fal fa-fw fa-phone" aria-hidden="true"></i> <strong>Service</strong> <span>(888) 903-5491</span> </a> <a class="button gtm_directions" convertus-data-id="footer__directions--mobile" href="https://www.autowestbmw.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="row"> <div class="col hidden-sm-down"> <h4 class="footer__title"> Visit Our Location </h4> <p class="footer__address">10780 Cambie Road, Richmond, BC, V6X 1K8</p> <a class="button gtm_directions" convertus-data-id="footer__directions" href="https://www.autowestbmw.com/get-directions/"> Get Directions </a> </div> <div class="col 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" convertus-data-id="footer__phone" href="tel:(877) 548-0068"> <strong> Sales </strong> <span> (877) 548-0068 </span> </a> <a class="contact-block__link" data-phone-type="parts" convertus-data-id="footer__phone" href="tel:(877) 962-2407"> <strong> Parts </strong> <span> (877) 962-2407 </span> </a> <a class="contact-block__link" data-phone-type="service" convertus-data-id="footer__phone" href="tel:(888) 903-5491"> <strong> Service </strong> <span> (888) 903-5491 </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="col footer__hours" 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="#Sales870350097673f0662d1a09" id="Sales870350097673f0662d1a09-tab" role="tab" > Sales </a> </li> <li class="nav-tabs__tab "> <a href="#Service870350097673f0662d1a09" id="Service870350097673f0662d1a09-tab" role="tab" > Service </a> </li> <li class="nav-tabs__tab "> <a href="#Parts870350097673f0662d1a09" id="Parts870350097673f0662d1a09-tab" role="tab" > Parts </a> </li> </ul> <div class="tab-content"> <div class="tab-content__panel active in" id="Sales870350097673f0662d1a09" 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:00 AM - 7:00 PM</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:00 AM - 6:00 PM</td> </tr> <tr class="hours__row "> <th scope="row" class="hours__day hours__day--en"><strong>Sun</strong></th> <td class="hours__time">11:00 AM - 5:00 PM</td> </tr> </table> </div> <div class="tab-content__panel " id="Service870350097673f0662d1a09" 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 - Sat</strong></th> <td class="hours__time">7:30 AM - 6:00 PM</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="Parts870350097673f0662d1a09" 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 - Sat</strong></th> <td class="hours__time">7:30 AM - 6:00 PM</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="col col-sm-12"> <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/autowestbmw"><i class="fab fa-facebook-f" aria-hidden="true"></i><span class="seo-hidden">Facebook</span></a><a class="social-icon social-icon--twitter social-icon--light" target="_blank" href="https://twitter.com/autowestbmw"><i class="icon-x-twitter x-twitter"></i><span class="seo-hidden">Twitter</span></a><a class="social-icon social-icon--instagram social-icon--light" target="_blank" href="https://www.instagram.com/auto.west.bmw/"><i class="fab fa-instagram" aria-hidden="true"></i><span class="seo-hidden">Instagram</span></a><a class="social-icon social-icon--youtube social-icon--light" target="_blank" href="https://www.youtube.com/user/autowestbmw"><i class="fab fa-youtube" aria-hidden="true"></i><span class="seo-hidden">Youtube</span></a></div> </div> <div class="footer__awards-main"> <div class="footer__awards footer__awards-main-single" convertus-data-id="footer__dealer-awards" > <img src="https://www.autowestbmw.com/wp-content/themes/convertus-achilles/achilles/assets/images/dealer-awards/AutoTrader---Best-Priced-Dealer---Award---2020---EN.png" loading="lazy" alt="Best Priced dealer award" /> </div> <div class="footer__awards footer__awards-main-single" convertus-data-id="footer__dealer-awards" > <img src="https://www.autowestbmw.com/wp-content/themes/convertus-achilles/achilles/assets/images/dealer-awards/AutoTrader---Best-Priced-Dealer---Award---2021---EN.png" loading="lazy" alt="Best Priced dealer award" /> </div> <div class="footer__awards footer__awards-main-single" convertus-data-id="footer__dealer-awards" > <img src="https://www.autowestbmw.com/wp-content/themes/convertus-achilles/achilles/assets/images/dealer-awards/AutoTrader---Best-Priced-Dealer---Award---2022---EN.png" loading="lazy" alt="Best Priced dealer award" /> </div> <div class="footer__awards footer__awards-main-single" convertus-data-id="footer__dealer-awards" > <img src="https://www.autowestbmw.com/wp-content/themes/convertus-achilles/achilles/assets/images/dealer-awards/AutoTrader---Best-Priced-Dealer---Award---2023---EN.png" loading="lazy" alt="Best Priced dealer award" /> </div> <div class="footer__awards footer__awards-main-single" convertus-data-id="footer__dealer-awards" > <img src="https://www.autowestbmw.com/wp-content/themes/convertus-achilles/achilles/assets/images/dealer-awards/AutoTrader---Best-Priced-Dealer---Award---2024---EN.png" loading="lazy" alt="Best Priced dealer award" /> </div> </div> </div> </div> </div> <div class="footer__lower"> <strong class="footer__lower-link">Auto West BMW<sup>©</sup> 2024</strong> · <a class="footer__lower-link" convertus-data-id="footer__sitemap" href="https://www.autowestbmw.com/sitemap">Sitemap</a> · <a class="footer__lower-link" convertus-data-id="footer__terms-conditions" href="https://www.autowestbmw.com/terms-conditions" rel="nofollow">Terms & Conditions</a> · <a class="footer__lower-link" convertus-data-id="footer__privacy-policy" href="https://www.autowestbmw.com/privacy-policy" rel="nofollow">Privacy Policy</a> · <a class="footer__lower-link" convertus-data-id="footer__bill-s-211-report" href="https://www.autowestbmw.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.autowestbmw.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/autowestbmw"><i class="fab fa-facebook-f" aria-hidden="true"></i><span class="seo-hidden">Facebook</span></a><a class="social-icon social-icon--twitter social-icon--light" target="_blank" href="https://twitter.com/autowestbmw"><i class="icon-x-twitter x-twitter"></i><span class="seo-hidden">Twitter</span></a><a class="social-icon social-icon--instagram social-icon--light" target="_blank" href="https://www.instagram.com/auto.west.bmw/"><i class="fab fa-instagram" aria-hidden="true"></i><span class="seo-hidden">Instagram</span></a><a class="social-icon social-icon--youtube social-icon--light" target="_blank" href="https://www.youtube.com/user/autowestbmw"><i class="fab fa-youtube" aria-hidden="true"></i><span class="seo-hidden">Youtube</span></a></div></div> </footer> <script type="text/javascript"> jQuery( function ( $ ) { jQuery.fn.load = function( callback ){ $( window ).on( "load", callback ) }; /*--NP--CSQ-2104--*/ //make phone field requried if selected phone as contact method $('.page-id-8342 .wpcf7-form-control.wpcf7-submit.button.button--centered').click(function(){ var feerg = document.querySelector('.page-id-8342 #wpcf7-f8372-p8342-o1 .wpcf7-form__wrapper .input-group select[name = "preferred-contact"]').setAttribute('id','contactGroup'); var freq = document.getElementById('contactGroup'); var strUser = freq.value; if(strUser === 'Call'){ var phoneField = document.querySelector('.page-id-8342 #wpcf7-f8372-p8342-o1 .wpcf7-form__wrapper .wpcf7-form-control-wrap.phone input[name="phone"]'); if(phoneField.value.length == 0){ $(phoneField).attr('aria-required','true'); phoneField.classList.add('wpcf7-validates-as-required'); phoneField.classList.add('wpcf7-not-valid'); phoneField.parent().addClass('invalid'); } } else{ $(phoneField).attr('aria-required','false'); phoneField.classList.remove('wpcf7-validates-as-required'); } }); /* START - Smooth Scrolling */ $(function () { $('.contact_form_widget-14.contact-form-1').attr('id','getOffer'); $('.hero_widget-23.hero-1 .button').click(function(){ $('html, body').animate({ scrollTop: $( $(this).attr('href') ).offset().top }, 1200); return false; }); }); /* END - Smooth Scrolling */ /* Yogesh SR00317284 */ if (document.querySelector('.vdp-wrapper')) { let simplifi = document.createElement("script"); simplifi.src = 'https://tag.simpli.fi/sifitag/6a1abc10-9a1e-0139-8caa-06b4c2516bae'; simplifi.async = true; document.querySelector('head').insertAdjacentElement('beforeend', simplifi); } /* Yogesh SR00317284 */ /* Yogesh SR00311986 */ $('.footer__main .row .col.hidden-sm-down:nth-child(1)').html('<div class="col hidden-sm-down"><h4 class="footer__title">Visit Our Locations </h4><p><b>1. Auto West BMW</b></p><p class="footer__address">10780 Cambie Road, Richmond, BC, V6X 1K8</p><p><b>2. Auto West BMW Pre-Owned</b></p><p class="footer__address">4331 Vanguard, Richmond, BC, V6X 2P6</p><a class="button gtm_directions" convertus-data-id="footer__directions" href="https://www.autowestbmw.com/get-directions/">Get Directions </a></div>'); /* Yogesh SR00311986 */ /* Roy Raviv - Dealer request to hide condition filter */ /*setTimeout(() => { $("p.collapse__label:contains(Condition)").parent("div.collapse.mb-md").css( "display", "none" ); }, 300); */ /* Roy - Start SMS button */ if (document.querySelector('.vdp-wrapper')) { $(window).load(function() { setTimeout(() => { let vin = vmsData.vehicle.vin; let year = vmsData.vehicle.year; let make = vmsData.vehicle.make; let model = vmsData.vehicle.model; let txtBody = `Hello I am interested in this vehicle ${year} ${make} ${model} VIN: ${vin}`; $(".button-group").append(`<div class="mobileLinks"><a class="smsbtn button-group__button button button--centered" href="sms:604-330-3863?&body=${txtBody}" >Text Us</a><a class="smsbtn tel button-group__button button button--centered" href="tel:604-273-2217" >Call Us</a></div>`); $('.mobileLinks').prependTo('.button-group'); }, 500); }); } /* Roy - End SMS button */ /* Roy GA Tracking Events */ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-58728309-1', 'auto'); $('a[href^="tel:"]').click(function(){ ga('send', { hitType: 'event', eventCategory: 'click2call', eventAction: 'click' }); }); if (document.querySelector('.vdp-wrapper')) { if (vmsData.vehicle.sale_class == 'New') { ga('send', { hitType: 'event', eventCategory: 'vdp', eventAction: 'new vdp view' }); } if (vmsData.vehicle.sale_class == 'Used') { ga('send', { hitType: 'event', eventCategory: 'vdp', eventAction: 'used vdp view' }); } } /* END - Roy GA Tracking Events */ /* Move Address next to phone numbers in header */ let headerAddress = document.querySelector('.header__location'); document.querySelector('.header__top > div').appendChild(headerAddress); /* Add Map and Phone icons to header */ let mapHeader = document.createElement('div'); mapHeader.innerHTML = "<a href='/get-directions/'><i class='far fa-map-marker-alt header__info-icon'></i>Location</a>"; mapHeader.className = 'iconHeader'; document.querySelector('.header.header--desktop .header__top .df').appendChild(mapHeader); /* Fixed Header */ window.addEventListener("scroll", function(){ if(window.scrollY==0){ document.querySelector('.header.header--desktop').classList.remove("fixedHeader"); } else { document.querySelector('.header.header--desktop').classList.add("fixedHeader"); } }); $(function() { /** customizing last word of titles **/ let addLastWordClass = (element, specialClass) => { let text = element.innerText; let wordsArray = text.split(' '); let updatedText = ''; let i = 0; for ( i; i<wordsArray.length-2; i++ ) { updatedText += wordsArray[i] + " "; } updatedText += '<span class = "last-word">'+ wordsArray[wordsArray.length - 2] +' '+ wordsArray[wordsArray.length - 1] +'</span>'; element.innerHTML = updatedText; }; let pageTitle = document.querySelector('section.button_block_widget-6.button-block-2 a.button-block-button[convertus-data-id="button-block__button-1"] h3.button-block-button__heading'); let pageTitle2 = document.querySelector('section.button_block_widget-6.button-block-2 a.button-block-button[convertus-data-id="button-block__button-2"] h3.button-block-button__heading'); let pageTitle3 = document.querySelector('section.button_block_widget-6.button-block-2 a.button-block-button[convertus-data-id="button-block__button-3"] h3.button-block-button__heading'); if( pageTitle ) { addLastWordClass ( pageTitle, 'last-word' ); } if( pageTitle2 ) { addLastWordClass ( pageTitle2, 'last-word' ); } if( pageTitle3 ) { addLastWordClass ( pageTitle3, 'last-word' ); } }); function modifySRPtax() { document.querySelectorAll('div.vehicle-card__full-details--inner > div.price-block > div.vehicle-card__price-wrap > div > div.price-block__single.price-block--expanded > span.price-block__sub,div.g-vehicle-card__details-single > div > div.price-block__single.price-block--expanded > span.price-block__sub').forEach( (el) => { el.innerHTML = el.innerHTML = "+ Tax and Fees"; }); $("div.price-block__single.price-block--expanded.price-block--hide-line > span.price-block__sub").css("display","none"); } if(document.querySelector('.srp-wrapper,.show-inventory__wrap')) { /* Initial call on page load */ setTimeout(modifySRPtax, 2000); /* Sorting drop down */ $(document).on('change', '.select--hollow', function(){ setTimeout(modifySRPtax, 1500); }); /* Whole of left filter column */ $('.filter-col').click(function() { setTimeout(modifySRPtax, 1500); }); /* Keyword search in left filter column */ $('.collapse__content input[convertus-data-id="srp__search-input"]').on("change keyup paste", function() { setTimeout(modifySRPtax, 1500); }); /* Infinit Scrolling */ let vehCount = jQuery('.vehicle-card.gtm_vehicle_tile').length; setInterval(function(){ if (vehCount != jQuery('.vehicle-card.gtm_vehicle_tile').length) { vehCount = jQuery('.vehicle-card.gtm_vehicle_tile').length; setTimeout(modifySRPtax, 1500); } }, 1500); } /* END - Modify SRP Tax */ /* Roy Raviv Client Request - 5 Nov 2020 */ var s = document.createElement("script"); s.type = "text/javascript"; s.src = "https://tag.simpli.fi/sifitag/b405bb90-0ad5-0137-587d-067f653fa718"; $("head").append(s); /* Roy Raviv - VDP banners by model */ if (document.querySelector('.vdp-wrapper')) { if (vmsData.vehicle.sale_class == 'New' && vmsData.vehicle.year == '2020') { $('#vdp_button_widget-4').show(); } else { $('#vdp_button_widget-4').hide(); } } /* END Roy Raviv - VDP banners by model */ /* Yogesh SR00307477 */ //<![CDATA[ // specify the website id and track the pageview var _msq = _msq || []; _msq.push( ['_setWebsite', ''], ['_trackPageview'] ); // load the AutoAlert Signals script asynchronously (function () { var mSignal = document.createElement('script'); mSignal.type = 'text/javascript'; mSignal.async = true; mSignal.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'fzlnk.com/signals.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mSignal, s); })(); //]]> document.querySelector('body').insertAdjacentHTML('beforeend',` <noscript><img src="http://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" style="display:none"></noscript>`); console.log('Script added') /* Yogesh SR00307477 */ /* Roy - Client request - 14 Jan, 2021 */ function addOverlay() { $( "div[data-vehicle-trim*='DEMO'] > div > a.gtm_vehicle_title_cta" ).each(function( i ) { // Check if a div is found if ($("div[data-vehicle-trim*='DEMO'] > div > a.gtm_vehicle_title_cta")[i] != undefined) { // Insert the logo if ($("div[data-vehicle-trim*='DEMO'] > div > a.gtm_vehicle_title_cta")[i].lastChild.className != "addOverlay"){ $("div[data-vehicle-trim*='DEMO'] > div > a.gtm_vehicle_title_cta").append('<p class="addOverlay">Executive Demo</p>'); } } }); } if(document.querySelector('.srp-wrapper,.show-inventory__wrap')) { /* Initial call on page load */ setTimeout(addOverlay, 1000); /* Sorting drop down */ $(document).on('change', '.select--hollow', function(){ setTimeout(addOverlay, 1000); }); /* Whole of left filter column */ $('.filter-col').click(function() { setTimeout(addOverlay, 1000); }); /* Keyword search in left filter column */ $('.collapse__content input[convertus-data-id="srp__search-input"]').on("change keyup paste", function() { setTimeout(addOverlay, 2000); }); /* pagination click */ $('.pagination').click(function() { setTimeout(addOverlay, 1000); }); /* Infinit Scrolling */ let vehCount = jQuery('.vehicle-card.gtm_vehicle_tile').length; setInterval(function(){ if (vehCount != jQuery('.vehicle-card.gtm_vehicle_tile').length) { vehCount = jQuery('.vehicle-card.gtm_vehicle_tile').length; setTimeout(addOverlay, 1000); } }, 1000); } if(document.querySelector('.google-maps-wrapper')) { $('section.page-title').css('display','none'); $('div.convertus-gmaps-component.gmaps-full-height').prepend("<h3 class='locationpage'>Please make sure to choose your preferred store from the blue dropdown below</h3>"); } /* Yogesh SR00317476 */ /* Kayla | 02053957 - modified by Kayla to add Service hours - 14/04/22 */ /* Kayla | 02081197 - add #3 Classic Garage info - 022/06/2022 */ /* KB - 02510757 - change service hours - 27/08/2024*/ $('.col.footer__hours').append('<div id="secondary-location-hours"> <p><b>2. Auto West BMW Pre-Owned</b></p> <ul class="hours-tabs nav-tabs mb-sm" role="tablist"> <li class="nav-tabs__tab active"><a role="tab">Sales</a></li> <li class="nav-tabs__tab"><a role="tab" class="service-hours">Service</a></li> </ul> <div class="tab-content"> <div class="tab-content__panel active in" role="tabpanel"> <table class="hours hours--simple sales"> <caption class="seo-hidden"> Dealership hours of operation </caption> <tbody> <tr class="hours__row"> <th scope="row" class="hours__day hours__day--en"> <strong>Mon - Thu</strong> </th> <td class="hours__time">9:00 AM - 7:00 PM</td> </tr> <tr class="hours__row"> <th scope="row" class="hours__day hours__day--en"> <strong>Friday</strong> </th> <td class="hours__time">9:00 AM - 6:00 PM</td> </tr> <tr class="hours__row"> <th scope="row" class="hours__day hours__day--en"> <strong>Saturday</strong> </th> <td class="hours__time">9:00 AM - 6:00 PM</td> </tr> <tr class="hours__row"> <th scope="row" class="hours__day hours__day--en"> <strong>Sunday</strong> </th> <td class="hours__time">11:00 AM - 5:00 PM</td> </tr> </tbody> </table> </div> <div class="tab-content__panel service" role="tabpanel"> <table class="hours hours--simple"> <caption class="seo-hidden"> Dealership hours of operation </caption> <tbody> <tr class="hours__row"> <th scope="row" class="hours__day hours__day--en"> <strong>Mon - Sat </strong> </th> <td class="hours__time">8:00 AM - 5:00 PM</td> </tr> <tr class="hours__row"> <th scope="row" class="hours__day hours__day--en"> <strong>Sunday</strong> </th> <td class="hours__time">Closed</td> </tr> </tbody> </table> </div> </div> </div><div id="classic-garage-hours"> <p><b>3. Auto West Classic Garage</b></p> <div class="tab-content"> <div class="tab-content__panel active in" role="tabpanel"> <table class="hours hours--simple"> <tbody> <tr class="hours__row"> <td class="hours__time hours__day hours__day--en" colspan="2" style="font-weight: normal;"><a href="https://www.classicgarage.ca/contact-us/" >Visit the website</a> or call <a href="tel:604-303-7475">604-303-7475</a></td> </tr> </tbody> </table> </div> </div> </div>'); $('.col.footer__hours .footer__title').after('<p><b>1. Auto West BMW</b></p>'); /* Yogesh SR00317476 */ /* KB - 02510757 - updated hours - 27/08/2024 - END */ /* MB Adapt Iframe Height Tires Search myIframe = document.getElementById("myiFrame") mediaQuery = window.matchMedia('(max-width: 768px)') if (mediaQuery) {myIframe.setAttribute("height", "2350")} else {myIframe.setAttribute("height", "1600 !important")}*/ /* Kayla | SR00324541 - add script */ const spinScript = document.createElement('script'); spinScript.src = '//integrator.swipetospin.com'; document.querySelector('body').insertAdjacentElement('beforeend', spinScript); /* END Kayla | SR00324541 */ /* RS - Show Manuf color on new VDP - 01958648 - Oct 5, 2021 */ if (document.querySelector('.vdp-wrapper')) { if ("New" === vmsData.vehicle.sale_class) { document.querySelectorAll('.overview-group__single h5').forEach( (el)=> { if(el.innerText.includes('Exterior Colour')) { el.innerText = "Exterior Colour: " + vmsData.vehicle.manu_exterior_color; } }); } } /* RS - Show Manuf color on new VDP - 01958648 - Oct 5, 2021 */ /* Kayla | SR00327609 - move CarFax badges */ if (document.querySelector('.srp-wrapper')) { if (jQuery('.srp-wrapper').length > 0) { // node to observe for mutations const target = document.querySelector('body'); // which mutations to observe const config = { childList: true, subtree: false }; // callback function to be called when changes occur function moveCarfax() { const $vehicleCards = $('.vehicle-card__full-details'); if($vehicleCards.length) { $vehicleCards.each(function() { const carFax = $(this).find('.badges-wrap'); if(carFax.length) { $(this).before(carFax); } }) } } /* KB | 02087057 - SRP/VDP modify location for vehicles older than 2011 - 24/06/2022 */ function changeLocation() { $('.vehicle-card').each(function() { if (!$(this).find('.modified-location').length) { const $year = $(this).data('vehicleYear'); if ($year < 2011) { $(this).find('.vehicle-card__location strong').text('Located at Auto West Classic Garage').addClass('modified-location'); } } }) } /* END - KB | 02087057 */ const observer = new MutationObserver(function (mutations) { moveCarfax(); changeLocation(); }); observer.observe(target, config); observer.disconnect(); observer.observe(target, config); } } // VDP if (document.querySelector('.vdp-wrapper')) { setTimeout(() => { $('.vdp-wrapper .badges-wrap').insertBefore('.vdp-wrapper .main-price'); }, 500) } /* END Kayla | SR00327609 */ /* Kayla | SR00328950 - adjustments to /owners-advantage-program/ */ $('.about_widget-39 a').attr('target', '_blank'); // remove Read More button setTimeout(() => { $('.apply-read-more--mobile').each(function() { const $readMoreBtn = $(this).find('.apply-read-more__button'); $readMoreBtn.click(); $readMoreBtn.hide(); }); }, 500) /* END Kayla | SR00328950 */ /* Kayla | SR00337328 - open Classic BMWs in new tab */ $('.menu-item a[href="https://www.classicgarage.ca/"]').attr('target', '_blank'); /* END Kayla | SR00337328 */ /* Kayla | 02053957 - footer add tab functionality to secondary hours section - 14/04/22 */ $('#secondary-location-hours a').on('click', function(e) { e.preventDefault(); // change active tab to the clicked tab $('#secondary-location-hours .nav-tabs__tab').removeClass('active'); $(this).parent().addClass('active'); // If 'Service' was clicked then: if ($(this).hasClass('service-hours')) { // Hide Sales hours by removing 'active' class $('#secondary-location-hours .tab-content__panel:not(.service)').removeClass('active in'); // Show Service hours by adding 'active' class $('#secondary-location-hours .tab-content__panel.service').addClass('active in'); } else { // if 'Service' was not clicked, then make Sales active $('#secondary-location-hours .tab-content__panel.service').removeClass('active in'); $('#secondary-location-hours .tab-content__panel:not(.service)').addClass('active in'); } }) /* END Kayla | 02053957 */ /* KB | 02087057 - SRP/VDP modify location for vehicles older than 2011 - 24/06/2022 */ /* SRP - see above mutation observer */ // VDP if (document.querySelector('.vdp-wrapper') && vmsData.vehicle.year < 2011) { $('a[convertus-data-id="vdp__location-address"]').html(function() { return $(this).html().replace('Auto West Preowned', 'Auto West Classic Garage'); }); } /* END - KB | 02087057 */ /*SR00349187 Azool hirani 16 dec 2022*/ $('#hero_widget-24 .sub-heading').appendTo('#hero_widget-24 .main-heading'); $('.hero-widget__display').appendTo('#hero_widget-24 .main-heading'); /*End SR00349187 Azool hirani 16 dec 2022*/ /* LL - Start - reorder model card - SR00369020 */ $( document ).ready(function() { if($('#showroom-models-app').length) { setInterval(() => { let movingTarget = $('.transition-container .col-lg-4.col-md-6.col-xs-12:not("updated") .model-card__title:contains("BMW i5")').parent().parent(); let targetLocation = $('.transition-container .col-lg-4.col-md-6.col-xs-12 .model-card__title:contains("BMW 5 Series")').parent().parent(); if (movingTarget && targetLocation && !$(movingTarget).hasClass("updated")) { $(movingTarget).insertAfter(targetLocation); movingTarget.addClass('updated'); } }, 2000) } }); /* LL - End - reorder model card - SR00369020 */ }); </script> <!-- Shop-Click-Drive Integration --> <!-- End Shop-Click-Drive Integration --> <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 = "/electric-bmw-i4-reserve-now/"; var timeDelay = "" * 1000; if ( timeDelay >= 8000 ) { timeDelay = 8000; } </script> <link rel='stylesheet' id='convertus-google-maps-css' href='https://www.autowestbmw.com/wp-content/plugins/convertus-google-maps/css/main.css?ver=1731963997' 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.autowestbmw.com/wp-content/plugins/convertus-google-maps/css/main.css?ver=1731963997' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='garage-drawer-css' href='https://www.autowestbmw.com/wp-content/plugins/convertus-my-garage/include/drawer/main.css?ver=1731963997' type='text/css' media='none' onload="this.media='all';this.onload=null;" /> <noscript><link rel='stylesheet' id='noscript-garage-drawer-css' href='https://www.autowestbmw.com/wp-content/plugins/convertus-my-garage/include/drawer/main.css?ver=1731963997' 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":"2c77579f7f"}; /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/www.autowestbmw.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.autowestbmw.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-digital-interview-js-before"> /* <![CDATA[ */ function openDI() { try { if ('function' == typeof DigitalInterview.Launcher.enableLaunchPoints) { DigitalInterview.Launcher.enableLaunchPoints(); } } catch(e) {} } /* ]]> */ </script> <script type="text/javascript" src="https://canada.digital-interview.com/en-ca/launcher/d2e74155-1929-4f03-8105-09eeb4ec8d4e" id="third-party-digital-interview-js" defer="defer" data-wp-strategy="defer" onload="openDI()"></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" id="mega-menu-js-extra"> /* <![CDATA[ */ var megaMenu = {"nonce":"6c6ee57fd5","50":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"\/vehicles\/new","title":"In Stock Now","target":"","id":51,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/vehicles\/new\/?st=price,asc&view=grid&sc=new&ft=Electric","title":"Electric Inventory","target":"","id":10934,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/vehicles\/new\/?st=price,asc&view=grid&sc=new&ft=Gasoline%20Hybrid","title":"Hybrid Inventory","target":"","id":10935,"icon":""},{"url":"\/specials\/#specials-department-new-car","title":"Monthly Offers","target":"","id":3029,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/corporate-fleet-partners\/","title":"Corporate Sales Incentives","target":"","id":2041,"icon":""},{"url":"\/models","title":"Explore Models","target":"","id":52,"icon":""}]},"1908":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"https:\/\/www.autowestbmw.com\/demo-inventory\/","title":"Demo Inventory","target":"","id":1907,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/why-buy-a-demo\/","title":"Why Buy A Demo?","target":"","id":1987,"icon":""}]},"68":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"\/vehicles\/used","title":"Pre-Owned Inventory","target":"","id":69,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/sell-us-your-vehicle\/","title":"Sell Your Car","target":"","id":9488,"icon":""},{"url":"https:\/\/www.bmw.ca\/cpo","title":"BMW Certified Program","target":"","id":14205,"icon":""},{"url":"https:\/\/shop.autowestbmw.com\/tradein","title":"Trade In Your Vehicle","target":"_blank","id":3149,"icon":""},{"url":"https:\/\/www.classicgarage.ca\/","title":"Classic BMWs","target":"","id":8857,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/one-price-policy\/","title":"One-Price Policy","target":"","id":9332,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/auto-west-certified-warranty\/","title":"Auto West Certified Warranty","target":"","id":1978,"icon":""}]},"7998":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"\/the-bmw-i4-the-first-ever-fully-electric-gran-coupe\/","title":"i4 Gran Coupe","target":"","id":5976,"icon":""},{"url":"https:\/\/www.bmw.ca\/en\/all-models\/m-series\/bmw-i5-m60\/bmw-i5-m60xdrive-overview.html","title":"i5 Sedan","target":"","id":14219,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/meet-the-all-new-bmw-ix\/","title":"iX SUV","target":"","id":6978,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/the-bmw-i7-is-an-amazing-luxury-sedan\/","title":"i7 Sedan","target":"","id":10919,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/pre-order-the-2023-bmw-xm\/","title":"XM SUV","target":"","id":11341,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/vehicles\/new\/?st=price,asc&view=grid&sc=new&ft=Gasoline%20Hybrid","title":"Plug-in Hybrid","target":"","id":10933,"icon":""},{"url":"https:\/\/www.bmw.ca\/en\/topics\/details\/electromobility-hub.html","title":"About BMW Electromobility","target":"","id":14218,"icon":""}]},"1913":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"https:\/\/www.bmw.ca\/en\/topics\/offers-and-services\/financial-services\/bmw-financial-services.html","title":"BMW Financial Services","target":"","id":13724,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/financing-faq\/","title":"Financing FAQ","target":"","id":2835,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/bmw-lease-maturity\/","title":"Lease Maturity Options","target":"","id":2017,"icon":""}]},"1912":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"https:\/\/www.autowestbmw.com\/service\/","title":"Book Service Appointment","target":"","id":67,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/parts\/","title":"Order Parts","target":"","id":46,"icon":""},{"url":"\/specials\/#specials-department-service","title":"Monthly Specials","target":"","id":3030,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/owners-advantage-program\/","title":"Owner's Advantage Program","target":"","id":7617,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/collision-repair\/","title":"Collision Repair","target":"","id":2022,"icon":""},{"url":"https:\/\/www.bmw.ca\/en_CA\/ssl\/VehicleRecall.html#\/bookmark=aHR0cHM6Ly9jcm0uYm13LmNhL2VuLUNBL1ZlaGljbGVSZWNhbGw\/dmluPSR7dXJsUGFyYW1ldGVyLnZpbn0mcmVmZXJyZXI9JHt1cmxQYXJhbWV0ZXIucmVmZXJyZXJ9","title":"Recall VIN Lookup","target":"","id":5679,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/bmw-accessories\/","title":"BMW Accessories","target":"","id":2145,"icon":""}]},"1914":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"https:\/\/www.autowestbmw.com\/contact\/","title":"Contact Us","target":"","id":43,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/team\/","title":"Meet Our Team","target":"","id":65,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/about\/","title":"Our Dealership","target":"","id":49,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/why-buy-from-us\/","title":"Why Buy From Us?","target":"","id":1979,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/why-service-with-us\/","title":"Why Service With Us?","target":"","id":1937,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/reviews\/","title":"Reviews","target":"","id":48,"icon":""},{"url":"https:\/\/www.autowestbmw.com\/blog-2\/","title":"Blog","target":"","id":1921,"icon":""},{"url":"https:\/\/ca.indeed.com\/cmp\/Auto-West-BMW\/jobs","title":"Careers","target":"_blank","id":1922,"icon":""}]}}; /* ]]> */ </script> <script type="text/javascript" defer src="https://www.autowestbmw.com/wp-content/plugins/convertus-mega-menu/include/menu/main.convertus.min.js?ver=1731963997" id="mega-menu-js"></script> <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.autowestbmw.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":"63181e5db0"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.autowestbmw.com/wp-content/themes/convertus-achilles/achilles/js/client-revert.convertus.min.js?ver=1731963997" id="global-js-js"></script> <script type="text/javascript" src="https://www.autowestbmw.com/wp-content/themes/convertus-achilles/achilles/functions-partials/dealertrack/assets/js/main.convertus.min.js?ver=1731963997" id="dt-base-script-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¢er=49.1841428%2C-123.1032912&language=en&style=&key=AIzaSyAkq4PIMMcM_i4XKyEWvh8xMHIea9_NW1s&signature=tEM8uUlhZy01QqDZsKlgil56xEM=","placeId":"ChIJ7__-wxB1hlQRTlkcF_i1rko","nonce":"0764ab6567"}; /* ]]> */ </script> <script type="text/javascript" defer src="https://www.autowestbmw.com/wp-content/plugins/convertus-google-maps/js/main.convertus.min.js?ver=1731963997" id="convertus-google-maps-js"></script> <script type="module" src="https://www.autowestbmw.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.autowestbmw.com/wp-content/mu-plugins/convertus-compare-vehicle/include/listener/main.convertus.min.js?ver=1731963997" id="compare-listener-js"></script> <script type="text/javascript" defer src="https://www.autowestbmw.com/wp-content/plugins/convertus-my-garage/include/drawer/main.convertus.min.js?ver=1731963997" id="garage-drawer-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="/electric-bmw-i4-reserve-now/#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.autowestbmw.com/electric-bmw-i4-reserve-now/" /> <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-673f0662d3e37-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="1732183650"><input type="hidden" name="email-pot-time-check" value="4"><label for="wpcf7-673f0662d3e37-field" class="hp-message">Please leave this field empty.</label><input id="wpcf7-673f0662d3e37-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-673f0662d3e89-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="1732183650"><input type="hidden" name="name-pot-time-check" value="4"><label for="wpcf7-673f0662d3e89-field" class="hp-message">Please leave this field empty.</label><input id="wpcf7-673f0662d3e89-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":"466752046","transactionName":"MwdUMBBXXEoFAEBeVwpNYxYLGVtXAAZMGUgMEg==","queueTime":0,"applicationTime":262,"atts":"H0BXRlhNT0Q=","errorBeacon":"bam.nr-data.net","agent":""}</script></body> </html>
