- Home
Find a Car Verna Safety
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>
Intelligent safety features
The all-new Hyundai VERNA sets a new benchmark in the sedan with more advanced and intelligent safety features to ensure safety of the driver and passenger.
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>