• Banner Image

    ELANTRA
    Features


An error occurred while processing the template.
Error on line 43, 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-nios2")> 
10		<#assign model_id = "HQ" /> 
11<#elseif currentUrl?contains("grand-i10")> 
12		<#assign model_id = "B4" /> 
13<#elseif currentUrl?contains("i20")> 
14		<#assign model_id = "SV" /> 
15<#elseif currentUrl?contains("aura")> 
16		<#assign model_id = "ZZ" /> 
17<#elseif currentUrl?contains("verna")> 
18		<#assign model_id = "H6" /> 
19<#elseif currentUrl?contains("elantra")> 
20		<#assign model_id = "S5" /> 
21<#elseif currentUrl?contains("venue")> 
22		<#assign model_id = "SP" /> 
23<#elseif currentUrl?contains("creta")> 
24		<#assign model_id = "FH" /> 
25<#elseif currentUrl?contains("tucson")> 
26		<#assign model_id = "HR" /> 
27<#elseif currentUrl?contains("kona-electric")> 
28		<#assign model_id = "HO" /> 
29<#else> 
30		<#assign model_id = 0 /> 
31</#if> 
32 
33<#-- Model ID fetched from URL's Model Name is : ${model_id} --> 
34 
35<#-- Site ID --> 
36<#assign group_Id = themeDisplay.getLayout().getGroupId() /> 
37 
38<#-- Dealer Code --> 
39<#assign GroupLocalService = serviceLocator.findService("com.liferay.portal.service.GroupLocalService")> 
40<#assign group = GroupLocalService.getGroup(group_Id)/> 
41<#assign ExpandoLocalService = serviceLocator.findService("com.liferay.portlet.expando.service.ExpandoValueLocalService")/> 
42<#assign OrganizationService = serviceLocator.findService("com.liferay.portal.service.OrganizationLocalService")/> 
43<#assign organization = OrganizationService.getOrganization(group.getClassPK())/> 
44 
45<#assign DealerCode = ExpandoLocalService.getData("com.liferay.portal.model.Organization","CUSTOM_FIELDS","Dealer Code",organization.getOrganizationId(),"")/> 
46 
47<#-- 
48Current URL: ${currentUrl}  
49Dealer Code: ${DealerCode}  
50--> 
51 
52<style> 
53.topLinkBar .barInner { 
54   
55    margin: 0 auto !important; 
56
57.barInner a img { 
58    margin-right: 20px; 
59     
60
61 span.configurator, span.drive, span.quote { 
62    display: inline-block; 
63    margin-right: 0px; 
64        vertical-align: middle; 
65
66    .barInner .col a:hover span { 
67    text-decoration: underline; 
68
69   .barInner .col a:hover { 
70    text-decoration: none !important; 
71
72.sticky.active, .psnoNavigationTabWrap.active{ 
73    position: fixed; 
74    top: 0; 
75    width: 100%; 
76    left: 0; 
77    z-index: 999; 
78
79.psnoNavigationTabWrap.active{ 
80	top: 72px; 
81
82@media only screen and (max-width:767px){ 
83	.topLinkBar .barInner .col{ 
84		padding:9px 0; 
85
86	.barInner a img{ 
87		display:block; 
88		margin:auto; 
89		width:26px; 
90		height:26px; 
91
92	span.configurator, .barInner a{ 
93		font-size: 10px; 
94		line-height: 12px; 
95
96	span.configurator{ 
97		margin-top:4px; 
98
99	.psnoNavigationTabWrap.active { 
100 
101    top: 60px; 
102 
103
104
105 
106</style> 
107<div class="sectionWrap sticky"> 
108            <div class="sectionFull"> 
109                <div class="topLinkBar"> 
110                    <ul class="barInner colLg4 alignC"> 
111					<#list Link_Block.getSiblings() as block> 
112					<#if block.Link_Name.getData() == "Click To Buy"> 
113                        <li class="col"> 
114                            <a href="https://uatclicktobuy.hyundai.co.in/#/selectacar?delrId=${DealerCode}&modelId=${model_id}" class="txt_white" target="_self"> 
115                                <picture> 
116                                   <img alt="Image" src="${block.Link_Image.getData()}" />  
117                                </picture> 
118 
119                                <span class="configurator"> 
120                               
121                                    ${block.Link_Name.getData()} 
122                                </span> 
123                            </a> 
124                        </li> 
125					<#else>	 
126                        <li class="col"> 
127                            <a href="${block.Link_URL.getData()}" class="txt_white" target="_self"> 
128                                <picture> 
129                                   <img alt="Image" src="${block.Link_Image.getData()}" />  
130                                </picture> 
131 
132                                <span class="configurator"> 
133                               
134                                    ${block.Link_Name.getData()} 
135                                </span> 
136                            </a> 
137                        </li> 
138					</#if> 
139					</#list>                        
140                    </ul> 
141                </div> 
142            </div> 
143        </div> 
144		<script> 
145		$(document).ready(function() { 
146  var stickyTop = $('.sticky').offset().top; 
147 
148  $(window).scroll(function() { 
149    var windowTop = $(window).scrollTop(); 
150    if (stickyTop < windowTop) { 
151      $('.sticky, .psnoNavigationTabWrap').addClass('active'); 
152    } else { 
153      $('.sticky, .psnoNavigationTabWrap').removeClass('active'); 
154
155  }); 
156}); 
157		</script> 

Features

ENGINE AND TRIM PLAN SX SX(O)
2.0 l 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 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.32 cm 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.



An error occurred while processing the template.
Error on line 43, column 1 in 20155#20195#121895
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-nios2")> 
10		<#assign model_id = "HQ" /> 
11<#elseif currentUrl?contains("grand-i10")> 
12		<#assign model_id = "B4" /> 
13<#elseif currentUrl?contains("i20")> 
14		<#assign model_id = "SV" /> 
15<#elseif currentUrl?contains("aura")> 
16		<#assign model_id = "ZZ" /> 
17<#elseif currentUrl?contains("verna")> 
18		<#assign model_id = "H6" /> 
19<#elseif currentUrl?contains("elantra")> 
20		<#assign model_id = "S5" /> 
21<#elseif currentUrl?contains("venue")> 
22		<#assign model_id = "SP" /> 
23<#elseif currentUrl?contains("creta")> 
24		<#assign model_id = "FH" /> 
25<#elseif currentUrl?contains("tucson")> 
26		<#assign model_id = "HR" /> 
27<#elseif currentUrl?contains("kona-electric")> 
28		<#assign model_id = "HO" /> 
29<#else> 
30		<#assign model_id = 0 /> 
31</#if> 
32 
33<#-- Model ID fetched from URL's Model Name is : ${model_id} --> 
34 
35<#-- Site ID --> 
36<#assign group_Id = themeDisplay.getLayout().getGroupId() /> 
37 
38<#-- Dealer Code --> 
39<#assign GroupLocalService = serviceLocator.findService("com.liferay.portal.service.GroupLocalService")> 
40<#assign group = GroupLocalService.getGroup(group_Id)/> 
41<#assign ExpandoLocalService = serviceLocator.findService("com.liferay.portlet.expando.service.ExpandoValueLocalService")/> 
42<#assign OrganizationService = serviceLocator.findService("com.liferay.portal.service.OrganizationLocalService")/> 
43<#assign organization = OrganizationService.getOrganization(group.getClassPK())/> 
44 
45<#assign DealerCode = ExpandoLocalService.getData("com.liferay.portal.model.Organization","CUSTOM_FIELDS","Dealer Code",organization.getOrganizationId(),"")/> 
46 
47<#-- 
48Current URL: ${currentUrl}  
49Dealer Code: ${DealerCode}  
50--> 
51 
52<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" /> 
53<style> 
54h3.subTitS { 
55    font-size: 20px; 
56    line-height: 30px; 
57    letter-spacing: .3px; 
58    color: #000; 
59    font-family: "HyundaiMedium"; 
60
61a.gallayLink:hover{ 
62text-decoration:none; 
63
64.owl-carousel{ 
65width: 100% !important; 
66
67.exploremoreslider .galleryListBox { 
68    margin: 0px; 
69    position: relative; 
70
71 
72.exploremoreslider  .owl-nav .owl-prev, .exploremoreslider  .owl-nav .owl-next { 
73    top: 157.5px; 
74
75 
76.exploremoreslider  .owl-nav .owl-prev { 
77    background: url(/hyundai-india-theme/images/common/btn-prev.png) no-repeat center center !important; 
78    left: 0px; 
79
80.exploremoreslider  .owl-nav .owl-next { 
81    background: url(/hyundai-india-theme/images/common/btn-next.png) no-repeat center center !important; 
82    right: 0px; 
83
84.exploremoreslider  .owl-nav .owl-prev, .exploremoreslider .owl-nav .owl-next { 
85    display: block; 
86    width: 44px; 
87    height: 44px; 
88    text-indent: -9999px; 
89    overflow: hidden; 
90    position: absolute; 
91    z-index: 10; 
92    cursor: pointer; 
93
94.exploremoreslider .owl-dots .owl-dot { 
95	display: inline-block; 
96	margin: 0 5px; 
97	line-height: 1; 
98	text-indent: -9999px; 
99	overflow: hidden; 
100
101.exploremoreslider .owl-dots .owl-dot span { 
102	display: block; 
103	width: 12px; 
104	height: 12px; 
105	border-radius: 50%; 
106	background: #fff; 
107	cursor: pointer; 
108	box-sizing: border-box; 
109	border: 1px solid #999; 
110
111.exploremoreslider .owl-dots  { 
112	position: static; 
113	margin-top: 50px; 
114
115.exploremoreslider .owl-dots { 
116	top: 539px; 
117	bottom: auto; 
118	left: 0; 
119	right: 0; 
120	text-align: center; 
121
122.exploremoreslider .owl-dots .owl-dot.active span { 
123	background: #00aad2; 
124	border: none; 
125
126#hrefFm{ 
127display:none; 
128
129@media only screen and (max-width:767px){ 
130	 .exploremoreslider .owl-nav .owl-prev, .exploremoreslider .owl-nav .owl-next { 
131  top: 62px; 
132	margin-top: -22px; 
133
134	.exploremoreslider h3.subTitS{ 
135		font-size:12px; 
136
137	.exploremoreslider .owl-dots .owl-dot{ 
138	margin: 0 4px; 
139
140	.exploremoreslider .owl-dots .owl-dot span { 
141    width: 9px; 
142    height: 9px; 
143
144	.exploremoreslider .owl-dots { 
145    margin-top: 26px; 
146
147.exploremoreslider .txtArea h2, .exploremoreslider .txtArea h3, .gallayLink .txtArea h4 { 
148    margin-top: 10px; 
149
150.pwseWrap h3.subTitM{ 
151font-size: 19px; 
152line-height: 24px; 
153letter-spacing: 0.3px; 
154
155
156h4.txt_black { 
157font-size: 24.5px; 
158
159</style> 
160<div class="whole-slide-set-e parbase section"> 
161 
162 
163	<!-- slider type :: gallery --> 
164	<div class="sectionWrap bgColorGray none none gt_lypd_tm gt_lypd_bm "> 
165		<div class="sectionInner"> 
166			<!-- 20170908 Ŭ cwssWrap --> 
167			<div class="pwseWrap pc"> 
168			 
169	<div class="titWrap alignC"> 
170		<h4 class="txt_black  font_normal subTitM">${Top_Heading.getData()}</h4> 
171	</div> 
172 
173				<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;"> 
174					<div class="galleryListBox ix-list-viewport" data-label="learn more about hyundai" style=""> 
175						<ul class="gallerybox ix-list-items exploremoreslider" > 
176							<#list Explore_More__Separator.getSiblings() as separator > 
177							 
178							<#if separator.Explore_Title_.getData() == "Book a Car"> 
179								<li class="galleryList  ix-list-item col-sm-3">  
180									<a href="https://uatclicktobuy.hyundai.co.in/#/bookACar?delrId=${DealerCode}&modelId=${model_id}" target="_blank" class="gallayLink">  
181										<div class="gallery_img"> 
182											<picture>	 
183												<img alt="Explore Hyundai Other Section" src="${separator.Explore_Image.getData()}" /> 
184											</picture>  
185										</div> 
186										<div class="txtArea"> 
187											<h4 class="txt_black  alignL font_normal subTitS">${separator.Explore_Title_.getData()}</h4> 
188										</div> 
189									</a>  
190								</li> 
191							<#else>	 
192								<li class="galleryList  ix-list-item col-sm-3"> 
193									<a href="${separator.Explore_Url.getData()}" target="_blank" class="gallayLink">  
194										<div class="gallery_img"> 
195											<picture>	 
196												<img alt="Explore Hyundai Other Section" src="${separator.Explore_Image.getData()}" /> 
197											</picture>  
198										</div> 
199										<div class="txtArea"> 
200											<h4 class="txt_black  alignL font_normal subTitS">${separator.Explore_Title_.getData()}</h4> 
201										</div> 
202									</a>  
203								</li> 
204							</#if> 
205							</#list>							 
206						</ul> 
207					</div>					 
208				</div> 
209				<div class="sectionInner alignL"> 
210					<p class="icoNote none none none none none alignL txt_gray font_normal">${Bottom_Description.getData()}</p> 
211				</div> 
212        </div> 
213			<!-- /20170908 cwssWrap --> 
214		</div> 
215	</div> 
216 
217 
218 
219   
220</div> 
221<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> 
222<script> 
223 if ($(window).width() < 768){ 
224  $(".exploremoreslider").addClass('owl-carousel'); 
225$('.exploremoreslider').owlCarousel({ 
226    slideBy: 2, 
227	items:2,  
228	nav:true,	  
229	 }) 
230
231 
232</script>