• Banner Image

    ELANTRA
    Exterior


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> 

The limelight is yours.

The newly optimized sporty design is built to make a powerful statement, With a dominant new front grille, more dynamic headlamps and tail lamps, coupe like roofline, the New 2019 ELANTRA is perfect for conquering the roads.

Car Image

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>