• Home
  • Find a Car
  • Tucson
  • Features
  • 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> 

Features

ENGINE AND TRIM PLAN Platinum Signature
R 2.0 Diesel 8 speed automatic transmission
- 4WD
Nu 2.0 Petrol 6 speed automatic transmission
Feature Platinum Signature
Dark chrome parametric front grille S S
Signature lighting Parametric hidden LED DRLs & positioning lamps S S
LED MFR headlamps S S
LED static bending lamps S S
Connecting LED tail lamps S S
Skid plates (Front and Rear) S S
Bumper chrome moulding (Front & Rear) S S
Roof rails S S
Rear spoiler with LED high mount stop lamp S S
Door frame molding - Satin finish S S
R18 (D= 462mm) Diamond cut alloy wheels S S
Rear fog lamps S S
Shark fin antenna S S
Feature Platinum Signature
Premium black and light grey dual tone interiors S S
64 colour ambient lighting S S
Glossy black center fascia S S
Integrated silver accents on crashpad & doors S S
Premium inserts on crashpad S S
26.03 cm (10.25") floating type digital cluster S S
Leather* upholstery S S
Leather* pack Steering wheel S S
Transmission knob S S
Door & console armrest S S
Door scuff plates - deluxe S S
Feature Platinum Signature
Voice enabled smart panoramic sunroof S S
Electric parking brake S S
Air Conditioning Dual Zone FATC with Auto Defogger S S
Rear AC vent S S
Multi air mode S S
10-way power adjustable Driver Seat with lumbar support S S
8-way Power adjustable Passenger Seat - S
Passenger seat walk-in device - S
Hands free smart power tail gate with height adjustment - S
Driver power seat memory function - S
Front ventilated & heated seats - S
Wireless phone charger S S
Auto dimming IRVM S S
Smart key with push button start S S
Remote engine start with smart key S S
Outside mirrors - Electrically adjustable & foldable S S
Door pocket lighting S S
Luggage screen S S
Automatic headlamps S S
Cruise control S S
60:40 split folding rear seat S S
2nd row seat with reclining function S S
2nd row seat folding - Boot lever S S
Tilt and Telescopic Steering S S
Front Console Armrest with Storage S S
Rear centre armrest with cup holders S S
Extendable Sunvisor with Vanity Mirror Illumination S S
Front and rear power windows S S
Front power windows auto up/down & safety S S
Height adjustable front and rear seat headrests S S
LED map lamp S S
Concealed rear wiper with washer S S
Motor driven power steering S S
Front & rear USB charger S S
Luggage net and hook S S
Luggage lamp and power outlet S S
Feature Platinum Signature
20.32cm HD Audio Video Navigation System S S
Steering Mounted Audio, Bluetooth Controls S S
Hyundai Bluelink Connected Car Technology S S
Over-The-Air Update (Infotainment System & Map) S S
Bluelink Integrated Smartwatch App S S
Smartphone connectivity Apple CarPlay S S
Android Auto S S
Bose Premium Sound & Speaker System Front & Rear Door Speakers S S
Front Central Speaker S S
Front Tweeters S S
Sub - Woofer S S
Amplifier S S
Voice Recognition S S
Bluetooth S S
USB Connectivity S S

S# : 4WD only
*Leatherette

• Functionality of Bluelink depends on adequate power supply and uninterrupted network connectivity to infotainment system. The Bluelink system is designed in such a way that it makes vehicle theft difficult if its circuit and battery connection is uninterrupted
• Hyundai Motor India recommends you to avoid using back covers for mobiles while charging your phone on the wireless charger.
• Alexa Amazon Echo device is not a standard car/ accessory & customer needs to purchase from third party. Actual Echo device may differ from the one shown. Hyundai Bluelink Amazon skill only works in India and can be interacted in English & Hindi. Alexa Skill functions only in select Hyundai car(s) and depends on your device compatibility, software and availability of network and device internet.



Disclaimer

• Some of the equipments illustrated or described in the leaflet may not be supplied as standard equipment and may be available at extra cost.
• Hyundai Motor India reserves the right to change specifications and equipment without prior notice.
• The colour plates shown may vary slightly from the actual colours due to the limitations of the web image process.
Please consult your dealer for full information and availability on colours and trim.

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>