Online Parts Ordering

</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="updateMediaCDN( 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 dark"> <div class="footer__main"> <div class="footer__background-container " style="background-image:url()"></div> <div class="row"> <div class="col footer__quick-links"> <h4 class="footer__title" convertus-data-id="footer__quick-links-header"> Quick Links </h4>  <ul class="footer__quick-links"> <li><a class="footer__quick-links-link" convertus-data-id="footer__sitemap" href="https://www.southtrailhyundai.com/sitemap">Sitemap</a></li> <li><a class="footer__quick-links-link" convertus-data-id="footer__terms-conditions" href="https://www.southtrailhyundai.com/terms-conditions" rel="nofollow">Terms & Conditions</a></li> <li><a class="footer__quick-links-link" convertus-data-id="footer__privacy-policy" href="https://www.southtrailhyundai.com/privacy-policy" rel="nofollow">Privacy Policy</a></li> <li><a class="footer__quick-links-link" convertus-data-id="footer__bill-s-211-report" href="https://www.southtrailhyundai.com/bill-s-211-report" rel="nofollow">Bill S-211 Report</a></li> </ul> </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="#Sales35361235946803b28105dbf" id="Sales35361235946803b28105dbf-tab" role="tab" > Sales </a> </li> <li class="nav-tabs__tab "> <a href="#Service35361235946803b28105dbf" id="Service35361235946803b28105dbf-tab" role="tab" > Service </a> </li> <li class="nav-tabs__tab "> <a href="#Parts35361235946803b28105dbf" id="Parts35361235946803b28105dbf-tab" role="tab" > Parts </a> </li> </ul> <div class="tab-content"> <div class="tab-content__panel active in" id="Sales35361235946803b28105dbf" role="tabpanel"> <table class="hours hours--simple"> <caption class="seo-hidden">Dealership hours of operation</caption> <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 - 8:00 PM</td> </tr> <tr class="hours__row hours__row--active"> <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">Closed</td> </tr> </table> </div> <div class="tab-content__panel " id="Service35361235946803b28105dbf" role="tabpanel"> <table class="hours hours--simple"> <caption class="seo-hidden">Dealership hours of operation</caption> <tr class="hours__row "> <th scope="row" class="hours__day hours__day--en"><strong>Mon - Fri</strong></th> <td class="hours__time">7:30 AM - 5:30 PM</td> </tr> <tr class="hours__row hours__row--active"> <th scope="row" class="hours__day hours__day--en"><strong>Sat</strong></th> <td class="hours__time">9:00 AM - 4: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="Parts35361235946803b28105dbf" role="tabpanel"> <table class="hours hours--simple"> <caption class="seo-hidden">Dealership hours of operation</caption> <tr class="hours__row "> <th scope="row" class="hours__day hours__day--en"><strong>Mon - Fri</strong></th> <td class="hours__time">7:30 AM - 5:30 PM</td> </tr> <tr class="hours__row hours__row--active"> <th scope="row" class="hours__day hours__day--en"><strong>Sat</strong></th> <td class="hours__time">9:00 AM - 4: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 footer__contact hidden-sm-down"> <h4 class="footer__title"> Get in Touch </h4> <div class="footer__address"> <p class="footer__address-dealership">South Trail Hyundai</p> <p>6403 130 Ave SE, Calgary, AB, T2Z 5E1, Canada</p> </div> <div class="contact-block mb-sm"> <div class="contact-block__list contact-block__list--phone"> <a class="contact-block__link jcsb" data-phone-type="sales" convertus-data-id="footer__phone" href="tel:(587) 393-5833"> <span class="contact-block__phone-label"> Sales </span> <span class="contact-block__phone-number"> (587) 393-5833 </span> </a> <a class="contact-block__link jcsb" data-phone-type="parts" convertus-data-id="footer__phone" href="tel:(587) 393-5845"> <span class="contact-block__phone-label"> Parts </span> <span class="contact-block__phone-number"> (587) 393-5845 </span> </a> <a class="contact-block__link jcsb" data-phone-type="service" convertus-data-id="footer__phone" href="tel:(587) 393-5844"> <span class="contact-block__phone-label"> Service </span> <span class="contact-block__phone-number"> (587) 393-5844 </span> </a> </div> </div> <div class="contact-block"> <div class="contact-block__list"> <a class="contact-block__link aic modal-trigger" data-target="general-contact-modal" convertus-data-id="footer__contact"> Email Us<i class="far fa-envelope ml-sm" aria-hidden="true"></i> </a> </div> </div> </div> <div class="col hidden-sm-down"> <h4 class="footer__title"> Location </h4> <div class="footer__map-wrapper"> <div class="hidden-sm-down mb-sm"> <div class="google-maps-wrapper gmaps-full-height"> <div class="convertus-gmaps-component gmaps-full-height" v-cloak> <google-maps :options="{"width":"220px","height":"150px","zoom":15,"group":false,"static":"yes","static_url":null,"url":"https:\/\/www.southtrailhyundai.com\/get-directions","directions":false,"footer":"yes","button":false,"location":"","mapdata":"","selected_sites":"","mapStyles":null}" :dealer-info="{"blog_id":66,"uname":"dealership_settings","name":"South Trail Hyundai","address1":"6403 130 Ave SE","address2":"Calgary, AB T2Z 5E1","website":"https:\/\/www.southtrailhyundai.com","isGroup":false,"oem":"Hyundai","phones":{"General":"","Toll Free":"","Toll Free - 2":"","Sales":"(587) 393-5833","Finance":"","Parts":"(587) 393-5845","Service":"(587) 393-5844","Body Shop":"","Fleet":"","Collision":"(88"}}" :search-request="[]" :locations="{"data":[{"location":{"lat":50.9279993,"lng":-113.9404849,"static_map":"https:\/\/maps.googleapis.com\/maps\/api\/staticmap?size=1920x640&zoom=15&center=50.9279993%2C-113.9404849&language=en&style=&key=AIzaSyAkq4PIMMcM_i4XKyEWvh8xMHIea9_NW1s&signature=JU40sthokwvKPlBOybssBswaosc=","static_map_small":"https:\/\/maps.googleapis.com\/maps\/api\/staticmap?size=540x160&zoom=15&center=50.9279993%2C-113.9404849&language=en&style=&key=AIzaSyAkq4PIMMcM_i4XKyEWvh8xMHIea9_NW1s&signature=phrCxhwfcOIZ32JG7G9-GIy4_Hw="},"dealer_info":{"blog_id":66,"uname":"dealership_settings","name":"South Trail Hyundai","address1":"6403 130 Ave SE","address2":"Calgary, AB T2Z 5E1","website":"https:\/\/www.southtrailhyundai.com","isGroup":false,"oem":"Hyundai","phones":{"General":"","Toll Free":"","Toll Free - 2":"","Sales":"(587) 393-5833","Finance":"","Parts":"(587) 393-5845","Service":"(587) 393-5844","Body Shop":"","Fleet":"","Collision":"(88"}}}]}" :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> </div> <div class="footer__mobile-buttons hidden-md-up"> <a class="button" data-phone-type="sales" convertus-data-id="footer__phone--mobile" href="tel:(587)%20393-5833"> <i class="fas fa-fw fa-phone" aria-hidden="true"></i> <strong>Sales</strong> <span>(587) 393-5833</span> </a> <a class="button gtm_directions" convertus-data-id="footer__directions--mobile" href="https://www.southtrailhyundai.com/get-directions/"> <i class="fas fa-fw fa-map-marker-alt" aria-hidden="true"></i><span class="button-text">Get Directions</span> </a> <a class="button modal-trigger" data-target="general-contact-modal" convertus-data-id="footer__contact--mobile"> <i class="fas fa-fw fa-envelope" aria-hidden="true"></i><span class="button-text">Contact Us</span> </a> </div> </div> <div class="footer__lower footer__lower--has-compliancy"> <div class="footer__compliancy-wrapper mr-lg"> <img class="footer__compliancy-logo svg" src="https://www.southtrailhyundai.com/wp-content/themes/convertus-achilles/achilles/assets/images/compliancy-logos/amvic-logo.svg" loading="lazy" alt="AMVIC logo"> </div> <div class="footer__social mr-lg" convertus-data-id="footer__social-icons" > <div class="social-block"> <a class="social-icon social-icon--facebook social-icon--light" target="_blank" href="https://www.facebook.com/SouthTrailHyundai/?_ga=2.78326295.2001768359.1632424456-1323141356.1631110931"> <img src="https://www.southtrailhyundai.com/wp-content/themes/convertus-platinum-hyundai/achilles/assets/images/facebook.svg" loading="lazy" alt="Facebook"> <span class="seo-hidden">Facebook</span> </a> <a class="social-icon social-icon--twitter social-icon--light" target="_blank" href="https://twitter.com/st_hyundai?ref_src=twsrc%5Etfw%7Ctwcamp%5Eembeddedtimeline&ref_url=https%3A%2F%2Fww&_ga=2.78326295.2001768359.1632424456-1323141356.1631110931"> <img src="https://www.southtrailhyundai.com/wp-content/themes/convertus-platinum-hyundai/achilles/assets/images/twitter.svg" loading="lazy" alt="Twitter"> <span class="seo-hidden">Twitter</span> </a> <a class="social-icon social-icon--instagram social-icon--light" target="_blank" href="https://www.instagram.com/southtrailhyundai/?_ga=2.78326295.2001768359.1632424456-1323141356.1631110931"> <img src="https://www.southtrailhyundai.com/wp-content/themes/convertus-platinum-hyundai/achilles/assets/images/instagram.svg" loading="lazy" alt="Instagram"> <span class="seo-hidden">Instagram</span> </a> <a class="social-icon social-icon--youtube social-icon--light" target="_blank" href="https://www.youtube.com/channel/UC0d7rON8dQ7Vp7G0Zaa6gFg"> <img src="https://www.southtrailhyundai.com/wp-content/themes/convertus-platinum-hyundai/achilles/assets/images/youtube.svg" loading="lazy" alt="Youtube"> <span class="seo-hidden">Youtube</span> </a> <a class="social-icon social-icon--tiktok social-icon--light" target="_blank" href="https://www.tiktok.com/@southtrailhyundai_yyc"> <img src="https://www.southtrailhyundai.com/wp-content/themes/convertus-platinum-hyundai/achilles/assets/images/Tik-tok.svg" loading="lazy" alt="Tiktok"> <span class="seo-hidden">TikTok</span> </a> </div> </div> <div class="footer__link-wrapper"> <strong class="footer__lower-link">South Trail Hyundai<sup>©</sup> 2025</strong><span class="hidden-sm-down">·</span> <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.southtrailhyundai.com/wp-content/themes/convertus-achilles/achilles/assets/images/tadvantage-logos/tadvantage-logo.svg" loading="lazy" alt="Tadvantage logo"> </a> </div> <a href="//www.hyundaicanada.com" target="_blank" class="footer__hyundai-logo"> <img src="https://www.southtrailhyundai.com/wp-content/themes/convertus-platinum-hyundai/achilles/assets/images/HyundaiLogoSVG-white.svg" loading="lazy" alt="Hyundai logo"> </a> </div> </footer> <script type="text/javascript"> jQuery( function ( $ ) { jQuery.fn.load = function( callback ){ $( window ).on( "load", callback ) }; const askAvaScript = document.createElement('script'); askAvaScript.src = "https://assets.askava.ai/v2/api.js?widgetId=bfdff210c46d&features=modal,customCta"; askAvaScript.defer = true; askAvaScript.async = true; document.querySelector('head').insertAdjacentElement('beforeend', askAvaScript); $('<img src="https://fcatadvantage-com.cdn-convertus.com/uploads/sites/134/2021/09/MicrosoftTeams-image-81.jpg" class="FooterImg" />').insertBefore('.footer__main'); $('.footer__main .footer__mobile-buttons.hidden-md-up a[convertus-data-id ="footer__contact--mobile"]').removeClass("modal-trigger"); $('.footer__main .footer__mobile-buttons.hidden-md-up a[convertus-data-id ="footer__contact--mobile"]').html('<a href = "sms: (587)-393-5833" class="contact-block__link"><i class="fas fa-envelope" aria-hidden="true"></i><strong>Text Us</strong></a>'); $('body > footer > div.footer__main > div.row > div.col.footer__contact.hidden-sm-down > div:nth-child(4) > div > a').removeClass("modal-trigger"); $('body > footer > div.footer__main > div.row > div.col.footer__contact.hidden-sm-down > div:nth-child(4) > div > a').html('<a href = "sms: (587)-393-5833" class="contact-block__link" convertus-data-id="footer__contact"><i class="fas fa-envelope" aria-hidden="true"></i><strong>Text Us</strong></a>'); /* Kayla | SR00334407 - home page modifications */ /* change hero 'Next Step' CTA link */ setTimeout(() => { $('.home-page #price-slider a').attr('href', '/finance-application/'); }, 1000) /* add flashing CTA to header */ $('.header--desktop #garage-drawer').before('<a class="button button--centered flashing-button" href="https://southtrail.shop.hyundaicanada.com/pre_approve">Get Pre-Approved</a>'); /* END Kayla | SR00334407 */ /* CH - 02195014 - 1/5/22 */ window.lpTag = window.lpTag || {}, 'undefined' == typeof window.lpTag._tagCount ? (window.lpTag = { wl: lpTag.wl || null, scp: lpTag.scp || null, site: '35802405' || '', section: lpTag.section || '', tagletSection: lpTag.tagletSection || null, autoStart: lpTag.autoStart !== !1, ovr: lpTag.ovr || {}, _v: '1.10.0', _tagCount: 1, protocol: 'https:', events: { bind: function (t, e, i) { lpTag.defer(function () { lpTag.events.bind(t, e, i) }, 0) }, trigger: function (t, e, i) { lpTag.defer(function () { lpTag.events.trigger(t, e, i) }, 1) } }, defer: function (t, e) { 0 === e ? (this._defB = this._defB || [], this._defB.push(t)) : 1 === e ? (this._defT = this._defT || [], this._defT.push(t)) : (this._defL = this._defL || [], this._defL.push(t)) }, load: function (t, e, i) { var n = this; setTimeout(function () { n._load(t, e, i) }, 0) }, _load: function (t, e, i) { var n = t; t || (n = this.protocol + '//' + (this.ovr && this.ovr.domain ? this.ovr.domain : 'lptag.liveperson.net') + '/tag/tag.js?site=' + this.site); var o = document.createElement('script'); o.setAttribute('charset', e ? e : 'UTF-8'), i && o.setAttribute('id', i), o.setAttribute('src', n), document.getElementsByTagName('head').item(0).appendChild(o) }, init: function () { this._timing = this._timing || {}, this._timing.start = (new Date).getTime(); var t = this; window.attachEvent ? window.attachEvent('onload', function () { t._domReady('domReady') }) : (window.addEventListener('DOMContentLoaded', function () { t._domReady('contReady') }, !1), window.addEventListener('load', function () { t._domReady('domReady') }, !1)), 'undefined' === typeof window._lptStop && this.load() }, start: function () { this.autoStart = !0 }, _domReady: function (t) { this.isDom || (this.isDom = !0, this.events.trigger('LPT', 'DOM_READY', { t: t })), this._timing[t] = (new Date).getTime() }, vars: lpTag.vars || [], dbs: lpTag.dbs || [], ctn: lpTag.ctn || [], sdes: lpTag.sdes || [], hooks: lpTag.hooks || [], identities: lpTag.identities || [], ev: lpTag.ev || [] }, lpTag.init()) : window.lpTag._tagCount += 1; /* CH - 02195014 - 1/5/22 */ /* KB | 02212420 - VDP add close button to mobile Carfax modal - 02/01/2023 */ $(window).load(function () { $('.modal-carfax.modal-content').prepend('<button id="close-carfax-modal" class="modal-close" aria-label="close"><i aria-hidden="true" class="far fa-times"></i></button>'); $('#close-carfax-modal').on('click', function () { $('#carfax-modal').removeClass('modal--active'); }) }); /* END KB | 02212420 */ /* Bhavin Patel | case 02218690 */ if ($('.srp-wrapper').length > 0) { $('.srp-banner__link').attr('href', 'https://southtrail.shop.hyundaicanada.com/inventory'); } /* End | case 02218690 */ /* Bhavin Patel | case 02225919 */ var target = document.querySelector('body'); var observer = new MutationObserver(function (mutations) { if ($('.srp-wrapper').length > 0) { $('.quick-vdp-button').on('click', function () { $btnRoaster = $(this).closest('.vehicle-card__image-area').next().find('.hyundairoaster').clone(); $btnRoaster.removeAttr('class').addClass('button button--centered contact quick-vdp-hundairoadster'); if (!$("#vdp-modal .quick-vdp__details .quick-vdp-hundairoadster").length) $("#vdp-modal .quick-vdp__details .contact").after($btnRoaster); }); } }); var config = { childList: true, }; observer.observe(target, config); observer.disconnect(); observer.observe(target, config); /* End | case 02225919 */ /* START Aldrin C. | 02234993 - Hide Location Tags for New VLP Only | 3-14-23 */ var target = document.querySelector('body'); var observer = new MutationObserver(function (mutations) { if ($('.srp-wrapper').length > 0) { $('div[data-vehicle-condition="New"] .vehicle-card__location').find('.fa-map-marker-alt').closest('.vehicle-card__location').css('visibility', 'hidden'); } }); var config = { childList: true, }; observer.observe(target, config); observer.disconnect(); observer.observe(target, config); /* END Aldrin C. | 02234993 - Hide Location Tags for New VLP Only | 3-14-23 */ /*Aftab - 02236361 - Start*/ if ($('.vdp-wrapper').length > 0) { if ($('#wpcf7-f1807-o6').length > 0) { document.getElementsByClassName('wpcf7-submit')[0].value = 'Confirm Test Drive'; } } /*Aftab - 02236361 - End*/ /* KB | 02249109 - SRP change no price text to button - 04/12/2023 */ if (document.querySelector('.srp-wrapper')) { if (jQuery('.srp-wrapper').length > 0) { // node to observe for mutations const target = document.querySelector('body'); const config = { childList: true }; function showBtnNoPrice() { $('.vehicle-card').each(function () { if ($(this).find('.vehicle-card__no-price').length) { $(this).find('.vehicle-card__no-price').html($(this).find('#srp-button-widget2').show()) } }) } const observer = new MutationObserver(function (mutations) { showBtnNoPrice(); }); observer.observe(target, config); observer.disconnect(); observer.observe(target, config); } } /* END KB | 02249109 */ /* Bhavin Patel | 02255575 | Start | HTML is added in SRP after content widget*/ if ($('.srp-wrapper').length > 0) { if (vmsData.params.mk == 'hyundai' && vmsData.params.md == 'venue') { $('.hyundai-venue').clone().insertBefore('.srp-disclaimer.wrapper').show(); } } /* Bhavin Patel | 02255575 | End */ /* Bhavin Patel | 02257263 | Start | HTML is added in SRP after content widget*/ if ($('.srp-wrapper').length > 0) { if (vmsData.params.mk == 'hyundai' && vmsData.params.md == 'tucson') { $('.hyundai-tucson').clone().insertBefore('.srp-disclaimer.wrapper').show(); } } /* Bhavin Patel | 02257263 | End */ /* JR | 02262518 | Start | HTML is added in SRP after content widget*/ if ($('.srp-wrapper').length > 0) { if (vmsData.params.mk == 'hyundai' && vmsData.params.md == 'palisade') { $('.hyundai-palisade').clone().insertBefore('.srp-disclaimer.wrapper').show(); } } /* JR | 02262518 | End */ /* START Aldrin C. | 02263684 - Add Content to Custom VLP | 5-8-23 */ if ($('.srp-wrapper').length > 0) { if (vmsData.params.mk == 'hyundai' && vmsData.params.md == 'santa-cruz') { $('.hyundai-santa-cruz').clone().insertBefore('.srp-disclaimer.wrapper').show(); } } /* END Aldrin C. | 02263684 - Add Content to Custom VLP | 5-8-23 */ /* James Hong - SR00357586 - add content to certain model SRP - 12/6/2023 */ // If viewing the Kona model SRP if (vmsData.pageType == 'srp') { // Save the function to check if a filter was changed every set interval const checkSrpId = setInterval(checkHyundaiKonaSrp, 500); function checkHyundaiKonaSrp() { // Define the content to be added/removed (Hyundai Kona specific content) let hyundaiKonaContent = $('.srp-wrapper .hyundai-kona-content') // Define the search string (filters for the SRP, stored in the page URL) let searchString = window.location.search.toLowerCase() // Check the Hyundai Kona content doesn't already exist and the current SRP is for that model if (hyundaiKonaContent.length < 1 && searchString.includes('hyundai') && searchString.includes('kona')) { // On the Hyundai Kona vehicles SRP // Define the model-specific content (for Hyundai Kona only) const modelContent = `<div class="hyundai-kona-content" style="padding: 25px;"><h1>New 2024 Hyundai KONA for Sale in Calgary, AB</h1> <p>Get to know the all-new 2024 Hyundai KONA, a completely redesigned compact SUV offering new technology, looks, and a new hybrid powertrain option. Modern and athletic, the new SUV flaunts a captivating new exterior with sleek new headlights, a new sculpted frame, and updated wheel options. As for the cabin, the new Hyundai KONA has been tailored with premium material options, upgraded technology, and added versatility. Keep reading to unpack all the exciting performance options, design highlights, and innovative technology waiting for you. Shop our <a href="https://southtrailhyundai.com/vehicles/new/?st=model,asc&view=grid&sc=new">New Hyundai</a> models and <a href="https://southtrailhyundai.com/vehicles/used/?st=model,asc&view=grid&sc=used">Pre-Owned</a> vehicles to find the perfect ride for you. After you’ve found the model right for you, stop by South Trail Hyundai in Calgary, AB for a test drive today!</p> <p><em>Starting at $24,000 est.</em></p> <h2>2023 vs 2024 Hyundai KONA</h2> <p>The 2024 Hyundai KONA has been redesigned for the new model year. Turn heads with the modernized exterior with sleek new lighting, accents, and a more sculpted frame. Inside, the all-new 2024 Hyundai KONA features a reorganized layout and updated dual 12.3-inch displays. As for power, a new hybrid powertrain option is available for added range and capability.</p> <h2>Exciting Performance</h2> <p>Feel instant power and unleash unreal range with the new 2024 Hyundai KONA. Choose from a range of innovative powertrain and engine options to unlock the range and thrills your lifestyle demands. Whether that’s the 2.0L engine, the available turbocharged 1.6L engine, or the KONA Electric model, the new Hyundai KONA has the perfect performance for everyone. More impressive Hyundai KONA performance highlights include:</p> <ul> <li>Available HTRAC All-Wheel Drive</li> <li>Standard 147 horsepower and available 190 horsepower</li> <li>Available KONA N Line w/ sport upgrades</li> <li>KONA Electric w/ up to 260 miles of range</li> </ul> <h2>Revamped Design</h2> <p>The all-new 2024 Hyundai KONA stands out from the competition with sleek new looks inside and out. From the new seamless horizon lamp and new available 19-inch wheels to the bold new trim and package updates, the new Hyundai KONA is built to impress. As for the cabin, the new Hyundai KONA offers an impressive array of first-class features that include:</p> <ul> <li>Available heated front seats w/ premium H-Tex™ materials</li> <li>Available 8-way power lumbar front driver's seat</li> <li>60/40 split flat-folding 2nd-row</li> <li>Available hands-free smart liftgate</li> </ul> <h2>Upgraded Technology</h2> <p>Effortlessly stay connected, informed, and safe inside the all-new 2024 Hyundai KONA. Unpack all the new intelligent technology waiting for you behind the wheel of the new Hyundai KONA today. Access all your favorite features, vital vehicle information, and more from the new dual 12.3-inch displays. Link up to your smartphone via Apple CarPlay or Android Auto. Stay safe with help from intuitive safety features that include:</p> <ul> <li>Standard automated emergency braking</li> <li>Standard lane-departure warning w/ lane-keeping assist</li> <li>Available adaptive cruise control</li> <li>Rear Occupant Alert and Safe Exit Warning</li> </ul> </div>`; // Add the model-specific content $('.srp-wrapper p.srp-disclaimer').after(modelContent); } // Content for Hyundai Kona vehicles exists and not a Hyundai Kona SRP (either the make isn't Hyundai or the model isn't Kona) else if (hyundaiKonaContent.length > 0 && (!searchString.includes('hyundai') || !searchString.includes('kona'))) { // Remove the content hyundaiKonaContent.remove(); } } } /* End - James Hong - SR00357586 - add content to certain model SRP - 12/6/2023 */ /* START Aldrin C. | 02283333 - Add Content to Custom VLP | 6-15-23 */ if ($('.srp-wrapper').length > 0) { if (vmsData.params.mk == 'hyundai' && vmsData.params.md == 'santa-fe') { $('.hyundai-santa-fe').clone().insertBefore('.srp-disclaimer.wrapper').show(); } } /* END Aldrin C. | 02283333 - Add Content to Custom VLP | 6-15-23 */ /* James Hong |SR00358948 - add widgets to custom page - 7/5/2023 */ /* James Hong |SR00359942 -Don't add Amazon stylesheet for model research - 24/07/2023 */ // Removes code /* END James Hong | SR00359942 */ /* END James Hong |SR00358948 */ /* James Hong |SR00358984 - add autoverify script - 05/07/2023 */ /* James Hong | SR00360866 - remove AV assets from site - 14/08/2023 */ // Removed Autoverify code /* END James Hong |SR00360866 */ /* END James Hong |SR00358984 */ /* Bhavin | case 02310808 | start */ if ($('.srp-wrapper').length > 0 && window.location.pathname == '/vehicles-under-15k/' ) { document.title = 'Used Cars for sale under 15k | South Trail Hyundai'; } /* Bhavin | case 02310808 | End*/ /* START Aldrin C. | 02329491 - Add Content to Custom VLP | 9-12-23 */ if ($('.srp-wrapper').length > 0) { if (vmsData.params.mk == 'hyundai' && vmsData.params.md == 'ioniq-6') { $('.hyundai-ioniq-6').clone().insertBefore('.srp-disclaimer.wrapper').show(); } } /* END Aldrin C. | 02329491 - Add Content to Custom VLP | 9-12-23 */ /* START Aldrin C. | 02329492 - Add Content to Custom VLP | 9-12-23 */ if ($('.srp-wrapper').length > 0) { if (vmsData.params.mk == 'hyundai' && vmsData.params.md == 'kona') { $('.hyundai-kona').clone().insertBefore('.srp-disclaimer.wrapper').show(); } } /* END Aldrin C. | 02329492 - Add Content to Custom VLP | 9-12-23 */ /* END James Hong | 02337142 */ /* James Hong | 02348366 - model research page - remove duplicate models (ioniq 6) - 18/10/2023 */ // When the window is ready $(function () { const addModel = function (modelName) { let modelImage, modelReviewLink, modelVdpLink switch (modelName) { case 'New Hyundai IONIQ 6': modelImage = 'https://d2ivfcfbdvj3sm.cloudfront.net/6fd260a869c3d7bf9335a6ae5bfa3238b7514259001034/color_no_cr/color_0640_032_png/MY2023/53284/53284_cc0640_032_A2B.png' modelReviewLink = '/new-hyundai-ioniq-6-model-review/' modelVdpLink = '/vehicles/new/?st=model,asc&view=grid&sc=new&qs=IONIQ%20' break; } // If the model image and model review link and VDP link was set if (modelImage && modelReviewLink && modelVdpLink) { // Selector updated - James Hong | 02348366 - 18/10/2023 let lastSuvModel = $('#gld-content a.brand-btn[href*="kona-model"]').first().parent() // Clone the last SUV model let newModel = lastSuvModel.clone() // Change the image, alt text, the heading for the model, the model review link, and the 'view inventory' link url for the new model to be added newModel .find('img') .attr('src', modelImage) .attr('alt', modelName) newModel .find('h3') .text(modelName) newModel .find('a[href*="model-review') .attr('href', modelReviewLink) newModel .find('a[href*="/vehicles/') .attr('href', modelVdpLink) // Add the new model after the last SUV model lastSuvModel.after(newModel) } }; // If on a custom page (New > New Model Research) if ( $('.page-id-7495').length ) { // On a custom page // Add a model to the page addModel('New Hyundai IONIQ 6'); } }); /* END James Hong | 02348366 */ /*SR00364324 13 October 2023 Azool Hirani*/ $('img[alt="2023 Hyundai Kona Electric SE"]').attr('src', 'https://tadvantagealpha-com.cdn-convertus.com/uploads/sites/66/2023/10/52217_cc0640_032_V7U.png'); $('img[alt="2023 Hyundai Kona Electric SE"]').next().next().attr('href', 'https://southtrailhyundai.com/new-hyundai-kona-electric-model-review/'); $('img[alt="2023 Hyundai Kona Electric SE"]').next().next().next().attr('href', 'https://southtrailhyundai.com/vehicles/new/?st=model,asc&view=grid&sc=new&qs=Kona%20Electric'); /*End SR00364324 13 October 2023 Azool Hirani*/ $('.button-group').prepend(`<button class="button button-group__button button--centered mb-xs custom-trade-in-cta" onclick="window.askAva.openModal({ product: 'tradeTool' });">Value Your Trade</button>`); /*Add a book test drive button*/ if (document.querySelector('.vdp-wrapper')) { var engine = vmsData.vehicle.engine; var exteriorColor = vmsData.vehicle.exterior_color; var interiorColor = vmsData.vehicle.interior_color; var make = vmsData.vehicle.make; var model = vmsData.vehicle.model; var status = vmsData.vehicle.sale_class; var stockNumber = vmsData.vehicle.stock_number; var transmission = vmsData.vehicle.transmission; var trim = vmsData.vehicle.trim; var vin = vmsData.vehicle.vin; var year = vmsData.vehicle.year; var mileage = vmsData.vehicle.odometer; var condition = vmsData.vehicle.sale_class; var listingMsrp = vmsData.vehicle.msrp; var listingPrice = vmsData.vehicle.internet_price; var listingImageUrl = vmsData.vehicle.image[0].image_original; var listingUrl = vmsData.vehicle.vdp_url; var listingTitle = vmsData.vehicle.make; } const avaDriveScript = document.createElement('script'); avaDriveScript.innerHTML = ` window.askAva = window.askAva || { datalayer: [], }; askAva.datalayer.push("company", { widget: "bfdff210c46d" }); askAva.datalayer.push("asset", { engine: "${engine}", exteriorColor: "${exteriorColor}", interiorColor: "${interiorColor}", make: "${make}", model: "${model}", status: "${status}", stockNumber: "${stockNumber}", transmission: "${transmission}", trim: "${trim}", vin: "${vin}", year: "${year}", mileage: "${mileage}", condition: "${condition}", listingMsrp: "${listingMsrp}", listingPrice: "${listingPrice}", listingImageUrl: "${listingImageUrl}", listingUrl: "${listingUrl}", listingTitle: "${listingTitle}", });`; $('body').append(avaDriveScript); $('.vdp-wrapper .button-group').prepend('<button class="avabtn button-group__button button button--centered modal-trigger button--solid" onclick="window.askAva.openModal({ product: `driveTool`});">Book Your Test Drive!</button>'); $('#CreditTool').appendTo(' .vdp-wrapper .photo-gallery'); // MK - SRP Book a test Drive if (vmsData.pageType == 'srp') { var target = document.querySelector('body'); var observer = new MutationObserver(function (mutations) { if ($('.srp-wrapper').length > 0) { $('.srp-wrapper .vehicle-card').each(function() { var $card = $(this); var $button = $card.find('#srp-button-widget1 a'); $button.on('click', $button, function (e) { window.askAva = window.askAva || { datalayer: [], }; askAva.datalayer.push("company", { widget: "029bdc9aaf75" }); askAva.datalayer.push("asset", { engine: $card.attr('data-vehicle-fueltype'), exteriorColor: $card.attr('data-vehicle-colour'), make: $card.attr('data-vehicle-make'), model: $card.attr('data-vehicle-model'), stockNumber: $card.attr('data-vehicle-stock'), transmission: $card.attr('data-vehicle-transmission'), trim: $card.attr('data-vehicle-trim'), vin: $card.attr('data-vehicle-vin'), year: $card.attr('data-vehicle-year'), mileage: $card.attr('data-vehicle-odo'), condition: $card.attr('data-vehicle-condition'), listingMsrp: $card.attr('data-vehicle-msrp'), listingPrice: $card.attr('data-vehicle-internet-price'), listingImageUrl: $card.find('.vehicle-card__image').attr('src'), listingUrl: $card.find('.vehicle-card__image-link').attr('href'), listingTitle: $card.find('.vehicle-card__title').text(), }); e.preventDefault(); askAva.openModal({ feature: "driveTool" }); $("html").css("overflow", "auto"); }); }) } }) var config = { childList: true, subtree: false, }; observer.observe(target, config); } // END - MK - SRP Book a test Drive /*JR - 02599677 **/ function setupMutationObserver(selector, callback) { var config = { childList: true, subtree: true }; var observer = new MutationObserver(function(mutations) { observer.disconnect(); /* Disconnect to avoid recursion */ callback(); observer.observe(document.querySelector(selector), config); /* Re-observe */ }); observer.observe(document.querySelector(selector), config); callback(); } if ($('.srp-wrapper').length > 0) { setupMutationObserver('.srp-wrapper', srpTaxLabel); } function srpTaxLabel() { var $cards = $( '.srp-wrapper .vehicle-card:not(.has-tax-updated)' ); if ( 0 < $cards.length ) { $cards.each( function() { var $card = $( this ); $card.find(`.price-block__sub`).html(function(_, html) { return html.replace('+ ', '*' ); }); $card.addClass( 'has-tax-updated' ); }); } } /*JR - 02599677 - END **/ /* CH - Remove Roadster slideout on 3rd CTA */ if($('.vdp-wrapper').length>0){ $('.hyundairoadster-vehicle-link[href*="?open_trade=1"').removeClass('hyundairoadster-vehicle-link').removeClass('roadster-btn'); } /* CH - Remove Roadster slideout on 3rd CTA */ }); </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 = "/online-parts-ordering/"; var timeDelay = "" * 1000; if ( timeDelay >= 8000 ) { timeDelay = 8000; } </script> <link rel='stylesheet' id='convertus-google-maps-css' href='https://www.southtrailhyundai.com/wp-content/plugins/convertus-google-maps/css/main.css?ver=1744057718' 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.southtrailhyundai.com/wp-content/plugins/convertus-google-maps/css/main.css?ver=1744057718' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='garage-drawer-css' href='https://www.southtrailhyundai.com/wp-content/plugins/convertus-my-garage/include/drawer/main.css?ver=1744057718' type='text/css' media='none' onload="this.media='all';this.onload=null;" /> <noscript><link rel='stylesheet' id='noscript-garage-drawer-css' href='https://www.southtrailhyundai.com/wp-content/plugins/convertus-my-garage/include/drawer/main.css?ver=1744057718' 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":"1b95f4d80b"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.southtrailhyundai.com/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script> <script type="text/javascript" src="https://www.southtrailhyundai.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js"></script> <script type="text/javascript" src="https://www.southtrailhyundai.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/www.southtrailhyundai.com\/wp-json\/","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.southtrailhyundai.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.4.4" id="contact-form-7-js"></script> <script type="text/javascript" src="https://www.southtrailhyundai.com/wp-content/themes/convertus-achilles/achilles/js/client.convertus.min.js?ver=1744057718" 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" id="mega-menu-js-extra"> /* <![CDATA[ */ var megaMenu = {"nonce":"48770ff5ba","9484":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"","title":"New","target":"","id":3250,"icon":""},{"url":"","title":"Pre-Owned","target":"","id":3246,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/hyundai-certified-benefits\/","title":"Hyundai Certified Benefits","target":"","id":9534,"icon":""}]},"3250":{"children":[{"url":"\/vehicles\/new\/","title":"Browse New Inventory","target":"","id":3070,"icon":""},{"url":"https:\/\/southtrail.shop.hyundaicanada.com\/inventory","title":"Build and Price","target":"","id":6826,"icon":""},{"url":"https:\/\/southtrail.shop.hyundaicanada.com\/inventory","title":"Shop From Home","target":"_blank","id":3275,"icon":""},{"url":"https:\/\/southtrail.shop.hyundaicanada.com\/sell_your_car","title":"Value Your Trade","target":"","id":6329,"icon":""},{"url":"https:\/\/southtrailhyundai.com\/get-pre-approved\/","title":"Get Pre-Approved","target":"","id":6327,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/vehicle-brochures\/","title":"Brochures","target":"","id":3269,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/referral-program\/","title":"Referral Program","target":"","id":3281,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/new-hyundai-model-research\/","title":"New Model Research","target":"","id":7556,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/2024-hyundai-kona-ev-whats-new\/","title":"2025 Hyundai Kona Electric- What's New?","target":"","id":8648,"icon":""}]},"3246":{"children":[{"url":"\/vehicles\/used\/","title":"Browse Pre-Owned Vehicles","target":"","id":3069,"icon":""},{"url":"https:\/\/southtrailhyundai.com\/vehicles\/used\/?st=model,asc&view=grid&sc=certified&mk=Hyundai","title":"Hyundai Promise Certified Pre-Owned","target":"","id":8128,"icon":""},{"url":"https:\/\/southtrailhyundai.com\/get-pre-approved\/","title":"Get Pre-Approved","target":"","id":6326,"icon":""},{"url":"https:\/\/southtrail.shop.hyundaicanada.com\/sell_your_car","title":"Value Your Trade","target":"","id":6328,"icon":""},{"url":"https:\/\/southtrail.shop.hyundaicanada.com\/inventory\/used","title":"Shop From Home","target":"","id":6827,"icon":""}]},"9485":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[]},"9486":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"https:\/\/www.southtrailhyundai.com\/2024-hyundai-kona-ev-whats-new\/","title":"2025 Hyundai Kona Electric- What's New?","target":"","id":9554,"icon":""}]},"9487":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"https:\/\/www.southtrailhyundai.com\/service-promotions\/","title":"Service Promotions","target":"","id":8199,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/thule-special\/","title":"THULE Special","target":"","id":9079,"icon":""}]},"3168":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"https:\/\/www.southtrailhyundai.com\/finances\/","title":"Finance Department","target":"","id":2638,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/get-pre-approved\/","title":"Get Pre-Approved","target":"","id":8351,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/payment-calculator\/","title":"Payment Calculator","target":"","id":2642,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/value-your-trade\/","title":"Value your Trade","target":"","id":8180,"icon":""}]},"3166":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"https:\/\/www.southtrailhyundai.com\/service\/","title":"Schedule an Appointment","target":"","id":2645,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/service-promotions\/","title":"Service Promotions","target":"","id":9817,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/thule-special\/","title":"THULE Special","target":"","id":9080,"icon":""},{"url":"https:\/\/parts.southtrailhyundai.com\/","title":"Online Parts Ordering","target":"","id":9323,"icon":""},{"url":"","title":"Parts","target":"","id":3165,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/tires\/","title":"Tires","target":"","id":3129,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/accessories\/","title":"Accessories","target":"","id":3144,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/tires-and-tire-changes\/","title":"Tires","target":"","id":9548,"icon":""},{"url":"","title":"Know your Hyundai","target":"","id":9816,"icon":""}]},"9816":{"children":[{"url":"https:\/\/update.hyundai.com\/CA\/EN\/Main","title":"Hyundai Navigation Update Tool","target":"_blank","id":6890,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/accident-help-centre\/","title":"Accident Help Centre","target":"","id":3218,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/detailing\/","title":"Detailing","target":"","id":3223,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/hyundai-recall-lookup\/","title":"Hyundai Recall Lookup","target":"","id":6889,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/batteries-belts\/","title":"Batteries & Belts","target":"","id":9544,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/brake-service\/","title":"Brake Service","target":"","id":9553,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/oil-and-filters\/","title":"Oil and Filters","target":"","id":9539,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/hyundai-bluelink\/","title":"Hyundai Bluelink","target":"","id":9590,"icon":""}]},"9818":{"fragments":[],"hours_operation":{"department":"","shortcode":""},"subnav_title":"","hide_side_nav":"","fragment_size":"","inventory_filters":[],"children":[{"url":"https:\/\/www.southtrailhyundai.com\/about-us\/","title":"South Trail Hyundai","target":"","id":3122,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/team\/","title":"Meet The Staff","target":"","id":2648,"icon":""},{"url":"","title":"Community","target":"","id":9417,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/privacy-policy\/","title":"Privacy Policy","target":"","id":2643,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/contact\/","title":"Contact Us","target":"","id":2637,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/employment\/","title":"Careers","target":"","id":3118,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/reviews\/","title":"Customer Reviews & Testimonials","target":"","id":2644,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/signature-certified-dealer\/","title":"Signature Certified Dealer","target":"","id":3290,"icon":""}]},"9417":{"children":[{"url":"https:\/\/www.southtrailhyundai.com\/drive-to-care-smiles-to-share\/","title":"Drive To Care, Smiles To Share","target":"","id":9418,"icon":""},{"url":"https:\/\/www.southtrailhyundai.com\/magic-of-christmas\/","title":"Magic of Christmas","target":"","id":9821,"icon":""}]}}; /* ]]> */ </script> <script type="text/javascript" defer src="https://www.southtrailhyundai.com/wp-content/plugins/convertus-mega-menu/include/menu/main.convertus.min.js?ver=1744057718" id="mega-menu-js"></script> <script type="text/javascript" id="convertus-vms-js-extra"> /* <![CDATA[ */ var vmsNonce = {"nonce":"216d4c770a"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.southtrailhyundai.com/wp-content/themes/convertus-platinum-hyundai/achilles/js/main.convertus.min.js?ver=1744057718" id="hyundai-theme-js"></script> <script type="text/javascript" src="https://www.southtrailhyundai.com/wp-content/themes/convertus-achilles/achilles/functions-partials/dealertrack/assets/js/main.convertus.min.js?ver=1744057718" id="dt-base-script-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.southtrailhyundai.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.4.4" id="wpcf7-recaptcha-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=50.9279993%2C-113.9404849&language=en&style=&key=AIzaSyAkq4PIMMcM_i4XKyEWvh8xMHIea9_NW1s&signature=JU40sthokwvKPlBOybssBswaosc=","placeId":"ChIJgVgHUCh4cVMRHUCdcemPo6E","nonce":"1e8cbc7baf"}; var GoogleMaps = {"api":"AIzaSyB52YQb4hwHIkrcDNqQu0Ni22mmGHfqf3g","staticMap":"https:\/\/maps.googleapis.com\/maps\/api\/staticmap?size=1920x640&zoom=15&center=50.9279993%2C-113.9404849&language=en&style=&key=AIzaSyAkq4PIMMcM_i4XKyEWvh8xMHIea9_NW1s&signature=JU40sthokwvKPlBOybssBswaosc=","placeId":"ChIJgVgHUCh4cVMRHUCdcemPo6E","nonce":"1e8cbc7baf"}; /* ]]> */ </script> <script type="text/javascript" defer src="https://www.southtrailhyundai.com/wp-content/plugins/convertus-google-maps/js/main.convertus.min.js?ver=1744057718" id="convertus-google-maps-js"></script> <script type="module" src="https://www.southtrailhyundai.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.southtrailhyundai.com/wp-content/mu-plugins/convertus-compare-vehicle/include/listener/main.convertus.min.js?ver=1744057718" id="compare-listener-js"></script> <script type="text/javascript" defer src="https://www.southtrailhyundai.com/wp-content/plugins/convertus-my-garage/include/drawer/main.convertus.min.js?ver=1744057718" id="garage-drawer-js"></script> <script type="text/javascript" src="https://cdn1.roadster.com/roadster_dealer_analytics?dpid=southtrailhyundai&host=www.southtrailhyundai.com" id="hyundai-roadster-analytics-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="https://cdn1.roadster.com/roadster_frame_embed?dpid=southtrailhyundai&host=www.southtrailhyundai.com" id="hyundai-roadster-frame-js" async="async" data-wp-strategy="async"></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="/online-parts-ordering/#wpcf7-f637-o1" method="post" class="wpcf7-form init global 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.4.4" /> <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.southtrailhyundai.com/online-parts-ordering/" /> <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-6803b2810ab8a-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="1745072769"><input type="hidden" name="email-pot-time-check" value="4"><label for="wpcf7-6803b2810ab8a-field" class="hp-message">Please leave this field empty.</label><input id="wpcf7-6803b2810ab8a-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-6803b2810abe4-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="1745072769"><input type="hidden" name="name-pot-time-check" value="4"><label for="wpcf7-6803b2810abe4-field" class="hp-message">Please leave this field empty.</label><input id="wpcf7-6803b2810abe4-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--sm"> <label class="form-label">Department*<br /> <span class="wpcf7-form-control-wrap department"> <select name="department" aria-required="true" aria-invalid="false" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required"> <option value="General Administration">General Administration</option> <option value="Sales">Sales</option> <option value="Services">Services</option> <option value="Finance">Finance</option> <option value="Parts">Parts</option> </select> </span> </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 wpcf7-validates-as-required" aria-required="true" 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":"1095242470","transactionName":"MwdUMBBXXEoFAEBeVwpNdwcWX11XSxNVUF0=","queueTime":0,"applicationTime":641,"atts":"H0BXRlhNT0Q=","errorBeacon":"bam.nr-data.net","agent":""}</script></body> </html> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="882a7a3a87a34f28bd90999a-|49" defer></script>