- Home
Find a Car i20-N-Line Features
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 & Trim Plan | N6 | N8 | |
|---|---|---|---|
| 1.0 Turbo GDi Petrol | Manual transmission (MT) | ● | ● |
| Dual clutch transmission (DCT) | ● | ● | |
| Feature | N6 | N8 | |
|---|---|---|---|
| Airbags | Driver & Passenger | S | S |
| Side & Curtain | S | S | |
| Tyre Pressure Monitoring System (Highline) | S | S | |
| Puddle Lamps With Welcome Function | ‐ | S | |
| Anti-Lock Braking System (ABS) With EBD | S | S | |
| Electronic Stability Control (ESC) | S | S | |
| Vehicle Stability Management Control (VSM) | S | S | |
| Disc Brakes | Front Disc Brakes With Red Caliper | S | S |
| Rear Disc Brakes | S | S | |
| Hill-start assist control (HAC) | S | S | |
| Rear parking sensors | S | S | |
| Rear Camera with dynamic guidelines | S | S | |
| Driver Rear View Monitor (DRVM) | S | S | |
| Front Projector Fog Lamps | S | S | |
| Automatic Headlamps | S | S | |
| Emergency Stop Signal (ESS) | S | S | |
| Inside Rear View Mirror | Electrochromic (ECM) | ‐ | S |
| Day & night mirror | S | ‐ | |
| Blue Link Buttons (SOS, RSA, Blue Link) On Inside Rear View Mirror | ‐ | S | |
| Central Locking (Door & Tailgate) | S | S | |
| Smart Pedal | S | S | |
| Impact Sensing Auto Door Unlock | S | S | |
| Speed Sensing Auto Door Lock | S | S | |
| Headlamp Escort Function | S | S | |
| Keyless Entry | Smart Key | ‐ | S |
| Foldable Key | S | ‐ | |
| Burglar Alarm | ‐ | S | |
| Rear Defogger with timer | S | S | |
| Seat Belt Pretensioners - Driver & Passenger | S | S | |
| Child seat anchor (ISOFIX) | S | S | |
| Height Adjustment Seat Belt - Driver & Passenger | ‐ | S | |
| Speed Alert System | S | S | |
| Seatbelt Reminder (All Seats) | S | S | |
| 3 Point Seatbelts (All Seats) | S | S | |
| Immobilizer | S | S | |
| High Mount Stop Lamp | S | S | |
| Feature | N6 | N8 | |
|---|---|---|---|
| Headlamps | Halogen | S | ‐ |
| LED Day Time Running Lamps Integrated With Headlamps | ‐ | S | |
| LED MFR | ‐ | S | |
| Z-Shaped LED Tail Lamps | S | S | |
| Dark Chrome Connected Tail Lamp Garnish | S | S | |
| R16 (D = 405.6mm) Diamond Cut Alloy Wheels With N Logo | S | S | |
| Sporty Twin Tip Muffler | S | S | |
| Sporty Tailgate Spoiler With Side Wings | S | S | |
| Athletic Red Highlights | Front Skid Plate | S | S |
| Side Sill Garnish | S | S | |
| Front Fog Lamp Chrome Garnish | S | S | |
| High Gloss Painted Black Finish | Tailgate Garnish | S | S |
| Front & Rear Skid Plates | S | S | |
| Outside Rear View Mirror | S | S | |
| Body Colored Outside Door Handles | S | S | |
| N Line Emblem | Front Radiator Grille | S | S |
| Side Fenders (Left & Right) | S | S | |
| Tailgate | S | S | |
| B Pillar Black Out Tape | S | S | |
| Turn Indicators On Outside Mirrors | S | S | |
| Sharkfin Antenna | S | S | |
| Feature | N6 | N8 | |
|---|---|---|---|
| Sporty Black Interiors With Athletic Red Inserts | S | S | |
| Chequered Flag Design Leather Seats* With N logo | S | S | |
| 3-Spoke Steering Wheel With N Logo | S | S | |
| Perforated Leather* Wrapped | Steering Wheel Cover With Red Stitches | S | S |
| Gear Knob With N Logo | S | S | |
| Crashpad - Soft Touch Finish | - | S | |
| Door Armrest Covering (Leather*) | - | S | |
| Paddle Shifters (DCT only) | S | S | |
| Exciting Red Ambient Lights | ‐ | S | |
| Sporty Metal Pedals | S | S | |
| Front & Rear Door Map Pockets | S | S | |
| Front Passenger Seat Back Pocket | S | S | |
| Rear Parcel Tray | S | S | |
| Dark Metal Finish Inside Door Handles | S | S | |
| Sunglass Holder | S | S | |
| Feature | N6 | N8 | |
|---|---|---|---|
| Tachometer & Tripmeter | S | S | |
| Warning & Indicators | GearShift (MT Only) | S | S |
| Low Pressure Warning (Individual Tyre) | S | S | |
| Parking Sensor Display | S | S | |
| Low Fuel | S | S | |
| Door & Tailgate Ajar | S | S | |
| Digital Cluster With TFT Multi Information Display (MID) | S | S | |
| Feature | N6 | N8 | |
|---|---|---|---|
| Sunroof | Smart electric | S | - |
| Voice enabled smart electric | - | S | |
| Smart Entry With Push Button Start/Stop | ‐ | S | |
| Cruise Control | S | S | |
| Outside Mirrors | Electrically Adjustable | S | S |
| Electric Folding With Auto Fold Function | S | S | |
| Wireless Charger | ‐ | S | |
| Power Windows | Front | S | S |
| Rear | S | S | |
| Auto Up-Down (Driver only) | S | S | |
| Auto Up/Down With Pinch Guard (Driver Only) | ‐ | S | |
| Air Conditioning | FATC With Digital Display | S | S |
| Drive Modes (Eco, Normal, Sports) | DCT only | DCT only | |
| Motor Driven (Electric) Power Steering | S | S | |
| Rear AC Vents | S | S | |
| Glove Box Cooling | S | S | |
| Tilt & Telescopic Steering | S | S | |
| Rear Wiper & Washer | ‐ | S | |
| Clutch footrest | S | S | |
| Passenger Vanity Mirror | S | S | |
| Front Power Outlet | S | S | |
| USB charger | Front (Type C) | S | S |
| Rear | S | S | |
| Front Map Lamp | S | S | |
| Lane Change Indicator | S | S | |
| Luggage Lamp | ‐ | S | |
| Battery saver | S | S | |
| Feature | N6 | N8 | |
|---|---|---|---|
| Front Seat Adjustable Headrest | S | S | |
| Height Adjustable Driver Seat | S | S | |
| Rear Seat Adjustable Headrest (LH & RH) | - | S | |
| Front Center Console With Storage & Armrest | Fixed Type Armrest | S | ‐ |
| Sliding Type Armrest | ‐ | S | |
| Feature | N6 | N8 | |
|---|---|---|---|
| Smartphone Connectivity - Apple CarPlay & Android Auto | S^ | S | |
| Infotainment system | 26.03 cm (10.25") HD Touchscreen Infotainment & Navigation System | - | S |
| 20.32 cm (8") Touchscreen Infotainment System | S | - | |
| Ambient Sounds Of Nature | - | S | |
| Bose Premium 7 Speaker System | ‐ | S | |
| Speaker System | Front & Rear Speakers | S | S |
| Front Tweeters | S | S | |
| Sub-Woofers | ‐ | S | |
| USB Connectivity | S | S | |
| Bluetooth Connectivity | S | S | |
| Steering Wheel With Audio & Bluetooth Controls | S | S | |
| Voice Recognition** | S | S | |
| Hyundai Blue Link With Over-The-Air (OTA) Map Updates## | ‐ | S | |
| Blue Link Integrated Smartwatch App | ‐ | S | |
| Home To Car(H2C) With Alexa^^^ | ‐ | S | |
S= Standard
*Artificial Leather
**Through smartphone connectivity
^ Wireless Android Auto/Apple Carplay connectivity
^^Multi-device Bluetooth connectivity
^^^Alexa Amazon Echo is not a standard car accessory and customer needs to purchase from third party.
##- 2 times a year | No of free map updates - 16 times (2 times x 8 years)
Blue link stolen vehicle tracking, notification & immobilization function
- Functionality depends on adequate power supply and uninterrupted network connectivity to infotainment system
-The system is designed in such a way that it make vehicle theft difficult if its circuit and battery connection is uninterrupted
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>