- Home
Find a Car Verna Convenience
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>
Hyundai Verna Car Convenience: At the Edge of Tech Connectivity
The all-new Hyundai VERNA roars to life with our voice using Home to car with Alexa. Once you step inside, everything is ergonomically arranged to provide a haven of tranquillity and order with an advanced seamlessly integrated 26.03 cm (10.25") HD audio video navigation system & digital cluster with color TFT MID. Add switchable type infotainment & climate controller and 65+ Bluelink connected features to that, and you get a sedan that is designed for an efficient drive.
Longest wheelbase in the segment - 2 670 mm
Front ventilated & heated seats
Smart Trunk
Integrated 26.03 cm (10.25") HD audio video navigation system & digital cluster with color TFT MID
Advanced Convenience
The all-new Hyundai VERNA comes with a host of convenience features that are meticulously crafted to meet the evoloving needs of new age customers.
Home to car (H2C) with Alexa
Smartphone wireless charger (works with compatible smartphones only)
Smart key with push button start
Switchable type infotainment & climate controller
Rear manual curtain
Test Drive is temporarily unavailable.
An error occurred while processing the template.
Error on line 43, column 1 in 20155#20195#123177 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() == "Book a Car">
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>