• Banner Image

    ELANTRA
    Convenience


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> 

Absolute Comfort

Enjoy comfort, control and elegance with driver-focused technological features that will make you enjoy a unique driving experience.

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>