- Home
Find a Car Tucson Performance
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>
A Supreme Performance: Hyundai Tucson Car's Outstanding Driving Experience
The all-new Hyundai TUCSON is ready for everything. HTRAC empowers you to take on challenging roads while different modes ensure all your journeys go smooth.
R 2.0 l diesel engine
Nu 2.0 l petrol engine
Multi terrain modes
.HTRAC All-Wheel Drive: Trade the tarmac for the road less taken. HTRAC continuously analyzes your speed and road conditions. It automatically optimizes torque distribution among the four wheels and will apply the brakes, if necessary, to ensure maximum traction and directional stability.
.Multi terrain modes: With a quick flick of the switch, you can adjust the powertrain to suit challenging road and weather conditions: SNOW, MUD and SAND settings ensure you are getting maximum traction when the going gets really rough.
.Drive mode select:With Drive mode, you get to pick the style suits you best: NORMAL is for relaxed everyday driving while ECO gives you optimal fuel efficiency. SPORT is for quicker acceleration, and *SMART selects the proper driving mode amongst ECO, SPORT and NORMAL by judging the driver's driving habits
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>