• 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> 
54.aui a:focus { 
55    text-decoration: none; 
56
57h3.subTitS { 
58    font-size: 20px; 
59    line-height: 30px; 
60    letter-spacing: .3px; 
61    color: #000; 
62    font-family: "HyundaiMedium"; 
63
64h4.subTitS { 
65	font-size: 20px !important; 
66    font-family: "HyundaiMedium" !important; 
67
68a.gallayLink:hover{ 
69text-decoration:none; 
70
71.owl-carousel{ 
72width: 100% !important; 
73
74.exploremoreslider .galleryListBox { 
75    margin: 0px; 
76    position: relative; 
77
78 
79.exploremoreslider  .owl-nav .owl-prev, .exploremoreslider  .owl-nav .owl-next { 
80    top: 23%; 
81
82 
83.exploremoreslider  .owl-nav .owl-prev { 
84    background: url(/hyundai-india-theme/images/common/btn-prev.png) no-repeat center center !important; 
85    left: 21px; 
86
87.exploremoreslider  .owl-nav .owl-next { 
88    background: url(/hyundai-india-theme/images/common/btn-next.png) no-repeat center center !important; 
89    right: 21px; 
90
91.exploremoreslider  .owl-nav .owl-prev, .exploremoreslider .owl-nav .owl-next { 
92    display: block; 
93    width: 44px; 
94    height: 44px; 
95    text-indent: -9999px; 
96    overflow: hidden; 
97    position: absolute; 
98    z-index: 10; 
99    cursor: pointer; 
100
101.exploremoreslider .owl-dots .owl-dot { 
102	display: inline-block; 
103	margin: 0 5px; 
104	line-height: 1; 
105	text-indent: -9999px; 
106	overflow: hidden; 
107
108.exploremoreslider .owl-dots .owl-dot span { 
109	display: block; 
110	width: 12px; 
111	height: 12px; 
112	border-radius: 50%; 
113	background: #fff; 
114	cursor: pointer; 
115	box-sizing: border-box; 
116	border: 1px solid #999; 
117
118.exploremoreslider .owl-dots  { 
119	position: static; 
120	margin-top: 50px; 
121
122.exploremoreslider .owl-dots { 
123	top: 539px; 
124	bottom: auto; 
125	left: 0; 
126	right: 0; 
127	text-align: center; 
128
129.exploremoreslider .owl-dots .owl-dot.active span { 
130	background: #00aad2; 
131	border: none; 
132
133#hrefFm{ 
134display:none; 
135
136.bgColorBuff { 
137    background-color: #e4dcd3 !important; 
138
139 
140@media only screen and (max-width:767px){ 
141	 .exploremoreslider .owl-nav .owl-prev, .exploremoreslider .owl-nav .owl-next { 
142  top: 62px; 
143	margin-top: -22px; 
144
145	.exploremoreslider h3.subTitS{ 
146		font-size:12px; 
147
148	.exploremoreslider .owl-dots .owl-dot{ 
149	margin: 0 4px; 
150
151	.exploremoreslider .owl-dots .owl-dot span { 
152    width: 9px; 
153    height: 9px; 
154
155	.exploremoreslider .owl-dots { 
156    margin-top: 26px; 
157
158.exploremoreslider .txtArea h2, .exploremoreslider .txtArea h3, .gallayLink .txtArea h4 { 
159    margin-top: 10px; 
160
161.pwseWrap h3.subTitM{ 
162font-size: 19px; 
163line-height: 24px; 
164letter-spacing: 0.3px; 
165
166
167h4.txt_black { 
168font-size: 24.5px; 
169
170</style> 
171<div class="whole-slide-set-e parbase section"> 
172 
173 
174	<!-- slider type :: gallery --> 
175	<div class="sectionWrap bgColorBuff none none gt_lypd_ts gt_lypd_bs"> 
176		<div class="sectionInner"> 
177			<!-- 20170908 Ŭ cwssWrap --> 
178			<div class="pwseWrap pc"> 
179			 
180	<div class="titWrap alignC"> 
181		<h4 class="txt_black  font_normal subTitM">${Top_Heading.getData()}</h4> 
182	</div> 
183 
184				<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;"> 
185					<div class="galleryListBox ix-list-viewport" data-label="learn more about hyundai" style=""> 
186						<ul class="gallerybox ix-list-items exploremoreslider" > 
187							<#list Explore_More__Separator.getSiblings() as separator > 
188							 
189							<#if separator.Explore_Title_.getData() == "Click To Buy"> 
190								<li class="galleryList  ix-list-item">  
191									<a href="https://uatclicktobuy.hyundai.co.in/#/bookACar?delrId=${DealerCode}&modelId=${model_id}" target="_blank" class="gallayLink">  
192										<div class="gallery_img"> 
193											<picture>	 
194												<img alt="Explore Hyundai Other Section" src="${separator.Explore_Image.getData()}" /> 
195											</picture>  
196										</div> 
197										<div class="txtArea"> 
198											<h4 class="txt_black  alignL font_normal subTitS">${separator.Explore_Title_.getData()}</h4> 
199										</div> 
200									</a>  
201								</li> 
202							<#else>	 
203								<li class="galleryList  ix-list-item"> 
204									<a href="${separator.Explore_Url.getData()}" target="_blank" class="gallayLink">  
205										<div class="gallery_img"> 
206											<picture>	 
207												<img alt="Explore Hyundai Other Section" src="${separator.Explore_Image.getData()}" /> 
208											</picture>  
209										</div> 
210										<div class="txtArea"> 
211											<h4 class="txt_black  alignL font_normal subTitS">${separator.Explore_Title_.getData()}</h4> 
212										</div> 
213									</a>  
214								</li> 
215							</#if> 
216							</#list>							 
217						</ul> 
218					</div>					 
219				</div> 
220				<div class="sectionInner alignL"> 
221					<p class="icoNote none none none none none alignL txt_gray font_normal">${Bottom_Description.getData()}</p> 
222				</div> 
223        </div> 
224			<!-- /20170908 cwssWrap --> 
225		</div> 
226	</div> 
227 
228 
229 
230   
231</div> 
232<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> 
233<script> 
234/* 
235 if ($(window).width() < 768){ 
236  $(".exploremoreslider").addClass('owl-carousel'); 
237$('.exploremoreslider').owlCarousel({ 
238    slideBy: 2, 
239	items:2,  
240	nav:true,	  
241	 }) 
242
243*/ 
244$(document).ready(function(){ 
245		$(".exploremoreslider").addClass("owl-carousel"); 
246		$(".exploremoreslider").owlCarousel({ 
247			autoHeight: true, 
248			slideBy: 2, 
249			margin: 0, 
250			nav: true, 
251			dots: true, 
252			responsive:{ 
253			0:{ 
254			items:2 
255			}, 
256			767:{ 
257			items:4 
258
259
260		}); 
261}); 
262</script>