- Home
Find a Car Elantra Features
-
ELANTRA
Features
An error occurred while processing the template.
Error on line 46, column 1 in 20155#20195#122454 OrganizationService.getOrganization(group.getClassPK()) is undefined. It cannot be assigned to organization
1<#assign serviceContext = staticUtil["com.liferay.portal.service.ServiceContextThreadLocal"].getServiceContext()>
2<#assign themeDisplay = serviceContext.getThemeDisplay() />
3<#assign currentUrl = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
4<#assign httpServletRequest = serviceContext.getRequest()>
5
6
7<#if currentUrl?contains("santro")>
8 <#assign model_id = "C4" />
9<#elseif currentUrl?contains("grand-i10-nios")>
10 <#assign model_id = "HQ" />
11<#elseif currentUrl?contains("grand-i10")>
12 <#assign model_id = "B4" />
13<#elseif currentUrl?contains("i20-n-line")>
14 <#assign model_id = "SW" />
15<#elseif currentUrl?contains("i20")>
16 <#assign model_id = "SV" />
17<#elseif currentUrl?contains("aura")>
18 <#assign model_id = "ZZ" />
19<#elseif currentUrl?contains("verna")>
20 <#assign model_id = "H6" />
21<#elseif currentUrl?contains("alcazar")>
22 <#assign model_id = "AA" />
23<#elseif currentUrl?contains("venue-n-line")>
24 <#assign model_id = "SQ" />
25<#elseif currentUrl?contains("venue")>
26 <#assign model_id = "SP" />
27<#elseif currentUrl?contains("creta")>
28 <#assign model_id = "FH" />
29<#elseif currentUrl?contains("tucson")>
30 <#assign model_id = "9M" />
31<#elseif currentUrl?contains("kona-electric")>
32 <#assign model_id = "HO" />
33<#else>
34 <#assign model_id = 0 />
35</#if>
36
37<#-- Model ID fetched from URL's Model Name is : ${model_id} -->
38<#-- Site ID -->
39<#assign group_Id = themeDisplay.getLayout().getGroupId() />
40
41<#-- Dealer Code -->
42<#assign GroupLocalService = serviceLocator.findService("com.liferay.portal.service.GroupLocalService")>
43<#assign group = GroupLocalService.getGroup(group_Id)/>
44<#assign ExpandoLocalService = serviceLocator.findService("com.liferay.portlet.expando.service.ExpandoValueLocalService")/>
45<#assign OrganizationService = serviceLocator.findService("com.liferay.portal.service.OrganizationLocalService")/>
46<#assign organization = OrganizationService.getOrganization(group.getClassPK())/>
47
48<#assign DealerCode = ExpandoLocalService.getData("com.liferay.portal.model.Organization","CUSTOM_FIELDS","Dealer Code",organization.getOrganizationId(),"")/>
49
50<#--
51Current URL: ${currentUrl}
52Dealer Code: ${DealerCode}
53-->
54
55<style>
56.topLinkBar .barInner {
57
58 margin: 0 auto !important;
59}
60.barInner a img {
61 margin-right: 20px;
62
63}
64 span.configurator, span.drive, span.quote {
65 display: inline-block;
66 margin-right: 0px;
67 vertical-align: middle;
68 }
69 .barInner .col a:hover span {
70 text-decoration: underline;
71}
72 .barInner .col a:hover {
73 text-decoration: none !important;
74}
75.sticky.active, .psnoNavigationTabWrap.active{
76 position: fixed;
77 top: 0;
78 width: 100%;
79 left: 0;
80 z-index: 999;
81}
82.psnoNavigationTabWrap.active{
83 top: 72px;
84}
85@media only screen and (max-width:767px){
86 .topLinkBar .barInner .col{
87 padding:9px 0;
88 }
89 .barInner a img{
90 display:block;
91 margin:auto;
92 width:26px;
93 height:26px;
94 }
95 span.configurator, .barInner a{
96 font-size: 10px;
97 line-height: 12px;
98 }
99 span.configurator{
100 margin-top:4px;
101 }
102 .psnoNavigationTabWrap.active {
103
104 top: 60px;
105
106}
107}
108
109</style>
110<div class="sectionWrap sticky">
111 <div class="sectionFull">
112 <div class="topLinkBar">
113 <ul class="barInner colLg4 alignC">
114 <#list Link_Block.getSiblings() as block>
115 <#if block.Link_Name.getData() == "Click To Buy">
116 <li class="col">
117 <a href="https://clicktobuy.hyundai.co.in/#/selectacar?delrId=${DealerCode}&modelId=${model_id}" class="txt_white" target="_self">
118 <picture>
119 <img alt="Image" src="${block.Link_Image.getData()}" />
120 </picture>
121
122 <span class="configurator">
123
124 ${block.Link_Name.getData()}
125 </span>
126 </a>
127 </li>
128 <#else>
129 <li class="col">
130 <a href="${block.Link_URL.getData()}" class="txt_white" target="_self">
131 <picture>
132 <img alt="Image" src="${block.Link_Image.getData()}" />
133 </picture>
134
135 <span class="configurator">
136
137 ${block.Link_Name.getData()}
138 </span>
139 </a>
140 </li>
141 </#if>
142 </#list>
143 </ul>
144 </div>
145 </div>
146 </div>
147 <script>
148 $(document).ready(function() {
149 var stickyTop = $('.sticky').offset().top;
150
151 $(window).scroll(function() {
152 var windowTop = $(window).scrollTop();
153 if (stickyTop < windowTop) {
154 $('.sticky, .psnoNavigationTabWrap').addClass('active');
155 } else {
156 $('.sticky, .psnoNavigationTabWrap').removeClass('active');
157 }
158 });
159});
160 </script>
Features
| ENGINE AND TRIM PLAN | SX | SX(O) | |
|---|---|---|---|
| 2.0l Nu Petrol (BS6) | MT/AT | AT | |
| 1.5 l U2 Diesel (BS6) | MT Only | AT | |
| Feature | SX | SX(O) | |
|---|---|---|---|
| Airbags | Driver & Passenger | S | S |
| Side & Curtain | S | S | |
| Anti-lock braking system (ABS) with EBD | S | S | |
| Parking Assist | Reverse Parking Sensors | S | S |
| Front Parking Sensors | - | S | |
| Rear Camera w/ Display on AVN | S | S | |
| Electronic Stability Control (ESC) | S | S | |
| Vehicle Stability Management (VSM) | S | S | |
| Hill-start Assist Control (HAC) | S | S | |
| Emergency Stop Signal (ESS) | S | S | |
| Automatic Headlamps | S | S | |
| Impact Sensing Auto Door Unlock | S | S | |
| Speed Sensing Auto Door Lock | S | S | |
| Burglar Alarm | S | S | |
| Clutch Lock | MT Only | - | |
| Electronic Type Shift Lock | AT Only | S | |
| Headlamp Escort Function | S | S | |
| Rear Defogger with Timer | S | S | |
| Front Auto Defogger | S | S | |
| Seat Belt Pretensioner - Driver & Passenger | S | S | |
| Tyre Pressure Monitoring System with Display on MID | - | S | |
| ISOFIX | S | S | |
| Height Adjustment Seat Belt - Driver & Passenger | S | S | |
| Inside Rear View Mirror with Telematics Switches (SOS, RSA & Bluelink) | S | S | |
| Speed Alert System | S | S | |
| Driver & Passenger Seatbelt Reminder | S | S | |
| Immobilizer | S | S | |
| Front and Rear Disc Brakes | S | S | |
| Feature | SX | SX(O) | |
|---|---|---|---|
| Projector Headlamps | S | - | |
| LED Quad Projector Headlamps | - | S | |
| Daylight Running Lamps & Positioning Lamps | Standard | S | - |
| LED | - | S | |
| LED Taillamps | S | S | |
| Electric Sunroof | S | S | |
| Body Coloured ORVM with Turn Indicators | S | S | |
| Chrome Radiator Grille | S | S | |
| Chrome Window Beltline | S | S | |
| Chrome Outside Door Handles | S | S | |
| Door Pocket Lights | S | S | |
| Glass Antenna | S | S | |
| Shark Fin Antenna | S | S | |
| R16 (D=405.6 mm) Alloy Wheels | S | S | |
| Silica Tyres | S | S | |
| Feature | SX | SX(O) | |
|---|---|---|---|
| Premium Dual Tone Beige & Black Interiors | S | S | |
| Upholstery | Leather** | - | S |
| Fabric | S | - | |
| Leather Wrapped Steering Wheel | S | S | |
| Leather Wrapped Gear Knob | S | S | |
| Silver Finish Inside door handles | S | S | |
| Door Scuff Plate | Deluxe Type with Emblem | - | S |
| Standard | S | - | |
| Aluminum Pedals | - | S | |
| Supervision Cluster | S | S | |
| Instrument Cluster with Color Display | - | S | |
| Feature | SX | SX(O) | |
|---|---|---|---|
| 10-way Adjustable Power Driver Seat with Electric Lumbor Support | - | S | |
| Driver Seat Height Adjustment (Manual) | S | - | |
| Dual Zone Fully Automatic Temperataure Control | S | S | |
| Front Seat Ventilation System | - | S | |
| Cluster Ionizer | S | S | |
| Rear AC Vents | S | S | |
| Glove Box Cooling | S | S | |
| Front & Rear Seat Headrests Height Adjustment | S | S | |
| Tilt Steering | S | S | |
| Telescopic Steering | S | S | |
| Feature | SX | SX(O) | |
|---|---|---|---|
| 20.32cm (8") HD Touch Audio Video Navigation & Telematics System | S | S | |
| Bluetooth Connectivity | S | S | |
| Hyundai iblue Audio Remote Application | S | S | |
| Smartphone Connectivity | Apple CarPlay^ | S | S |
| Android Auto^ | S | S | |
| Infinity Premium Sound 8 Speaker System | S | S | |
| Speakers | Front & Rear Door Speakers | S | S |
| Front Central Speaker | S | S | |
| Front Tweeters | S | S | |
| Sub-Woofer | S | S | |
| Amplifier | S | S | |
| Hyundai Blue Link | S | S | |
| Feature | SX | SX(O) | |
|---|---|---|---|
| Drive Mode Select | AT Only | S | |
| Hands Free Smart Trunk | S | S | |
| Auto Cruise control | S | S | |
| Smart Key with Push Button Start | S | S | |
| Tinted Glass | S | S | |
| Steering Mounted Controls | Voice Recognition*** | S | S |
| Bluetooth | S | S | |
| Electrically Adjustable Outside Mirrors | S | S | |
| Electric Folding Outside Mirrors | S | S | |
| Front Center Armrest with Storage | S | S | |
| Sliding Function on Front Armrest | - | S | |
| Rear Seat Armrest with Cup Holders | S | S | |
| One Touch Triple Turn Signal | S | S | |
| Sunglass Holder | S | S | |
| Vanity Mirror | Without Illumination | S | - |
| With Illumination | - | S | |
| USB Charger | - | S | |
| Power Windows with Driver Side Auto Up/Down & Safety | S | S | |
| Auto Folding ORVM with Welcome Function | S | S | |
| Wireless Charger | - | S | |
S=Standard
**Leatherette
**Based on exterior color
***Through Smartphone Connectivity
^Apple CarPlay is a trademark of Apple Inc. Android is a trademark of Google Inc
Works with select Android and Apple Smartphone only.
Disclaimer
• Some of the equipments illustrated or described in the leaflet may not be supplied as standard equipment and may be available at extra cost.
• Hyundai Motor India reserves the right to change specifications and equipment without prior notice.
• The colour plates shown may vary slightly from the actual colours due to the limitations of the web image process.
• Please consult your dealer for full information and availability on colours and trim.
• Blue link stolen vehicle tracking, notification & immobilization function.
- Functionality depends on adequate power supply and uninterrupted network connectivity to infotainment system.
- The system is designed in such a way that it make vehicle theft difficult if its circuit and battery connection is uninterrupted.
Test Drive is temporarily unavailable.
An error occurred while processing the template.
Error on line 46, column 1 in 20155#20195#121895 OrganizationService.getOrganization(group.getClassPK()) is undefined. It cannot be assigned to organization
1<style>
2.whole-slide-set-e.parbase { margin-top: 50px; }
3</style>
4<#assign serviceContext = staticUtil["com.liferay.portal.service.ServiceContextThreadLocal"].getServiceContext()>
5<#assign themeDisplay = serviceContext.getThemeDisplay() />
6<#assign currentUrl = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
7<#assign httpServletRequest = serviceContext.getRequest()>
8
9
10<#if currentUrl?contains("santro")>
11 <#assign model_id = "C4" />
12<#elseif currentUrl?contains("grand-i10-nios")>
13 <#assign model_id = "HQ" />
14<#elseif currentUrl?contains("grand-i10")>
15 <#assign model_id = "B4" />
16<#elseif currentUrl?contains("i20")>
17 <#assign model_id = "SV" />
18<#elseif currentUrl?contains("aura")>
19 <#assign model_id = "ZZ" />
20<#elseif currentUrl?contains("verna")>
21 <#assign model_id = "H6" />
22<#elseif currentUrl?contains("elantra")>
23 <#assign model_id = "S5" />
24<#elseif currentUrl?contains("venue")>
25 <#assign model_id = "SP" />
26<#elseif currentUrl?contains("creta")>
27 <#assign model_id = "FH" />
28<#elseif currentUrl?contains("tucson")>
29 <#assign model_id = "HR" />
30<#elseif currentUrl?contains("kona-electric")>
31 <#assign model_id = "HO" />
32<#else>
33 <#assign model_id = 0 />
34</#if>
35
36<#-- Model ID fetched from URL's Model Name is : ${model_id} -->
37
38<#-- Site ID -->
39<#assign group_Id = themeDisplay.getLayout().getGroupId() />
40
41<#-- Dealer Code -->
42<#assign GroupLocalService = serviceLocator.findService("com.liferay.portal.service.GroupLocalService")>
43<#assign group = GroupLocalService.getGroup(group_Id)/>
44<#assign ExpandoLocalService = serviceLocator.findService("com.liferay.portlet.expando.service.ExpandoValueLocalService")/>
45<#assign OrganizationService = serviceLocator.findService("com.liferay.portal.service.OrganizationLocalService")/>
46<#assign organization = OrganizationService.getOrganization(group.getClassPK())/>
47
48<#assign DealerCode = ExpandoLocalService.getData("com.liferay.portal.model.Organization","CUSTOM_FIELDS","Dealer Code",organization.getOrganizationId(),"")/>
49
50<#--
51Current URL: ${currentUrl}
52Dealer Code: ${DealerCode}
53-->
54
55<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
56<style>
57.aui a:focus {
58 text-decoration: none;
59}
60h3.subTitS {
61 font-size: 20px;
62 line-height: 30px;
63 letter-spacing: .3px;
64 color: #000;
65 font-family: "HyundaiMedium";
66}
67h4.subTitS {
68 font-size: 20px !important;
69 font-family: "HyundaiMedium" !important;
70}
71a.gallayLink:hover{
72text-decoration:none;
73}
74.owl-carousel{
75width: 100% !important;
76}
77.exploremoreslider .galleryListBox {
78 margin: 0px;
79 position: relative;
80}
81
82.exploremoreslider .owl-nav .owl-prev, .exploremoreslider .owl-nav .owl-next {
83 top: 23%;
84}
85
86.exploremoreslider .owl-nav .owl-prev {
87 background: url(/hyundai-india-theme/images/common/btn-prev.png) no-repeat center center !important;
88 left: 21px;
89}
90.exploremoreslider .owl-nav .owl-next {
91 background: url(/hyundai-india-theme/images/common/btn-next.png) no-repeat center center !important;
92 right: 21px;
93}
94.exploremoreslider .owl-nav .owl-prev, .exploremoreslider .owl-nav .owl-next {
95 display: block;
96 width: 44px;
97 height: 44px;
98 text-indent: -9999px;
99 overflow: hidden;
100 position: absolute;
101 z-index: 10;
102 cursor: pointer;
103}
104.exploremoreslider .owl-dots .owl-dot {
105 display: inline-block;
106 margin: 0 5px;
107 line-height: 1;
108 text-indent: -9999px;
109 overflow: hidden;
110}
111.exploremoreslider .owl-dots .owl-dot span {
112 display: block;
113 width: 12px;
114 height: 12px;
115 border-radius: 50%;
116 background: #fff;
117 cursor: pointer;
118 box-sizing: border-box;
119 border: 1px solid #999;
120}
121.exploremoreslider .owl-dots {
122 position: static;
123 margin-top: 50px;
124}
125.exploremoreslider .owl-dots {
126 top: 539px;
127 bottom: auto;
128 left: 0;
129 right: 0;
130 text-align: center;
131}
132.exploremoreslider .owl-dots .owl-dot.active span {
133 background: #00aad2;
134 border: none;
135}
136#hrefFm{
137display:none;
138}
139.bgColorBuff {
140 background-color: #e4dcd3 !important;
141}
142
143@media only screen and (max-width:767px){
144 .exploremoreslider .owl-nav .owl-prev, .exploremoreslider .owl-nav .owl-next {
145 top: 62px;
146 margin-top: -22px;
147 }
148 .exploremoreslider h3.subTitS{
149 font-size:12px;
150 }
151 .exploremoreslider .owl-dots .owl-dot{
152 margin: 0 4px;
153 }
154 .exploremoreslider .owl-dots .owl-dot span {
155 width: 9px;
156 height: 9px;
157 }
158 .exploremoreslider .owl-dots {
159 margin-top: 26px;
160}
161.exploremoreslider .txtArea h2, .exploremoreslider .txtArea h3, .gallayLink .txtArea h4 {
162 margin-top: 10px;
163}
164.pwseWrap h3.subTitM{
165font-size: 19px;
166line-height: 24px;
167letter-spacing: 0.3px;
168}
169}
170h4.txt_black {
171font-size: 24.5px;
172}
173</style>
174<div class="whole-slide-set-e parbase section">
175
176
177 <!-- slider type :: gallery -->
178 <div class="sectionWrap bgColorBuff none none gt_lypd_ts gt_lypd_bs">
179 <div class="sectionInner">
180 <!-- 20170908 Ŭ cwssWrap -->
181 <div class="pwseWrap pc">
182
183 <div class="titWrap alignC">
184 <h4 class="txt_black font_normal subTitM">${Top_Heading.getData()}</h4>
185 </div>
186
187 <div class="galleryWrap galleryFullM colLg4 ix-options-apply ix-slide-max-apply" data-ix-options="view-length:4; move-length:4; loop:false; paging:true;">
188 <div class="galleryListBox ix-list-viewport" data-label="learn more about hyundai" style="">
189 <ul class="gallerybox ix-list-items exploremoreslider" >
190 <#list Explore_More__Separator.getSiblings() as separator >
191
192 <#if separator.Explore_Title_.getData() == "Click To Buy">
193 <li class="galleryList ix-list-item">
194 <a href="https://clicktobuy.hyundai.co.in/#/selectacar?delrId=${DealerCode}&modelId=${model_id}" target="_blank" class="gallayLink">
195 <div class="gallery_img">
196 <picture>
197 <img alt="Explore Hyundai Other Section" src="${separator.Explore_Image.getData()}" />
198 </picture>
199 </div>
200 <div class="txtArea">
201 <h4 class="txt_black alignL font_normal subTitS">${separator.Explore_Title_.getData()}</h4>
202 </div>
203 </a>
204 </li>
205 <#else>
206 <li class="galleryList ix-list-item">
207 <a href="${separator.Explore_Url.getData()}" target="_blank" class="gallayLink">
208 <div class="gallery_img">
209 <picture>
210 <img alt="Explore Hyundai Other Section" src="${separator.Explore_Image.getData()}" />
211 </picture>
212 </div>
213 <div class="txtArea">
214 <h4 class="txt_black alignL font_normal subTitS">${separator.Explore_Title_.getData()}</h4>
215 </div>
216 </a>
217 </li>
218 </#if>
219 </#list>
220 </ul>
221 </div>
222 </div>
223 <div class="sectionInner alignL">
224 <p class="icoNote none none none none none alignL txt_gray font_normal">${Bottom_Description.getData()}</p>
225 </div>
226 </div>
227 <!-- /20170908 cwssWrap -->
228 </div>
229 </div>
230
231
232
233
234</div>
235<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
236<script>
237/*
238 if ($(window).width() < 768){
239 $(".exploremoreslider").addClass('owl-carousel');
240$('.exploremoreslider').owlCarousel({
241 slideBy: 2,
242 items:2,
243 nav:true,
244 })
245 }
246*/
247$(document).ready(function(){
248 $(".exploremoreslider").addClass("owl-carousel");
249 $(".exploremoreslider").owlCarousel({
250 autoHeight: true,
251 slideBy: 2,
252 margin: 0,
253 nav: true,
254 dots: true,
255 responsive:{
256 0:{
257 items:2
258 },
259 767:{
260 items:4
261 }
262 }
263 });
264});
265</script>