• Home
  • Find a Car
  • Alcazar
  • Interior
  • Tuscon Mobile Banner



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> 

The bold new Hyundai Alcazar Interior: A symphony of elegance.

Step inside the bold new Hyundai ALCAZAR and discover a haven designed to indulge your senses. The new dual tone noble brown & haze navy interiors create a sophisticated yet inviting ambiance. The quilted pattern across the seats add a touch of elegance. The second row ventilated captain seats with seat mounted armrest and thigh cushion extension provide exceptional comfort for every journey.

360° Experience

Click and turn : rotate Wheel scroll : Zoom In/Out

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>