• Hyundai Car



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> 

TUCSON

e-Brochure

Hyundai Tucson Car Safety: The Confidence of 60+ Safety Features

The all-new Hyundai TUCSON is loaded with advanced tech that ensures a better driving experience and a range of features to ensure your safety.

Image



Six airbags - Driver, passenger, side & curtain

Image



Vehicle stability management (VSM)

Image



Electric parking brake & front parking sensors

Image



Electronic stability control (ESC)

Car Image

Hill-start Assist Control (HAC)

Car Image

TPMS (Highline)

Car Image

All four disc brakes

Hyundai SmartSense (Best in segment)

Advanced Driver Assistance System (ADAS) uses automated sensing technology with radars, sensors and cameras to detect obstacles on the road & respond with countermeasures for impact avoidance. Thus offering comprehensive protection on the road. The all-new Hyundai TUCSON comes with cutting-edge autonomous level 2 ADAS system for a smart & intuitive driving experience.

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>