- Home
Find a Car Verna Exterior
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 Exterior - Looks that Demand Your Attention
The striking looks of the all-new Hyundai VERNA are a true delight to the eyes. The front horizon LED positioning lamp doesn’t just glow, it positively gleams. The all-new Hyundai VERNA’s fastback design gives visual expression to its exemplary aerodynamics like no other. And it continues to impress till the last glance with its parametric connected LED tail lamps.
360° Experience
Click and turn the vehicle image to the left or right.
The futuristic styling of the all-new Hyundai VERNA challenges the norm. A dramatic silhouette subdivided by prominent character lines give it a powerful appeal. The sporty hood design has an imposing presence on the road that is impossible to ignore.
Futuristic. Ferocious.
Black chrome parametric grille
LED headlamps with cornering lamps
Horizon LED positioning lamp & DRLs
Sporty and dynamic looks
Outside Rear View Mirror
R16 (D=405.6mm) Diamond cut alloys
Z-shaped character lines
Satin chrome outside door handles
High tech aesthetic
Shark Fin Antenna
Parametric connected LED tail lamps
Embedded VERNA logo on connected LED tail lamps
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>