View & Download Brochures & Specification Sheets

<!DOCTYPE html> <html lang="en-AU"> <head> <title>View & Download Brochures & Specification Sheets | Kia Australia</title> <meta charset="utf-8" /> <meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSuDomains; preload"> <meta http-equiv="X-Content-Type-Options" content="nosniff"> <meta http-equiv="X-XSS-Protection" content="1">   <meta http-equiv="Access-Control-Allow-Origin" content="*"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta name="keywords" content=""> <meta name="title" content="View & Download Brochures & Specification Sheets | Kia Australia" /> <meta name="description" content="Browse through our range of vehicles and get all the information you need with the latest Kia brochure. View & download specification sheets here."> <link rel="shortcut icon" href="/content/dam/kwcms/gt/en/images/main/new/favicon_new.png" type="image/x-icon"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0,user-scalable=yes"> <meta name="robots" content="NOODP, NOYDIR">   <meta name="kia_metrics_pagename" content="shopping tools | view brochures">  <link rel="canonical" href="https://www.kia.com/au/shopping-tools/request-a-brochure.html"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="Kia Australia" /> <meta name="twitter:title" content="View & Download Brochures & Specification Sheets | Kia Australia" /> <meta name="twitter:description" content="Browse through our range of vehicles and get all the information you need with the latest Kia brochure. View & download specification sheets here." /> <meta name="twitter:image" content="/content/dam/kwcms/au/en/images/linkpreview/kia-logo.jpg" /> <meta name="twitter:url" content="https://www.kia.com/au/shopping-tools/request-a-brochure.html" /> <meta name="twitter:creator" contents="Kia" /> <meta property="og:site_name" content="Kia Australia" /> <meta property="og:title" content="View & Download Brochures & Specification Sheets | Kia Australia" /> <meta property="og:type" content="website" /> <meta property="og:description" content="Browse through our range of vehicles and get all the information you need with the latest Kia brochure. View & download specification sheets here." /> <meta property="og:image" content="/content/dam/kwcms/au/en/images/linkpreview/kia-logo.jpg" /> <meta property="og:url" content="https://www.kia.com/au/shopping-tools/request-a-brochure.html" /> <meta itemprop="name" content="View & Download Brochures & Specification Sheets | Kia Australia"> <meta itemprop="description" content="Browse through our range of vehicles and get all the information you need with the latest Kia brochure. View & download specification sheets here."> <meta itemprop="image" content="/content/dam/kwcms/au/en/images/linkpreview/kia-logo.jpg"> <meta itemprop="keywords" content=""> <meta itemprop="url" content="https://www.kia.com/au/shopping-tools/request-a-brochure.html"/>  <meta name="google-site-verification" content="3-f-wdVz_nj1gFVN0axxqs90P00mpDPkANM2I4xm20Y" />   <script src="/etc/designs/kia-australia/clientlib-libjs.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib-angular.js"></script> <link rel="stylesheet" href="/etc/designs/kia-australia/clientlib.min.css" type="text/css"> <script src="/etc/designs/kia-australia/clientlib.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/font-load.js"></script> <link rel="stylesheet" href="/etc/designs/kia-global/clientlib/css/experience.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/kia-australia/clientlib/css/serviceShare.css" type="text/css">   <script type="text/javascript"> ;(function(gtm) { let ptype = 'View Brochures'; var _args = { 'page_name': 'shopping tools | view brochures' , 'prv_page_name': document.referrer == '' ? 'entry' : document.referrer }; let vname = null; gtm.trackPageView(ptype, vname, _args); })(KIA.tagging.gtm); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NH98G5H');</script>   <script>(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src = '//connect.facebook.net/en_US/fbds.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '357795334408363']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=357795334408363&ev=PixelInitialized"/></noscript> <script>(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src = '//connect.facebook.net/en_US/fbds.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '865420870164135']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=865420870164135&ev=PixelInitialized"/></noscript>    <header name = "Access-Control-Allow-Origin" value = "*" /> </head> <body>  <input type="hidden" value="/au/shopping-tools/request-a-brochure.html"/> <input type="hidden" value="request-a-brochure.html"/> <input type="hidden" value="request-a-brochure"/> <div class="accessbility"><a href="#content">Go to content</a></div> <div id="wrap" class="wsg_page">   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TXT9QJ3" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="header"> <div class="header_in">   <div class="logo_h1"><a href="/au/main.html" class="lg_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu"></a></div>   <div class="m_sch_area"> <a href="#url" class="open_search"><span class="blind">open search</span></a> <div class="search_area"> <form action="/au/util/search.html" method="get"> <input type="text" name="q" id="m_sch_box" class="search_txt" title="Search Keyword" placeholder="Search"> <button type="submit" class="search_btn" title="Search button"><span class="blind">Search</span></button> </form> </div> <a href="#url" class="close_search"><span class="blind">close search</span></a> </div>  <script> (function() { $(document).ready(function() { $('.open_search').on('click', function() { $(this).addClass('on'); $(this).next('.search_area').slideDown(200); setTimeout(function() { $('.close_search').css('display', 'block'); }, 200); }); $('.close_search').on('click', function() { $('.open_search').removeClass('on'); $(this).css('display', 'none'); $(this).prev('.search_area').slideUp(200); }); }); })(); </script>   <a href="#" class="open_gnb"><span class="cmm_spr spr_menu">open menu</span></a>   <div class="gnb_area"> <ul class="gnb_nav">  <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Cars</a> <div class="dth2_u dth_pip"> <div class="car_tab"> <a href="#" class="sort_a sort_on"><span class="cmm_tspr spr_sort">All Vehicles</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Small Cars</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">SUVs</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">People Movers</span></a>  <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Hybrid</span></a>  <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Light Commercial</span></a> </div> <div class="car_grid on"> <strong class="hidden">All Vehicles</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/picanto.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Picanto"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"> </span> <strong class="g_name">Picanto</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Compact Car</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/cerato.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Cerato"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"> </span> <strong class="g_name">Cerato</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small Car</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/stonic.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Stonic"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"> </span> <strong class="g_name">Stonic</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Light SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/seltos.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Seltos"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"> </span> <strong class="g_name">Seltos</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/sportage.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"> </span> <strong class="g_name">Sportage</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/sportage-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"> </span> <strong class="g_name">Sportage Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/sorento.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sorento"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"> </span> <strong class="g_name">Sorento</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Large SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/carnival.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Carnival"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"> </span> <strong class="g_name">Carnival</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">People Mover/GUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/niro-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Niro Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"> </span> <strong class="g_name">Niro Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/niro-pure-electric.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Niro EV"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-ev.webp" alt="msg_vehicle_niro-pure-electric"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-ev.webp" alt="msg_vehicle_niro-pure-electric"> </span> <strong class="g_name">Niro EV</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/ev5.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="All-new EV5"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev5.webp" alt="msg_vehicle_ev5"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev5.webp" alt="msg_vehicle_ev5"> </span> <strong class="g_name">All-new EV5</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/ev6.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="EV6"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6.webp" alt="msg_vehicle_ev6"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6.webp" alt="msg_vehicle_ev6"> </span> <strong class="g_name">EV6</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Crossover SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/ev6-gt.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="EV6 GT"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6-gt.webp" alt="msg_vehicle_ev6-gt"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6-gt.webp" alt="msg_vehicle_ev6-gt"> </span> <strong class="g_name">EV6 GT</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Performance SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/ev9.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="EV9"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev9-launch.webp" alt="msg_vehicle_ev9"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev9-launch.webp" alt="msg_vehicle_ev9"> </span> <strong class="g_name">EV9</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Upper Large SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/tasman.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Tasman"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"> </span> <strong class="g_name">Tasman</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Arriving 2025</p></strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">Small Cars</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/picanto.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Picanto"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"> </span> <strong class="g_name">Picanto</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Compact Car</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/cerato.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Cerato"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"> </span> <strong class="g_name">Cerato</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small Car</p></strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">SUVs</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/stonic.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Stonic"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"> </span> <strong class="g_name">Stonic</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Light SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/seltos.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Seltos"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"> </span> <strong class="g_name">Seltos</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/sportage.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"> </span> <strong class="g_name">Sportage</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/sorento.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sorento"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"> </span> <strong class="g_name">Sorento</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Large SUV</p></strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">People Movers</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/carnival.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Carnival"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"> </span> <strong class="g_name">Carnival</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">People Mover/GUV</p></strong> </a> </li> </ul> </div>  <div class="car_grid"> <strong class="hidden">Hybrid</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/sportage-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"> </span> <strong class="g_name">Sportage Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/niro-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Niro Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"> </span> <strong class="g_name">Niro Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li> </ul> </div>  <div class="car_grid"> <strong class="hidden">Light Commercial</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/tasman.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Tasman"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"> </span> <strong class="g_name">Tasman</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Arriving 2025</p></strong> </a> </li> </ul> </div> <div class="new_cars_type"> <ul> <li> <a href="/au/cars/range.html" class="bl_type_a">All Cars</a> </li> <li> <a href="/au/cars/suv.html" class="bl_type_a">SUV</a> </li> <li> <a href="/au/cars/small-suv.html" class="bl_type_a">Small SUVs</a> </li> <li> <a href="/au/cars/mid-size-suv.html" class="bl_type_a">Mid-size SUVs</a> </li> <li> <a href="/au/cars/large-suv.html" class="bl_type_a">Large SUVs</a> </li> <li> <a href="/au/cars/performance-cars.html" class="bl_type_a">Performance Cars</a> </li> <li> <a href="/au/cars/family-cars.html" class="bl_type_a">Family Cars</a> </li> <li> <a href="/au/cars/7-and-8-seater.html" class="bl_type_a">7 & 8 Seater</a> </li> <li> <a href="/au/cars/small-cars.html" class="bl_type_a">Small Cars</a> </li> <li> <a href="/au/cars/hatchback.html" class="bl_type_a">Hatchback</a> </li> <li> <a href="/au/cars/electric-cars.html" class="bl_type_a">Electric Cars</a> </li> <li> <a href="/au/cars/hybrid-cars.html" class="bl_type_a">Hybrid Cars</a> </li> </ul> </div> </div> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Shopping Tools</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/shopping-tools/build-and-price.html" class="dth2_a">Build & Price</a></li> <li class="dth2_l"><a href="/au/shopping-tools/request-a-test-drive.html" class="dth2_a">Request a Test Drive</a></li> <li class="dth2_l"><a href="/au/shopping-tools/find-a-dealer.html" class="dth2_a">Find a Dealer</a></li> <li class="dth2_l"><a href="/au/shopping-tools/request-a-brochure.html" class="dth2_a">View Brochures</a></li> <li class="dth2_l"><a href="/au/shopping-tools/offers.html" class="dth2_a">Offers</a></li> <li class="dth2_l"><a href="/au/shopping-tools/finance-calculator.html" class="dth2_a">Finance Calculator</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-car-care.html" class="dth2_a">Kia Car Care</a></li> <li class="dth2_l"><a href="/au/shopping-tools/fleet-edge.html" class="dth2_a">Kia Fleet Edge</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-finance.html" class="dth2_a">Kia Finance</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-insurance.html" class="dth2_a">Kia Premier Motor Insurance</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-renew-guaranteed-future-value.html" class="dth2_a">Kia Renew</a></li> <li class="dth2_l"><a href="/au/shopping-tools/genuine-accessories.html" class="dth2_a">Kia Genuine Accessories</a></li> </ul> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Electric Cars</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/electric-cars/ev.html" class="dth2_a">Electric Cars</a></li> <li class="dth2_l"><a href="/au/electric-cars/hybrid-cars.html" class="dth2_a">Hybrid Cars</a></li> <li class="dth2_l"><a href="/au/electric-cars/ev-service-plans.html" class="dth2_a">EV Service Plans</a></li> <li class="dth2_l"><a href="/au/electric-cars/ev-day.html" class="dth2_a">EV Day</a></li> </ul> </li> </ul>  <ul class="gnb_nav gnb_right"> <li class="dth1_l"><a href="/au/recall-information.html" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Safety Recalls</a> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Owners</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/owners/overview.html" class="dth2_a">Kia Service</a></li> <li class="dth2_l"><a href="/au/owners/warranty.html" class="dth2_a">Kia Warranty</a></li> <li class="dth2_l"><a href="/au/owners/capped-price-service.html" class="dth2_a">Kia Capped Price Servicing</a></li> <li class="dth2_l"><a href="/au/owners/roadside-assist.html" class="dth2_a">Kia Roadside Assistance</a></li> <li class="dth2_l"><a href="/au/owners/genuine-parts.html" class="dth2_a">Kia Genuine Parts</a></li> <li class="dth2_l"><a href="/au/owners/change-of-ownership.html" class="dth2_a">Change of Ownership</a></li> <li class="dth2_l"><a href="/au/owners/recall-information.html" class="dth2_a">Recall Information</a></li> <li class="dth2_l"><a href="/au/owners/service-and-warranty-manual.html" class="dth2_a">Kia Service and Warranty Manuals</a></li> <li class="dth2_l"><a href="/au/owners/manual.html" class="dth2_a">Owners Manuals</a></li> <li class="dth2_l"><a href="/au/owners/kia-connect.html" class="dth2_a">Kia Connect</a></li> <li class="dth2_l"><a href="/au/owners/independent.html" class="dth2_a">Independent Repairers Access</a></li> </ul> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Discover Kia</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/discover-kia/this-is-kia.html" class="dth2_a">This is Kia</a></li> <li class="dth2_l"><a href="/au/discover-kia/our-movement.html" class="dth2_a">Our Movement</a></li> <li class="dth2_l"><a href="/au/discover-kia/pbv.html" class="dth2_a">PBV</a></li> <li class="dth2_l"><a href="/au/discover-kia/sponsorship.html" class="dth2_a">Partnerships</a></li> <li class="dth2_l"><a href="/au/discover-kia/company-statements.html" class="dth2_a">Company Statements</a></li> <li class="dth2_l"><a href="/au/discover-kia/sustainability.html" class="dth2_a">Sustainability</a></li> <li class="dth2_l"><a href="/au/discover-kia/ao2024.html" class="dth2_a">AO 2024</a></li> </ul> </li> </ul>  <div class="util_area"> <ul class="util_menu"> <li class="util_l"><a href="/au/discover-kia/our-movement.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Discover Kia</a></li> <li class="util_l"><a href="/au/util/news.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">News</a></li> <li class="util_l"><a href="/au/util/contact-us.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Contact Us</a></li> <li class="util_l"><a href="/au/util/faq.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">FAQ</a></li> <li class="util_l"><a href="/au/util/privacy.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Privacy</a></li> <li class="util_l"><a href="/au/util/unsubscribe.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Unsubscribe</a></li> </ul> <div class="util_set_location"> <div class="set_location_form"> <input type="text" id="syl_postCode_M" placeholder="Your Postcode" title="Your Postcode" maxlength="4"> <button type="button">Set</button>  </div> <a href="#none" class="util_a sylPopupOpen sylNoRegion">Set Your Location</a>  <div class="my_location"> <span class="txt">Your Location</span> <strong id="myIocation_regionCode"></strong> <a href="#none" class="util_a sylPopupOpen">Change</a> </div> <div class="error">Invalid Postcode.</div> </div>  <div class="util_find_dealer"> <a href="/au/shopping-tools/find-a-dealer.html">Find a Dealer</a> </div>  <div class="util_search">  <div class="u_sch_button"> <a href="#" class="sch_act_btn"> <span class="ico_txt">Search</span> </a> </div>  <div class="u_sch_box"> <form action="/au/util/search.html" method="get"> <input type="text" name="q" id="txtTopSearch" class="sch_inp" title="Search Keyword" placeholder="Search"> <button type="submit" class="sch_btn" title="Search"><span class="cmm_spr spr_search">Search</span></button> </form> </div> </div> </div>  <div class="go_build"> <div class="link-f-7-5 mainbuild" style="min-width:100px;">  <a href="/au/shopping-tools/build-and-price.html" class="btnMedium btnType1" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu"><span class="cmm_tspr spr_build"><em class="desc">Build & Price</em></span></a>  </div> </div>  <div class="hidden">Util Menu</div> </div>  </div> </div> <script type="text/javascript"> (function($) { $(".sch_inp").keydown(function(evt) { if (evt.keyCode == 13) { submit(); } }); window.$GT = $.extend(window.$GT || {}, { topSearch: function(q, obj) { if (!obj) { obj = $("#txtTopSearch"); } else { if (typeof(obj) === "string") { obj = $("#" + obj); } else { obj = $(obj); } } if (!q) { q = obj.val(); if (!q || q == "") { q = obj.text(); } } location.href = "/au/util/search.html?" + $.param({ q: q }); } }); var regionCode = getCookie("regionCode"); var postCode = getCookie("postCode"); var code = postCode + " " + regionCode; var sylPopup = $('.util_area .util_set_location .sylNoRegion'); var sylLocation = $('.util_area .util_set_location .my_location'); if(code != " "){ sylPopup.hide(); sylLocation.show(); $('#myIocation_regionCode').text(code); }else{ sylPopup.show(); sylLocation.hide(); } var regionCode = getCookie("regionCode"); if( regionCode != "" ){ $(".g_info").text("DRIVE AWAY FROM"); $.ajax({ url : "/api/kia_australia/common/trimPrice.selectPriceByModel?regionCode="+regionCode, async : true, type : 'GET', success : function(data){ if(data.dataInfo){ resultList = data.dataInfo; if(resultList.length>0){ for(var idx=0;idx<resultList.length;idx++){ if(resultList[idx].modelCode){ $('.gnb_price_'+resultList[idx].modelCode).text("$"+resultList[idx].flippyPriceComma); } } } } } }); } })(jQuery); </script> <div id="container" ng-app="kwcmsAppModuleApp" ng-cloak> <div id="pop_sec" class="pop_dimmed "></div> <div id="content" class="subContents" style="">  <div class="par parsys"><div class="global-title parbase section"> <div class="content_title ">  <div class="con_navi"> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/au/main.html" property="item" typeof="WebPage"><span class="cmm_spr spr_home" property="name">Home</span><span class="gt">></span></a> <meta property="position" content=1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <span class="depth" property="name">shopping tools</span><span class="gt">></span> <meta property="position" content=2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/au/shopping-tools/request-a-brochure.html" property="item" typeof="WebPage"><strong class="depth current"property="name">View Brochures</strong></a> <meta property="position" content=3> </li> </ol> </div> <h1 class="con_tit">View Brochures</h1> </div></div> <div class="request-a-brochure contentpage section"> <script type="text/javascript"> //require variables for car-selector component var _over_selected_message_ = "Exceeds the number of vehicles to choose."; var _max_count_vehicle_selected_ = parseInt("3", 10); var _selected_vehicle_ = null; var _suffix_selected_vehicle_ = getSuffixMapFromURL(); var _reference_controller_scope_ = null; //require variables for userdata-keyin, userdata-view component var _user_data_ = null; //require variables for userdata-view component var _userdata_view_scope_ = null; var _vehicle_data_ = _selected_vehicle_; var _vehicle_trim_data_ = null; var _dealer_data_ = null; var _center_data_ = null; var _carType = null; var _vehicle_name = null; kwcmsApp.controller("requestabrochure.steps", function($scope, $timeout, HttpService) { //reference_controller_scope _reference_controller_scope_ = $scope; //current step $scope.step = ""; //carlist $scope.cars = null; //user data $scope.userData = null; //initialize $scope.init = function () { $scope.step = "1"; }; //change step method $scope.stepChange = function (step) { $scope.step = step; }; //validation for steps $scope.validation = function (step, nStep, isNext) { var isValid = true; switch (step) { case "1": var selectInfo = _vehicle_data_ = _selected_vehicle_; if (selectInfo == null || selectInfo.carCount == 0) { alert('Please select a car.'); isValid = false; } else { var selectInfoList = []; var carType = $(".car_box .on").last().attr("href"); _carType = carType.substr(1,carType.indexOf("Cars")-1); _carType = _carType == "suv" ? "suv&mpv" : _carType; for (var i = 0, iCnt = selectInfo.carKey.length ; i < iCnt ; i++) { selectInfoList[i] = { carKey : selectInfo.carKey[i] , carCode : selectInfo.carCode[i] , carName : selectInfo.carName[i] , carImage : selectInfo.carImage[i] , carTrim : selectInfo.carTrim[i] }; if(i == iCnt-1){ _vehicle_name = selectInfo.carCode[i].replace("-","_"); } } /* dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType } */ //_satellite.track('brochure_vehicle'); $scope.cars = selectInfoList; } break; case "2": userdataInfoSubmit(); if (_user_data_ != null) { $scope.userData = _user_data_; //fill user data if (_userdata_view_scope_ != null) { _userdata_view_scope_.userDataInit(); /* dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType } */ //_satellite.track('brochure_myinfo'); } } else { isValid = false; } break; } if (isValid && isNext) { $scope.stepChange(nStep); } }; //send $scope.send = function ($event) { $event.preventDefault(); var moveURI = $event.target.href; var params = { method : "POST" , params : returnAjaxParameters() , url : "/api/kia_australia/base/rq01/reqBrochure.insertReqBrochure1" }; HttpService.http(params, $scope.sended, moveURI); }; //send completed $scope.sended = function (data, uri) { /* dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType } */ //_satellite.track('brochure_complete'); if (angular.equals(data.status, "Success")) { var _datas = $scope.userData; //movePage("Your request has been sent. Thank you. You will receive a confirmation mail shortly."); alert("Your request has been sent. Thank you. You will receive a confirmation mail shortly."); if (!angular.equals(uri, "") && !angular.equals(uri, undefined)) { document.location.href = uri; } else { document.location.href = "/au/main.html"; } } }; //byPass Menu $scope.byPass = function ($event, addSuffix) { $event.preventDefault(); var passURI = $event.target.href; if (addSuffix) { passURI += angular.element("#below-car-list > option:selected").val(); } document.location.href = passURI; }; //if selected vehicle exist from suffix, execute by car-selector component $scope.autoExec = function () { $scope.validation('1', '2', true); }; }); </script> <div class="content_detail" ng-controller="requestabrochure.steps" ng-init="init()">  <div class="inner request_brochure" ng-show="step == 1"> <ol class="stepType01 brochureStep"> <li class="on"> <div class="car-selector parsys"><div class="car-selector3 section"> <script type="text/javascript"> /* ie8 Array indexOf 선언*/ if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length >>> 0; var from = Number(arguments[1]) || 0; from = (from < 0) ? Math.ceil(from) : Math.floor(from); if (from < 0) from += len; for (; from < len; from++) { if (from in this && this[from] === elt) return from; } return -1; }; } /* * if use the this componet, * must be defined "_over_selected_message_", "_max_count_vehicle_selected_", "_selected_vehicle_" variables. */ var _vehicle_selector_controller_ = null; kwcmsApp.controller("carselector.selector", function($scope, $timeout, HttpService) { //reference_controller_scope _vehicle_selector_controller_ = $scope; //default car list $scope.selectedCar = ""; //initialize $scope.init = function (scope) { $scope.selectedCar = "All"; $scope.searchModelCode(); $scope.searchCars(); }; //current selected vehicle count $scope.currentSelectedCount = 0; //search Cars //$scope.carCars = null; //$scope.suvCars = null; //$scope.commercialCars = null; $scope.smallCars = null; $scope.mediumCars = null; $scope.suvs = null; $scope.peopleMovers = null; $scope.largeCars = null; $scope.hybridElectric = null; //#65577 electric으로 사용 $scope.hyBridCars = null; //#65577 재사용 //click vehicle category $scope.selectCategory = function (cate) { $scope.selectedCar = cate; $timeout(function () { angular.element("#" + cate).click(); $scope.callbackReturn(); }, 100); }; $scope.searchModelCode = function () { var params = { method : "GET" , params : { nCd : "au" } , url : "/api/kia_australia/base/carInfo.selectModelCodeList" }; HttpService.http(params, $scope.parseVehicle2, ""); }; $scope.parseVehicle2 = function (data) { if (angular.equals(data.result, "Success")) { $scope.carCodeList = data.dataInfo.codes; } }; //get vehicle list $scope.searchCars = function () { var params = { method : "GET" , params : { nCd : "au" } //, url : "/api/kia/base/carInfo.selectVehicleList" , url : "/api/kia_australia/base/carInfo.selectVehicleList" }; HttpService.http(params, $scope.parseVehicle, ""); }; //callback searchCars method $scope.parseVehicle = function (data) { if (angular.equals(data.result, "Success")) { $scope.smallCars = data.dataInfo.smallCars; $scope.mediumCars = data.dataInfo.mediumCars; $scope.suvs = data.dataInfo.suvs; $scope.peopleMovers = data.dataInfo.peopleMovers; $scope.largeCars = data.dataInfo.largeCars; $scope.hybridElectric = data.dataInfo.hybridElectric; //#65577 electric으로 사용 $scope.hyBridCars = data.dataInfo.hybridCars; //#65577 재사용 $scope.clickFromSuffix(); } }; //callback car info // 20161211 sychoi, carCategory를 추가 $scope.callbackInfo = { carCount : $scope.currentSelectedCount , carKey : [] , carCode : [] , carCategory : [] , carName : [] , carImage : [] , carTrim : [] , carTrimCode : [] }; //reset selected vehicle // 20161211 sychoi, carCategory를 추가 $scope.resetSelectedCar = function () { $scope.currentSelectedCount = 0; $scope.callbackInfo = { carCount : 0 , carKey : [] , carCode : [] , carCategory : [] , carName : [] , carImage : [] , carTrim : [] , carTrimCode : [] }; }; //choice vehicle var maxCount = ((_max_count_vehicle_selected_ != undefined) || (_max_count_vehicle_selected_ != null)) ? _max_count_vehicle_selected_ : 1; $scope.choice = function (code, type) { if (angular.equals(maxCount, 1)) { //every newly selected $scope.resetSelectedCar(); } var idx = $scope.callbackInfo.carCode.indexOf(code); if (idx > -1) { // is currently selected $scope.callbackInfo.carKey.splice(idx, 1); $scope.callbackInfo.carCode.splice(idx, 1); // 20161211 sychoi, carCategory를 추가 $scope.callbackInfo.carCategory.splice(idx, 1); $scope.callbackInfo.carName.splice(idx, 1); $scope.callbackInfo.carImage.splice(idx, 1); $scope.callbackInfo.carTrim.splice(idx, 1); $scope.callbackInfo.carTrimCode.splice(idx, 1); $scope.callbackInfo.carCount = --$scope.currentSelectedCount; } else { // is newly selected if ($scope.currentSelectedCount >= maxCount) { alert(_over_selected_message_); } else { var targetCars = null; var targetCarsTrim = new Array(); var targetCarsTrimCode = new Array(); switch (type) { /*case "carCars" : targetCars = $scope.carCars; break; case "suvCars" : targetCars = $scope.suvCars; break; case "commercialCars" : targetCars = $scope.commercialCars; break;*/ case "smallCars" : targetCars = $scope.smallCars; break; case "mediumCars" : targetCars = $scope.mediumCars; break; case "suvs" : targetCars = $scope.suvs; break; case "peopleMovers" : targetCars = $scope.peopleMovers; break; case "largeCars" : targetCars = $scope.largeCars; break; case "hybridElectric" : targetCars = $scope.hybridElectric; break; case "hybridCars" : targetCars = $scope.hyBridCars; break; } var isContinue = true; angular.forEach(targetCars, function (info) { if (angular.equals(code, info.code) && isContinue) { $scope.callbackInfo.carKey.push(info.key); $scope.callbackInfo.carCode.push(info.code); // 20161211 sychoi, carCategory를 추가 $scope.callbackInfo.carCategory.push(info.code); $scope.callbackInfo.carName.push(info.name); $scope.callbackInfo.carImage.push(info.imagePath); angular.forEach(info.details, function (trim) { targetCarsTrim.push(trim.name); targetCarsTrimCode.push(trim.code); }); isContinue = false; //forEach break } }); $scope.callbackInfo.carTrim.push(targetCarsTrim); $scope.callbackInfo.carTrimCode.push(targetCarsTrimCode); $scope.callbackInfo.carCount = ++$scope.currentSelectedCount; } } //marker for selected cars & return selected informaton $scope.callbackReturn(); }; //marker for selected cars & return selected informaton $scope.callbackReturn = function () { var carA = angular.element("div.car_wrap").find("a"); var carCodes = $scope.callbackInfo.carCode; carA.removeClass("on"); angular.forEach(carCodes, function (code) { carA.each(function () { if (angular.element(this).attr("class").indexOf(code) > -1) { angular.element(this).addClass("on"); } }); }); //callback _selected_vehicle_ = $scope.callbackInfo; }; //if selected vehicle exist from suffix, create to click event (automatical select) $scope.isSuffixClick = false; $scope.clickFromSuffix = function () { if (_suffix_selected_vehicle_ != null && $scope.isSuffixClick == false) { $timeout(function () { var isContinue = true; var carCode = ""; /*angular.forEach($scope.carCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.suvCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.commercialCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } });*/ angular.forEach($scope.smallCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.mediumCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.suvs, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.peopleMovers, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.largeCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.hybridElectric, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.hyBridCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); if( $.trim( carCode ) != "" ) //#57335 변수값 오류 제어 , 공백오류 추가수정 { var objs = angular.element("a.car_a." + carCode); if (objs.length > 0) { objs.click(); if (_reference_controller_scope_ != null) { _reference_controller_scope_.autoExec(); _reference_controller_scope_.$apply(); } } } }, 100); $scope.isSuffixClick = true; } }; //not use menu 20191120 YKJ $scope.hideChk = function(chk){ var chkVal = false; if(chk == null || chk.length <1){ chkVal = false; }else{ for(var i = 0; i < chk.length; i++){ if(chk[i] == "request-a-brochure"){ chkVal = true; break; }else{ chkVal = false; } } } return chkVal; } $scope.downloadBrochureFile = function ( url, carCode, carName ) { console.log("downloadBrochure url=>"+url); if( url == "" ) { alert("not fonund code!!"); return; } //20170213 tagging insert - kjyoon dtmDataLayer = { 'vehicle_name': carCode } //console.log("dtmDataLayer"+JSON.stringify( dtmDataLayer) + " // " + dtmDataLayer.vehicle_name ); _satellite.track('brochure_download'); KIA.tagging.gtm.trackDownload("pdf download", url, { "vehicle_name" : carName }); window.open( url, "_blank"); }; $scope.downloadBrochure = function (code) { console.log("downloadBrochure code=>"+code); dtmDataLayer = { 'vehicle_name': '', 'vehicle_type': '' } //_satellite.track('requestbrochure_download'); _satellite.track('brochure_vehicle'); var regionCode = getCookie("regionCode"); if( regionCode != "" ){ if (!angular.equals($scope.carCodeList[code], "") && !angular.equals($scope.carCodeList[code], undefined)) { var brochureUrl = "/api/kia_australia/common/brochure.downloadPdf?code="+$scope.carCodeList[code]; window.open( brochureUrl, "_blank"); } else { alert("not fonund code!!"); } } else { if (!angular.equals($scope.carCodeList[code], "") && !angular.equals($scope.carCodeList[code], undefined)) { var brochureUrl = "/api/kia_australia/common/brochure.downloadPdf?code="+$scope.carCodeList[code]; $('#syl_redirectUrl_val').val(brochureUrl); } else { //alert("not fonund code!!"); $('#syl_redirectUrl_val').val(""); } var dimSylPop = new OpenDimPop($("#setSylPopup"), $("#setSylPopup"), 0); dimSylPop.open(); } }; }); //apply overflow:scoll kwcmsApp.directive('afterParseVehicle', function (){ return { restrict: 'A', link: function (scope, element, attr) { if (scope.$last === true) { _vehicle_selector_controller_.selectCategory('All'); } } } }); </script> <div ng-controller="carselector.selector" ng-init="init()" id="carselector.selector.comp"> <div class="car_category" style="display:none"> <span class="title">Category :</span> <div class="category"> <span class="form_chk"> <input type="radio" id="All" name="radio01"> <label for="All" class="form_spr radio_box" ng-click="selectCategory('All')"><span class="car_spr sort1">All</span></label> </span> <span class="form_chk"> <input type="radio" id="SmallCars" name="radio01"> <label for="SmallCars" class="form_spr radio_box" ng-click="selectCategory('SmallCars')"><span class="car_spr sort2">Small Cars</span></label> </span> <span class="form_chk"> <input type="radio" id="Suvs" name="radio01"> <label for="Suvs" class="form_spr radio_box" ng-click="selectCategory('Suvs')"><span class="car_spr sort4">SUVs</span></label> </span> <span class="form_chk"> <input type="radio" id="PeopleMovers" name="radio01"> <label for="PeopleMovers" class="form_spr radio_box" ng-click="selectCategory('PeopleMovers')"><span class="car_spr sort5">People Movers</span></label> </span> <span class="form_chk"> <input type="radio" id="HybridElectric" name="radio01"> <label for="HybridElectric" class="form_spr radio_box" ng-click="selectCategory('HybridElectric')"><span class="car_spr sort5">Electric & Hybrid</span></label> </span> </div> </div> <div class="cpt_box"> <p class="meet_team_text">Similar to the brochure you’d find in your local Kia dealership, these online brochures are designed for you to easily download at your convenience. Find out everything you need to know about the whole Kia range including our unique features, specifications and genuine accessories.</p> <div ng-show="(selectedCar == 'All' || selectedCar == 'SmallCars') && smallCars.length > 0"> <h2 class="bullet_a">Small Cars</h2>  <ul class="brochure_list"> <li ng-repeat="car in smallCars | orderBy:'sortNo'" ng-if="!hideChk(car.notUse)" after-parse-vehicle> <div ng-bind-html="'{{car.displayName}}' | sanitize"></div>  <div> <img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"/> </div>   <a href="#" class="btn_red" ng-click="downloadBrochureFile(car.brochure, car.code, car.displayName)" ng-if="car.brochure != null && car.brochure != '' "><span>View & Download</span></a> <a href="javascript:void();" class="btn_gray" ng-if="car.brochure == null || car.brochure == '' "><span>Coming Soon</span></a> </li> </ul> </div> <div ng-show="(selectedCar == 'All' || selectedCar == 'Suvs') && suvs.length > 0"> <h2 class="bullet_a">SUVs</h2>  <ul class="brochure_list"> <li ng-repeat="car in suvs | orderBy:'sortNo'" ng-if="!hideChk(car.notUse)" after-parse-vehicle> <div ng-bind-html="'{{car.displayName}}' | sanitize"></div>  <div> <img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"/> </div>   <a href="#" class="btn_red" ng-click="downloadBrochureFile(car.brochure, car.code, car.displayName)" ng-if="car.brochure != null && car.brochure != '' "><span>View & Download</span></a> <a href="javascript:void();" class="btn_gray" ng-if="car.brochure == null || car.brochure == '' "><span>Coming Soon</span></a> </li> </ul> </div> <div ng-show="(selectedCar == 'All' || selectedCar == 'PeopleMovers') && peopleMovers.length > 0"> <h2 class="bullet_a">People Movers</h2>  <ul class="brochure_list"> <li ng-repeat="car in peopleMovers | orderBy:'sortNo'" ng-if="!hideChk(car.notUse)" after-parse-vehicle> <div ng-bind-html="'{{car.displayName}}' | sanitize"></div>  <div> <img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"/> </div>   <a href="#" class="btn_red" ng-click="downloadBrochureFile(car.brochure, car.code, car.displayName)" ng-if="car.brochure != null && car.brochure != '' "><span>View & Download</span></a> <a href="javascript:void();" class="btn_gray" ng-if="car.brochure == null || car.brochure == '' "><span>Coming Soon</span></a> </li> </ul> </div> <div ng-show="(selectedCar == 'All' || selectedCar == 'HybridElectric') && hybridElectric.length > 0"> <h2 class="bullet_a">Electric</h2> <ul class="brochure_list"> <li ng-repeat="car in hybridElectric | orderBy:'sortNo'" ng-if="!hideChk(car.notUse)" after-parse-vehicle> <div ng-bind-html="'{{car.displayName}}' | sanitize"></div>  <div> <img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"/> </div> <a href="#" class="btn_red" ng-click="downloadBrochureFile(car.brochure, car.code, car.displayName)" ng-if="car.brochure != null && car.brochure != '' "><span>View & Download</span></a> <a href="javascript:void();" class="btn_gray" ng-if="car.brochure == null || car.brochure == '' "><span>Coming Soon</span></a> </li> </ul> </div> <div ng-show="(selectedCar == 'All' || selectedCar == 'hybridCars') && hyBridCars.length > 0"> <h2 class="bullet_a">Hybrid</h2> <ul class="brochure_list"> <li ng-repeat="car in hyBridCars | orderBy:'sortNo'" ng-if="!hideChk(car.notUse)" after-parse-vehicle> <div ng-bind-html="'{{car.displayName}}' | sanitize"></div>  <div> <img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"/> </div> <a href="#" class="btn_red" ng-click="downloadBrochureFile(car.brochure, car.code, car.displayName)" ng-if="car.brochure != null && car.brochure != '' "><span>View & Download</span></a> <a href="javascript:void();" class="btn_gray" ng-if="car.brochure == null || car.brochure == '' "><span>Coming Soon</span></a> </li> </ul> </div> </div> </div></div> </div> <div class="selData hidden">Select Vehicles : </div> </li> </ol> </div>   <div class="inner request_brochure" ng-show="step == 2"> <ol class="stepType01 quoteStep"> <li class="stepWrap paston"> <div class="stepbar bar01"> <strong class="num"><em>01</em></strong> <div class="txt"> <strong>Vehicle</strong> </div> <div class="result"> <div class="car"> <a href="#" class="carList" ng-repeat="car in cars" ng-click="stepChange('1')"><img ng-src="{{car.carImage}}" alt="{{car.carName}}"><span class="carName">{{car.carName}}</span></a> </div> </div> </div> </li> <li class="stepWrap on"> <div class="stepbar bar02"> <strong class="num"><em>02</em></strong> <div class="txt"> <strong>My Info</strong> <span class="ex">Input Information</span> </div> </div> <div class="stepCon"> <div class="person-info parsys"><div class="userdata-keyin section"> <script src="/etc/designs/kia-australia/clientlib/js/xss.js"></script> <form name="datainfo-comp-form" method="POST" action=""> <ul class="info_tbl"> <li class="info_tr"> <div class="info_th">Title</div> <div class="info_td"> <span class="form_wrp only"> <span class="sel_box inp_sel"> <select class="form_select" name="title" id="title" title="Title">  <option value="Mrs">Mrs</option> <option value="Miss">Miss</option> <option value="Ms">Ms</option> </select> </span> </span> </div> </li> <li class="info_tr"> <div class="info_th">Name<em class="ess">* <span class="hidden" id="valid_name">Required information.</span></em></div> <div class="info_td"> <div class="form_area"> <span class="form_wrp"><input type="text" class="input_box" name="fname" id="fname" placeholder="First Name" maxlength="50" title="First Name" onfocusout="fnNameFocusOut('valid_name')"></span> <span class="space"></span> <span class="form_wrp"><input type="text" class="input_box" name="lname" id="lname" placeholder="Last Name" maxlength="50" title="Last Name" onfocusout="fnNameFocusOut('valid_name')"></span> </div> </div> </li> <li class="info_tr"> <div class="info_th">Preferred contact<em class="ess">* </em></div> <div class="info_td"> <span class="form_wrp only"> <span class="sel_box inp_sel"> <select class="form_select" name="p_method" id="p_method" title="Preferred contact" onchange="viewContactMethod(this.value)"> <option value="e">E-mail</option> <option value="p">Phone</option> </select> </span> </span> </div> </li> <li class="info_tr" id="datainfo-comp-form-email"> <div class="info_th">E-mail <em class="ess">* <span class="hidden" id="valid_email">Required information.</span></em></div> <div class="info_td"> <span class="form_wrp only"><input type="text" name="email" id="email" class="input_box" placeholder="sample@master.com" title="E-mail" maxlength="50" onfocusout="fnFocusOut(this,'valid_email')"></span> </div> </li> <li class="info_tr" id="datainfo-comp-form-email-confirm"> <div class="info_th">Confirm E-mail <em class="ess">* <span class="hidden" id="valid_email_confirm">Required information.</span></em></div> <div class="info_td"> <span class="form_wrp only"><input type="text" name="email_confirm" id="email_confirm" class="input_box" placeholder="sample@master.com" title="Confirm E-mail" maxlength="50" onfocusout="fnFocusOut(this,'valid_email_confirm')"></span> </div> </li> <li class="info_tr" id="datainfo-comp-form-phone"> <div class="info_th">Phone <em class="ess">* <span class="hidden" id="valid_phone">Required information.</span></em> <p class="info_txt">(We will need at least one phone number.)</p></div> <ul class="info_dth"> <li class="info_tr"> <div class="info_th">Mobile</div> <div class="info_td"> <div class="form_area phone"> <span class="form_wrp"><input type="tel" name="mphone1" id="mphone1" class="input_box" title="Mobile" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' maxlength="5" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)"></span> <span class="hypen">-</span> <span class="form_wrp"><input type="tel" name="mphone2" id="mphone2" class="input_box" maxlength="4" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' title="Mobile" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)"></span> <span class="hypen">-</span> <span class="form_wrp"><input type="tel" name="mphone3" id="mphone3" class="input_box" maxlength="4" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' title="Mobile" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)"></span> </div> </div> </li> <li class="info_tr"> <div class="info_th">Work</div> <div class="info_td"> <div class="form_area phone"> <span class="form_wrp"><input type="tel" name="wphone1" id="wphone1" class="input_box" maxlength="5" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' title="Work" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)"></span> <span class="hypen">-</span> <span class="form_wrp"><input type="tel" name="wphone2" id="wphone2" maxlength="4" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' class="input_box" title="Work" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)"></span> <span class="hypen">-</span> <span class="form_wrp"><input type="tel" name="wphone3" id="wphone3" maxlength="4" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' class="input_box" title="Work" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)"></span> </div> </div> </li> <li class="info_tr"> <div class="info_th">Home</div> <div class="info_td"> <div class="form_area phone"> <span class="form_wrp"><input type="tel" name="hphone1" id="hphone1" class="input_box" maxlength="5" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' title="Home" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)"></span> <span class="hypen">-</span> <span class="form_wrp"><input type="tel" name="hphone2" id="hphone2" maxlength="4" class="input_box" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' title="Home" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)"></span> <span class="hypen">-</span> <span class="form_wrp"><input type="tel" name="hphone3" id="hphone3" maxlength="4" class="input_box" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' title="Home" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)"></span> </div> </div> </li> <li class="info_tr"> <div class="info_td"> We will need at least one phone number. </div> </li> </ul> </li> <li class="info_tr"> <div class="info_th">Address</div> <div class="info_td address"> <span class="form_wrp"><input type="text" name="oaddr" id="oaddr" class="input_box" maxlength="200" placeholder="Address 1" title="Address 1"></span> <div class="form_area vspace"> <span class="form_wrp"><input type="text" name="taddr" id="taddr" class="input_box" maxlength="200" placeholder="Address 2" title="Address 2"></span> <span class="space"></span> <span class="form_wrp"><input type="text" name="addr_city" id="addr_city" class="input_box" maxlength="50" placeholder="City" title="City"></span> </div> <div class="form_area vspace"> <span class="form_wrp"> <span class="sel_box inp_sel"><input type="text" class="input_box" name="province" maxlength="50" id="province" placeholder="Province " title="Province"></span> </span> <span class="space"></span> <span class="form_wrp"><input type="text" name="zipcode" id="zipcode"class="input_box" maxlength="50" placeholder="Zipcode" title="Zipcode"></span> </div> </div> </li> <li class="info_tr"> <div class="info_th">Message <em class="ess">* <span class="hidden" id="valid_message">Required information.</span></em><p class="info_txt">(<em class="pointcolor2" id="datainfo-comp-form-message-count">0</em>/1,000 characters.)</p></div> <div class="info_td"> <div class="form_wrp"> <textarea rows="5" class="input_box" name="message" id="message" placeholder="You can enter up to 1,000 characters." onkeypress="keyInMessageSize(this)" onkeyup="keyInMessageSize(this)" title="Message" onfocusout="fnFocusOut(this,'valid_message')"></textarea> </div> </div> </li> </ul> </form> <p class="comment"><em class="ess">*</em> Required information.</p> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/validation.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/validation.add.js"></script> <script type="text/javascript"> var isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false; var winW, isMobileSize, mobileW = 767; (function() { $(window).resize(function() { winW = $(window).outerWidth(); isMobileSize = mobileW > winW ? true : false; }); })(); // 2018.06.04 Mobile Phone Input 글자수 제한 스크립트 추가 var lengthCheckPhone = function(obj) { if (obj.value.length > obj.maxLength) { obj.value = obj.value.slice(0, obj.maxLength); } } var fnFocusOut = function(obj, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if ($(obj).val() == "") { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnNameFocusOut = function( targetId ) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); var _fname = $.trim( $( "#fname" ).val() ); var _lname = $.trim( $( "#lname" ).val() ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if ( _fname == "" || _lname == "") { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnCheckFocusOut = function(cnt, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if (cnt == 0) { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnPhoneFocusOut = function(obj, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); //전화번호가 하나라도 입력되었는지 확인 if(mPhoneVal() || wPhoneVal() || hPhoneVal()){ if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } if( !mPhoneVal() && !wPhoneVal() && !hPhoneVal()){ if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } } } /* * if use the this componet, * must be defined "_userdata_" variable. */ var mPhoneVal = function(){ if($("#mphone1").val()!="" && $("#mphone2").val()!="" && $("#mphone3").val()!="") return true; else return false; } var wPhoneVal = function(){ if($("#wphone1").val()!="" && $("#wphone2").val()!="" && $("#wphone3").val()!="") return true; else return false; } var hPhoneVal = function(){ if($("#hphone1").val()!="" && $("#hphone2").val()!="" && $("#hphone3").val()!="") return true; else return false; } var PhoneVal = function(){ if($("#p_method").val()=='e'){ return false; }else{ if(mPhoneVal() || wPhoneVal() || hPhoneVal()){ if(!mPhoneVal()){ if($("#mphone1").val()!="" || $("#mphone2").val()!="" || $("#mphone3").val()!="") return true; } else if(!wPhoneVal()){ if($("#wphone1").val()!="" || $("#wphone2").val()!="" || $("#wphone3").val()!="") return true; } else if(!hPhoneVal()){ if($("#hphone1").val()!="" || $("#hphone2").val()!="" || $("#hphone3").val()!="") return true; } return false; } else{ return true; } } } //form validation $("form[name=datainfo-comp-form]").validate({ rules : { dummy : {} , fname : { required : true , maxlength : 50 //, isalphanumeric : true } , lname : { required : true , maxlength : 50 //, isalphanumeric : true } , email : { required : function () { var useContactMethod = "true"; var useEmail = "true"; if (useContactMethod == "true" && getSelectValue("p_method") == "e") { return true; } else if (useContactMethod == "false" && useEmail == "true") { return true; } return false; } , isemail : function () { var useContactMethod = "true"; var useEmail = "true"; if (useContactMethod == "true" && getSelectValue("p_method") == "e") { return true; } else if (useContactMethod == "false" && useEmail == "true") { return true; } return false; } } , email_confirm : { required : function () { var useContactMethod = "true"; var useEmail = "true"; if (useContactMethod == "true" && getSelectValue("p_method") == "e") { return true; } else if (useContactMethod == "false" && useEmail == "true") { return true; } return false; } , equalTo : "#email" } , mphone1 : { required : PhoneVal , isnumeric : true , maxlength : 5 } , mphone2 : { required : PhoneVal , isnumeric : true , maxlength : 4 } , mphone3 : { required : PhoneVal , isnumeric : true , maxlength : 4 } , wphone1 : { required : PhoneVal , isnumeric : true , maxlength : 5 } , wphone2 : { required : PhoneVal , isnumeric : true , maxlength : 4 } , wphone3 : { required : PhoneVal , isnumeric : true , maxlength : 4 } , hphone1 : { required : PhoneVal , isnumeric : true , maxlength : 5 } , hphone2 : { required : PhoneVal , isnumeric : true , maxlength : 4 } , hphone3 : { required : PhoneVal , isnumeric : true , maxlength : 4 } , message : { required : true } } , messages : { dummy : {} , fname : { required : "please enter First Name." ,maxlength : "Please enter under {0} characters." //,isalphanumeric : "Not include specific character" } , lname : { required : "please enter Last Name." ,maxlength : "Please enter under {0} characters." //,isalphanumeric : "Not include specific character" } , email : { required : "please enter Your Email Account." , isemail : "Is not an email format." } , email_confirm : { required : "please enter Your Email Account." , isemail : "Is not an email format." , equalTo : "Email and email confirmation is not the same value." } , mphone1 : { required : "Invalid phone number." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" } , mphone2 : { required : "Invalid phone number." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" } , mphone3 : { required : "Invalid phone number." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" } , wphone1 : { required : "Invalid phone number." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" } , wphone2 : { required : "Invalid phone number." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" } , wphone3 : { required : "Invalid phone number." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" } , hphone1 : { required : "Invalid phone number." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" } , hphone2 : { required : "Invalid phone number." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" } , hphone3 : { required : "Invalid phone number." , isnumeric : "Invalid phone number." , maxlength : "Please enter under {0} numbers" } , message : { required : "Please enter the Message." } } , submitHandler : function (form) { var isSubmit = compDataReturn(); if (isSubmit) { _user_data_ = getKeyInValue(); } return false; } }); //show/hide phone or email key field function viewContactMethod (method) { var email = $("#datainfo-comp-form-email"); var email_confirm = $("#datainfo-comp-form-email-confirm"); var phone = $("#datainfo-comp-form-phone"); switch (method) { case "e" : email.show(); email_confirm.show(); phone.hide(); $("#mphone1").val(""); $("#mphone2").val(""); $("#mphone3").val(""); $("#wphone1").val(""); $("#wphone2").val(""); $("#wphone3").val(""); $("#hphone1").val(""); $("#hphone2").val(""); $("#hphone3").val(""); break; case "p" : email.hide(); email_confirm.hide(); phone.show(); $("#email").val(""); $("#email_confirm").val(""); break; } } //get message size function keyInMessageSize (that) { that = $(that); var maxLen = parseInt("1000", 10); var target = $("#datainfo-comp-form-message-count"); var text = that.val(); if (text.length >= maxLen) { that.val(text.substr(0, (maxLen - 1))); } target.text(text.length.toString().split(/(?=(?:\d{3})+(?:\.|$))/g).join(',')); } //phone validation function validationPhone() { var isValidation = true; var mphone = $("#mphone1").val() + $("#mphone2").val() + $("#mphone3").val(); var wphone = $("#wphone1").val() + $("#wphone2").val() + $("#wphone3").val(); var hphone = $("#hphone1").val() + $("#hphone2").val() + $("#hphone3").val(); if ($.trim(mphone) == "" && $.trim(wphone) == "" && $.trim(hphone) == "") { isValidation = false; } return isValidation; } //message validation function validationMsg() { var isValidation = true; var msg = $("#message").val(); if ($.trim(msg) == "") { isValidation = false; } return isValidation; } //return data function compDataReturn () { var rt = true; var useContactMethod = "true"; var usePhone = "true"; if($("#pcategory").val()==""){ alert('Please Select Service'); return false; } if (useContactMethod == "true" && getSelectValue("p_method") == "p") { if (!validationPhone()) { rt = false; } } else if (useContactMethod == "false" && usePhone == "true") { if (!validationPhone()) { rt = false; } } if (!rt) { alert("please enter correct phone number."); } if ( rt && !validationMsg()) { alert("Please enter the Message."); $("#message").focus(); rt = false; } return rt; } //form submit function userdataInfoSubmit () { $("form[name=datainfo-comp-form]").submit(); } //set methods for data field //makeSelectOption function makeUserDataOptions (arg) { var argLen = arg.length; var opt = ""; if (argLen > 0) { for (var i = 0 ; i < argLen ; i++) { opt += "<option value=\"" + arg[i][0] + "\">" + arg[i][1] + "</option>"; } } return opt; } //set Service or Category //@params - [ ["value1", "text1"], ["value2", "text2"], ["value3", "text3"] ]; var userdata_keyin_custom_categories = null; function setCategories (arg) { userdata_keyin_custom_categories = arg; var argLen = arg.length; var opt = ""; if (argLen > 0) { } } //set PreferredTime //@params - [ ["value1", "text1"], ["value2", "text2"], ["value3", "text3"] ]; var userdata_keyin_custom_prefer_time = null; function setPreferredTime (arg) { userdata_keyin_custom_prefer_time = arg; var opt = makeUserDataOptions(arg); $("select[name=ptime]").eq(0).html(opt).promise().done(function(){ $(".form_select").resetSS(); }); } //set title //@params - [ ["value1", "text1"], ["value2", "text2"], ["value3", "text3"] ]; var userdata_keyin_custom_title = null; function setTitle (arg) { userdata_keyin_custom_title = arg; var opt = makeUserDataOptions(arg); $("select[name=title]").eq(0).html(opt).promise().done(function(){ $(".form_select").resetSS(); }); } //get <select> value function getSelectValue (n) { var jObj = $("#" + n); return jObj.find("option:selected").val(); } //get checkbox/radiobox value function getRadioValue (n, type) { var values = null; if (type == "radio") { values = $("input[name='" + n + "']:checked").val(); } else if (type == "checkbox") { values = new Array(); $("input[name='" + n + "']").each(function () { if ($(this).prop("checked")) { values.push($(this).val()); } }); } return values; } //get <select> text function getTextByValue (v, cate) { var rt = ""; var arr = null; var value_arr = null; var isValueArray = (v.indexOf(",") > -1) ? true : false; if (isValueArray) { value_arr = v.split(","); } else { value_arr = v; } switch (cate) { case "cate": arr = userdata_keyin_custom_categories; break; case "time": arr = userdata_keyin_custom_prefer_time; break; case "title": arr = userdata_keyin_custom_title; break; } if (arr != null && arr.length > 0) { for (var i = 0, iCnt = arr.length ; i < iCnt ; i++) { //arr[i][0] value //arg[i][1] text if (isValueArray) { for (var j = 0, jCnt = value_arr.length ; j < jCnt ; j++) { if (arr[i][0] == $.trim(value_arr[j])) { rt += arr[i][1] + ", "; break; } } } else { if ($.trim(value_arr) == arr[i][0]) { rt = arr[i][1]; break; } } } if (isValueArray) { rt = rt.substr(0, rt.length - 2); } } return rt; } //user data to json function getKeyInValue() { var userData = { dummy : null , title : getSelectValue("title") , fname : $("#fname").val() , lname : $("#lname").val() , p_method : getSelectValue("p_method") , email : $("#email").val() , email_confirm : $("#email_confirm").val() , mphone1 : $("#mphone1").val() , mphone2 : $("#mphone2").val() , mphone3 : $("#mphone3").val() , wphone1 : $("#wphone1").val() , wphone2 : $("#wphone2").val() , wphone3 : $("#wphone3").val() , hphone1 : $("#hphone1").val() , hphone2 : $("#hphone2").val() , hphone3 : $("#hphone3").val() , oaddr : $("#oaddr").val() , taddr : $("#taddr").val() , addr_city : $("#addr_city").val() , city : $("#city").val() , province : $("#province").val() , zipcode : $("#zipcode").val() , message : filterXSS($("#message").val()) //, message : $("#message").val() }; delete userData["dummy"]; return userData; } //clear key-in field function resetUserDataKeyIn () { $("form[name=datainfo-comp-form]").eq(0).find("input, select, textarea").each(function () { var ele = $(this).get(0); var tagName = ele.tagName.toLowerCase(); var tagType = $(ele).attr("type"); if (tagName == "select") { $(ele).find("option").eq(0).attr("selected", "selected"); $(ele).trigger("change"); } else if (tagName == "input") { if (tagType != undefined) { if (tagType == "text") { $(ele).val(""); } else if (tagType == "checkbox") { $(ele).prop("checked", false); } else if (tagType == "radio") { $(ele.attr("name")).eq(0).prop("checked", false); } } } else if (tagName == "textarea") { $(ele).val("").trigger("keyup"); } }); $(".form_select").resetSS(); } $(document).ready(function(){ //contact method init viewContactMethod("e"); }); </script> </div> </div> <div class="step_ctrl"> <a href="#back" class="btnMedium btnType3" ng-click="stepChange('1')"><span class="btnIcon arrow_l">Back</span></a> <a href="#" class="btnMedium btnType1" ng-click="validation('2', '3', true)"><span class="btnIcon arrow_r">Submit</span></a> </div> <div class="note_area"> <div class="bl_type_note"> <p class="note_p">Kia Australia, the "Company" makes no warranties or representations, whether express or implied, as to the veracity or completeness of this website's content or of the content of any websites that have links to it. This website is updated from time to time and is intended purely for information purposes. The information contained in this website is not intended to be complete or exhaustive and must not be relied upon for any purpose.</p> <p class="note_p">Vehicles and its parts and accessories specifications are subject to change with out prior notification. Pictures and colours of vehicles may differ from actual specifications. For further details, please visit your nearest Kia Showroom.</p> </div> </div> </div> </li> </ol> </div>   <div class="inner request_brochure" ng-show="step == 3"> <div class="finishTop"> <div class="contBox"> <p class="finishTxt">Please check your details below and click complete to subscribe.</p> </div> </div> <div class="finishCon"> <div class="person-info-view parsys"><div class="userdata-view section"> <script type="text/javascript"> /* * if use the this componet, * must be defined "_userdata_view_scope_", "_vehicle_data_", * "_vehicle_trim_data_", "_dealer_data_", "_center_data_" variables. */ kwcmsApp.controller("userdata.view", function($scope, HttpService) { //copy scope to javascript _userdata_view_scope_ = $scope; //selected Vehicle Data $scope.vehicleData = null; //selected vehicle trim data $scope.vehicleTrimData = null; //selected dealer data $scope.dealerData = null; //select center data $scope.centerData = null; //userData $scope.userData = null; //init userdata viewer $scope.userDataInit = function () { //show vehicle information if (_vehicle_data_ != null && _vehicle_data_ != undefined) { var selectInfo = _vehicle_data_; var selectInfoList = []; for (var i = 0, iCnt = selectInfo.carKey.length ; i < iCnt ; i++) { selectInfoList[i] = { carKey : selectInfo.carKey[i] , carCode : selectInfo.carCode[i] , carName : selectInfo.carName[i] , carImage : selectInfo.carImage[i] , carTrim : null }; if (_vehicle_trim_data_ != null) { selectInfoList[i].carTrim = _vehicle_trim_data_[i]; } } $scope.vehicleData = selectInfoList; } //show vehicle trim information if (_vehicle_trim_data_ != null) { $scope.vehicleTrimData = $scope.vehicleData; } //show dealer information if (_dealer_data_ != null) { $scope.dealerData = _dealer_data_; $scope.dealerNm = $scope.dealerData.dealerNm; $scope.dealerPhone = $scope.dealerData.phone; } //show service center information if (_center_data_ != null) { $scope.centerData = _center_data_; $scope.centerNm = $scope.centerData.centerNm; $scope.centerAddr = $scope.centerData.addr; $scope.centerPhone = $scope.centerData.phone; } //show user key in data if (_user_data_ != null) { $scope.userData = _user_data_; $scope.title = $scope.userData.title; $scope.fname = $scope.userData.fname; $scope.lname = $scope.userData.lname; if (angular.equals($scope.userData.p_method, "e")) { $scope.preferred_method = 'E-mail'; } else if (angular.equals($scope.userData.p_method, "p")) { $scope.preferred_method = 'Phone'; } $scope.email = $scope.userData.email; if (angular.equals($scope.userData.mphone1, "")) { $scope.mphone = ""; } else { $scope.mphone = $scope.userData.mphone1 + "-" + $scope.userData.mphone2 + "-" + $scope.userData.mphone3; } if (angular.equals($scope.userData.wphone1, "")) { $scope.wphone = ""; } else { $scope.wphone = $scope.userData.wphone1 + "-" + $scope.userData.wphone2 + "-" + $scope.userData.wphone3; } if (angular.equals($scope.userData.hphone1, "")) { $scope.hphone = ""; } else { $scope.hphone = $scope.userData.hphone1 + "-" + $scope.userData.hphone2 + "-" + $scope.userData.hphone3; } $scope.oaddr = $scope.userData.oaddr; $scope.taddr = $scope.userData.taddr; $scope.addr_city = $scope.userData.addr_city; $scope.province = $scope.userData.province; $scope.zipcode = $scope.userData.zipcode; $scope.message = $scope.userData.message; } }; }); //make ajax json function returnAjaxParameters () { var rt = { "dummy" : "" , "reqTitle" : _userdata_view_scope_.title , "reqFnm" : _userdata_view_scope_.fname , "reqLnm" : _userdata_view_scope_.lname , "regNm" : _userdata_view_scope_.lname + ", " + _userdata_view_scope_.fname , "reqType" : _userdata_view_scope_.userData.p_method , "reqEmail" : _userdata_view_scope_.email , "reqPhoneH" : _userdata_view_scope_.hphone , "reqPhoneW" : _userdata_view_scope_.wphone , "reqPhoneM" : _userdata_view_scope_.mphone , "reqCity" : _userdata_view_scope_.addr_city , "reqAddr1" : _userdata_view_scope_.oaddr , "reqAddr2" : _userdata_view_scope_.taddr , "reqProvince" : _userdata_view_scope_.province , "reqZipcode" : _userdata_view_scope_.zipcode , "reqMsg" : _userdata_view_scope_.message , "statusCd" : "RQ01ST01" }; if (_userdata_view_scope_.vehicleData != null) { var selectInfo = _userdata_view_scope_.vehicleData; for (var i = 0, iCnt = selectInfo.length ; i < iCnt ; i++) { rt["carKey" + (i + 1)] = selectInfo[i].carKey; rt["vehicle" + (i + 1)] = selectInfo[i].carName; if (_userdata_view_scope_.vehicleTrimData != null) { rt["trim" + (i + 1)] = selectInfo[i].carTrim; } } } if (_userdata_view_scope_.dealerData != null) { rt["dealerSeq"] = _userdata_view_scope_.dealerData.dealerSeq; rt["dealerNm"] = _userdata_view_scope_.dealerData.dealerNm; rt["dealerAddr"] = _userdata_view_scope_.dealerData.addr; rt["dealerPhone"] = _userdata_view_scope_.dealerData.phone; rt["dealerEmail"] = _userdata_view_scope_.dealerData.email; } if (_userdata_view_scope_.centerData != null) { rt["dealerSeq"] = _userdata_view_scope_.centerData.centerSeq; rt["dealerNm"] = _userdata_view_scope_.centerData.centerNm; rt["dealerAddr"] = _userdata_view_scope_.centerData.addr; rt["dealerPhone"] = _userdata_view_scope_.centerData.phone; rt["dealerEmail"] = _userdata_view_scope_.centerData.email; } delete rt["dummy"]; return rt; } //call init method function initViewUserData () { _userdata_view_scope_.userDataInit(); } </script> <table class="table_type2" ng-controller="userdata.view" id="userdata.view.comp"> <caption>View & Download Brochures & Specification Sheets | Kia Australia result report</caption> <colgroup> <col style="width:20%"><col style="width:auto"> </colgroup> <tbody> <tr ng-show="vehicleData != null"> <th class="tleft">Vehicle</th> <td class="tleft" ng-show="vehicleData.length > 1"> <ul class="finishTbl"> <li ng-repeat="car in vehicleData"> <span class="car"><img ng-src="{{car.carImage}}" alt="{{car.carName}}"> <span class="car_name">{{car.carName}}</span></span> </li> </ul> </td> <td class="tleft" ng-show="vehicleData.length == 1"> <span class="car" ng-repeat="car in vehicleData"><img ng-src="{{car.carImage}}" alt="{{car.carName}}"> <span class="car_name">{{car.carName}}</span></span> </td> </tr> <tr ng-show="vehicleTrimData != null"> <th class="tleft">Trim</th> <td class="tleft" ng-show="vehicleData.length > 1"> <ul class="finishTbl"> <li ng-repeat="car in vehicleData">{{car.carTrim}}</li> </ul> </td> <td class="tleft" ng-show="vehicleData.length == 1" ng-repeat="car in vehicleData">{{car.carTrim}}</td> </tr> <tr ng-show="dealerData != null"> <th class="tleft">Dealer</th> <td class="tleft"> <ul class="barType"> <li>{{dealerNm}}</li> <li>Phone : {{dealerPhone}}</li> </ul> </td> </tr> <tr> <th class="tleft">Title</th> <td class="tleft">{{title}}</td> </tr> <tr> <th class="tleft">Name</th> <td class="tleft">{{fname}} {{lname}}</td> </tr> <tr> <th class="tleft">Contact Method</th> <td class="tleft">{{preferred_method}}</td> </tr> <tr> <th class="tleft">E-mail</th> <td class="tleft">{{email}}</td> </tr> <tr> <th class="tleft">Phone</th> <td class="tleft"> <ul class="barType"> <li>Mobile : {{mphone}}</li> <li>Work : {{wphone}}</li> <li>Home : {{hphone}}</li> </ul> </td> </tr> <tr> <th class="tleft">Address</th> <td class="tleft">{{taddr}} {{oaddr}} {{addr_city}}, {{addr_city}} {{zipcode}}</td> </tr> <tr> <th class="tleft">Message</th> <td class="tleft" ng-bind-html="message | sanitize"></td> </tr> <tr ng-show="centerData != null"> <th class="tleft">Service centre</th> <td class="tleft"> <ul class="barType"> <li>{{centerNm}}</li> <li>{{centerAddr}}</li> <li>Phone : {{centerPhone}}</li> </ul> </td> </tr> </tbody> </table></div> </div> <p class="bl_type5 finishTxt2">If you would like to make another enquiry please select one of the options below.</p>  <div class="form_wrp sales_sel"> <span class="sel_box inp_sel"> <select class="form_select" id="below-car-list"> <option value="/carKey/{{car.carKey}}" ng-repeat="car in cars" after-option-element>{{car.carName}}</option> </select> </span> </div> <ul class="sales_tool"> <li><a href="/au/shopping-tools/compare-car.html" class="tool_tspr spr_tool3" ng-click="byPass($event, true)">Compare car</a></li> <li><a href="/au/shopping-tools/finance-calculator.html" class="tool_tspr spr_tool8" ng-click="byPass($event, true)">Finance Calculator</a></li> <li><a href="/au/shopping-tools/request-a-test-drive.html" class="tool_tspr spr_tool1" ng-click="byPass($event, true)">Request a Test Drive</a></li> <li><a href="/au/shopping-tools/find-a-dealer.html" class="tool_tspr spr_tool9">Find a dealer</a></li> </ul>  </div> <div class="btn_area"> <a href="/au/main.html" class="btnMedium btnType1" ng-click="send($event)"><span class="btnIcon arrow_r">Complete</span></a> </div> </div>  </div></div> </div> <script type="text/javascript"> //20190118 ì¶ê° YKJ var flagTrim =""; var flagTrimUrl =""; var flagColor =""; var flagColorUrl =""; var payment =""; $(function(){ var regionCodeList = []; var postCodeList = []; function codeListGet(){ var url = "/api/kia_australia/base/region.selectRegionCate"; $.ajax({ url : url, async : false, method : 'GET', success : function(data){ $.each(data.dataMap, function(index, value){ if(value.code){ regionCodeList.push({ "code" : value.code, "name" : value.name , "postCode" : value.postCode, "displayName" : value.displayName, "sortNo" : value.sortNo }); } }); } }); } $('.util_set_location > .set_location_form > button').on('click', function(e){ searchLocation('M', "syl_postCode_M"); }); $('#syl_postCode_button').on('click', function(e){ searchLocation('P', "syl_postCode"); }); /* $('#syl_postCode').keyup(function(e){ if(e.keyCode == 13) searchLocation('P'); }); */ function textCheck(text){ var reg = /^[0-9]*$/; return reg.test(text); } function searchLocation(device, input_id){ var postCodeVal = $("#" + input_id).val(); if(postCodeVal == ""){ alert("Postcode is required."); return false; }else if(!textCheck(postCodeVal)){ alert("Please enter numeric only."); return false; }else if(postCodeVal.length < 4){ alert("Postcode must be between 4 characters."); return false; }else{ $('#syl_error').hide(); codeListGet(); postCodeList.regionCode = ""; postCodeList.postCode = (device == 'P') ? $("#syl_postCode").val() : $('.util_set_location > .set_location_form > input').val(); var postCode = "," + postCodeList.postCode + ","; $.each(regionCodeList, function(index, val){ var loction_postCode = "," + val.postCode.replace(/ /g, "") + ","; if(loction_postCode.indexOf(postCode) >= 0){ postCodeList.regionCode = val.code; return false; }else{ var tempCode = postCode.substr(0,2) + "*,"; if(loction_postCode.indexOf(tempCode) >= 0){ postCodeList.regionCode = val.code; } } }); if(postCodeList.regionCode == "" || postCodeList.postCode =="0000"){ $('#syl_postCode_val').val(""); $('#syl_error').css("display","inline-block"); if(device == 'M') $('.util_area > .util_set_location > .error').css("display","inline-block"); }else{ setCookie("regionCode", postCodeList.regionCode, 1); setCookie("postCode", postCodeList.postCode, 1); if($('#syl_redirectUrl_val').val() != ""){ window.open( $('#syl_redirectUrl_val').val(), "_blank"); $('#syl_redirectUrl_val').val(""); } if(flagTrim==1){ location.href = flagTrimUrl; }else if(flagColor==1){ location.href = flagColorUrl; }else { location.reload(); } } } } function setCookie(cName, cValue, cDay){ var expire = new Date(); expire.setDate(expire.getDate() + cDay); cookies = cName + '=' + escape(cValue) + '; path=/ '; if(typeof cDay != 'undefined') cookies += ';expires=' + expire.toGMTString() + ';'; document.cookie = cookies; } $('.syl_postCode_close').on('click', function(e){ $('#syl_postCode_val').val(""); }); /*20190118 ì¶ê° YKJ $("a.closeBtn").on("click",function(e){ e.stopPropagation(); e.preventDefault(); if(flagTrim==1){ location.href = flagTrimUrl; } if(flagColor==1){ location.href = flagColorUrl; } });*/ var dimSylPop = new OpenDimPop($("#setSylPopup"), $("#setSylPopup"), 0); $(".sylPopupOpen").on("click", function (e) { $(".dth1_l").removeClass("dth_on"); $(".gnb_area").removeClass("open"); $(".gnb_dimmed").hide(); $("#header").css("position", ""); $('#syl_redirectUrl_val').val(""); dimSylPop.open(); }); //2019.02.28 finance calculator íì´ì§ postcode ììì ë¡ë© ì¤ postCode ìë ¥íì ë¸ì¶ YKJ }); </script> <div id="setSylPopup" class="set_location popup" style="max-width:386px;"> <div class="pop_tit">Set Your Location</div>  <div class="set_location_popup"> <p>Enter your postcode to <br/>view appropriate pricing for your area.</p> <input id="syl_postCode" name="syl_postCode" class="sch_inp" type="text" title="set your location" maxlength="4" /> <input id="syl_postCode_val" name="syl_postCode_val" type="hidden"/> <input id="syl_redirectUrl_val" name="syl_redirectUrl_val" type="hidden"/> <span class="syl_error" id="syl_error">Invalid Postcode.</span> <button id="syl_postCode_button" type="button" class="btn2_medium btn2_ar bgc_red1 ico_arrow_r" title="SET YOUR POSTCODE" ><span>Set Your Postcode</span></button>  </div> <a href="#" class="closeBtn btnType5"><span id="syl_postCode_close" class="cmm_spr spr_close">close</span></a> </div> <div class="dimmed"></div> </div> </div> <div id="footer"> <div class="f_navi"> <div class="inner">  <div class="foot_content"> <div class="foot_left">  <div class="foot_logo"> <span class="logo"><img src="/content/dam/kwcms/gt/en/images/main/new/new-kia-logo-white.png" alt="logo"></span>  </div>    <div class="info_country"> <a href="/au/util/kia-global.html" target="_brank">Kia in <span>Australia</span></a> </div> <div class="info_sns"> <div class="link-f-8-0 link parbase"> <a href="https://www.facebook.com/KiaAustralia" class="sns_spr spr_facebook" onclick="dtmDataLayer.external_link='sns|facebook'; _satellite.track('external_link');" target="_blank" title="Facebook">Facebook</a> </div> <div class="link-f-8-1 link parbase"> <a href="https://twitter.com/kiaaustralia" class="sns_spr spr_twitter" onclick="dtmDataLayer.external_link='sns|twitter'; _satellite.track('external_link');" target="_blank" title="Twitter">Twitter</a> </div> <div class="link-f-8-2 link parbase"> <a href="https://www.youtube.com/user/KiaAustralia" class="sns_spr spr_youtube" onclick="dtmDataLayer.external_link='sns|youtube'; _satellite.track('external_link');" target="_blank" title="Youtube">Youtube</a> </div> <div class="link-f-8-3 link parbase"> <a href="https://www.instagram.com/kiaaustralia/" class="sns_spr spr_instagram" onclick="dtmDataLayer.external_link='sns|instagram'; _satellite.track('external_link');" target="_blank" title="Instagram">Instagram</a> </div> </div> </div> <div class="foot_right"> <div class="item1"> <div class="mo_title">Cars</div>  <ul class="mo_con">  <li><a href="/au/cars/picanto.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Picanto</a></li> <li><a href="/au/cars/cerato.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Cerato</a></li> <li><a href="/au/cars/stonic.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Stonic</a></li> <li><a href="/au/cars/seltos.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Seltos</a></li> <li><a href="/au/cars/sportage.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sportage</a></li> <li><a href="/au/cars/sportage-hybrid.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sportage Hybrid</a></li> <li><a href="/au/cars/sorento.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sorento</a></li> <li><a href="/au/cars/carnival.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Carnival</a></li> <li><a href="/au/cars/niro-hybrid.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Niro Hybrid</a></li> <li><a href="/au/cars/niro-pure-electric.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Niro EV</a></li> <li><a href="/au/cars/ev5.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">All-new EV5</a></li> <li><a href="/au/cars/ev6.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV6</a></li> <li><a href="/au/cars/ev6-gt.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV6 GT</a></li> <li><a href="/au/cars/ev9.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV9</a></li> <li><a href="/au/cars/tasman.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Tasman</a></li> </ul> </div> <div class="item2"> <div class="mo_title">Shopping Tools</div>  <ul class="mo_con">  <li><a href="/au/shopping-tools/build-and-price.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Build & Price</a></li> <li><a href="/au/shopping-tools/request-a-test-drive.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Request a Test Drive</a></li> <li><a href="/au/shopping-tools/find-a-dealer.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Find a Dealer</a></li> <li><a href="/au/shopping-tools/request-a-brochure.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">View Brochures</a></li> <li><a href="/au/shopping-tools/offers.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Offers</a></li> <li><a href="/au/shopping-tools/finance-calculator.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Finance Calculator</a></li> <li><a href="/au/shopping-tools/kia-car-care.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Car Care</a></li> <li><a href="/au/shopping-tools/fleet-edge.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Fleet Edge</a></li> <li><a href="/au/shopping-tools/kia-finance.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Finance</a></li> <li><a href="/au/shopping-tools/kia-insurance.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Premier Motor Insurance</a></li> <li><a href="/au/shopping-tools/kia-renew-guaranteed-future-value.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Renew</a></li> <li><a href="/au/shopping-tools/genuine-accessories.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Genuine Accessories</a></li> </ul> </div> <div class="item3"> <div class="mo_title">Electric Cars</div>  <ul class="mo_con">  <li><a href="/au/electric-cars/ev.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Electric Cars</a></li> <li><a href="/au/electric-cars/hybrid-cars.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Hybrid Cars</a></li> <li><a href="/au/electric-cars/ev-service-plans.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV Service Plans</a></li> <li><a href="/au/electric-cars/ev-day.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV Day</a></li> </ul> </div> <div class="item5"> <div class="mo_title">Owners</div>  <ul class="mo_con">  <li><a href="/au/owners/overview.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Service</a></li> <li><a href="/au/owners/warranty.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Warranty</a></li> <li><a href="/au/owners/capped-price-service.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Capped Price Servicing</a></li> <li><a href="/au/owners/roadside-assist.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Roadside Assistance</a></li> <li><a href="/au/owners/genuine-parts.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Genuine Parts</a></li> <li><a href="/au/owners/change-of-ownership.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Change of Ownership</a></li> <li><a href="/au/owners/recall-information.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Recall Information</a></li> <li><a href="/au/owners/service-and-warranty-manual.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Service and Warranty Manuals</a></li> <li><a href="/au/owners/manual.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Owners Manuals</a></li> <li><a href="/au/owners/kia-connect.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Connect</a></li> <li><a href="/au/owners/independent.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Independent Repairers Access</a></li> <li><a href="/au/owners/ccs-redirect.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Connect Privacy Notice</a></li> </ul> </div> <div class="item6"> <div class="mo_title">Discover Kia</div>  <ul class="mo_con">  <li><a href="/au/discover-kia/this-is-kia.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">This is Kia</a></li> <li><a href="/au/discover-kia/our-movement.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Our Movement</a></li> <li><a href="/au/discover-kia/pbv.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">PBV</a></li> <li><a href="/au/discover-kia/sponsorship.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Partnerships</a></li> <li><a href="/au/discover-kia/company-statements.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Company Statements</a></li> <li><a href="/au/discover-kia/sustainability.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sustainability</a></li> <li><a href="/au/discover-kia/ao2024.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">AO 2024</a></li> </ul> </div> </div> </div> <div class="foot_copy_area"> <div class="foot_breadcrumbs"> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/au/main.html" property="item" typeof="WebPage"><span property="name">Home</span></a><span class="gt">></span>  <meta property="position" content= 1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/au/shopping-tools.html" property="item" typeof="WebPage"><span class="depth" property="name">shopping tools</span></a><span class="gt">></span>   <meta property="position" content= 2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <strong class="depth current" property="name">View Brochures</strong> <meta property="position" content= 3> </li> </ol> </div> <div class="copyright"> <span class="tel_call">  </span> <address class="cpr"> <span class="br"> Copyright© 2024 Kia Australia Pty Ltd. All Rights Reserved. </span> </address> </div> </div> </div> </div>   <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/jquery.form.stylishSelect.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/picturefill.js"></script> <script type="text/javascript"> $(document).ready(function(){ //stylish selectbox init if ($(".form_select").length > 0) { $(".form_select").sSelect(); } }); </script> <script> conversionTag = "https://ad.doubleclick.net/ddm/adj/N74102.197812NSO.CODESRV/B10267917.137354290;sz=1x2;ord=" var randomNumber = Math.floor((Math.random() * 1000000000000) + 1); var scriptTag = document.createElement("script"); scriptTag.src = conversionTag + randomNumber + "?"; scriptTag.language = "JavaScript1.1"; var insertionNode = document.body.firstChild; insertionNode.parentNode.insertBefore(scriptTag, insertionNode); </script>  <script> window.adgile = window.adgile || []; adgile.push(['viewid', 'AG-01-htmjpqq5']); </script> <script async src="////atag.adgile.media/tag.js"></script> </div> <div class="gnb_dimmed" style="position: absolute;"></div> <div class="cloudservices servicecomponents"> </div> </div> <script type="text/javascript"> $(document).ready(function(){ //SNS_Share 20171211 YKJ START $(window).resize(function() { shsbtnShow() }); var shsbtnShow = function() { if ($(window).scrollTop() > $("#header").outerHeight(true)) { $(".btn_box.picanto_16my").css({ display: "block" }) } else { $(".btn_box.picanto_16my").css({ display: "none" }) } }; $(window).scroll(function(){ shsbtnShow(); }).scroll(); $('.btn_box.picanto_16my .topBtn').on('click',function(){ $('html, body').animate({scrollTop : 0}, 400); return false; }); }); </script>  <script type="text/javascript"> (function(w, d, a){ w.__beusablerumclient__ = { load : function(src){ var b = d.createElement("script"); b.src = src; b.async=true; b.type = "text/javascript"; d.getElementsByTagName("head")[0].appendChild(b); } };w.__beusablerumclient__.load(a); })(window, document, "//rum.beusable.net/script/b200910e115330u580/8782f31a46"); </script>  <div class="video_pop_wrap"> <div id="v_open" class="layPop_wrap"> <div class="pop_inner"> <div class="y_wrap" data-src="https://www.youtube.com/embed/U6QPNZ7qpbA"> <iframe id="v_player" src="" frameborder="0" width="100%" height="100%" allowfullscreen></iframe> </div>  <div class="d_sector"> <div class="tit"><span>The whole new levels of peace of mind</span></div> <div class="dis"> <span> At speeds of 20 km/h or higher, BCW alerts you if a vehicle enters your blind spot, even when you are in the process of changing lanes. LED warnings flash on the door mirror and an audio warning is emitted when you signal to make a lane change. </span> </div> </div>  <div class="close_bt"> <a href="#" onclick="$('#v_open').find('.y_wrap').find('iframe').attr('src', '');$('#v_open').hide();return false;"><span class="hidden">close</span></a> </div> </div> <div class="kv_dimmed"></div> </div> </div>  </body> <script src="/etc/designs/kia-australia/clientlib-common.min.js"></script> </html>

CINXE.COM

View & Download Brochures & Specification Sheets | Kia Australia