- Home
Find a Car Venue 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 and Trim Plan | E/E+ | S/S+ | Executive | S+/S(O)/S(O)+ | S(O)+ adventure | S(O) Knight | SX | SX adventure | SX Knight | SX(O) | SX(O) adventure | SX(O) Knight | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Kappa 1.2 | MPi petrol | MT(E/E+) | MT(S/S+) | - | MT (S(O) / S(O)+) | MT | MT | MT | MT | MT | - | - | - | |
| Kappa 1.0 | Turbo GDi petrol | - | - | MT | MT/DCT(S(O)) | - | - | - | - | - | MT/DCT | DCT | MT/DCT | |
| U2 1.5 | CRDi VGT diesel | - | - | - | MT (S+) | - | - | MT | - | - | MT | - | - | |
| Feature | E/E+ | S/S+ | Executive | S+/S(O)/S(O)+ | S(O)+ Adventure | S(O) Knight | SX | SX Adventure | SX Knight | SX(O) | SX(O) Adventure | SX(O) Knight | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Airbag | Driver & passenger | S | S | S | S | S | S | S | S | S | S | S | S |
| Side | S | S | S | S | S | S | S | S | S | S | S | S | |
| Curtain | S | S | S | S | S | S | S | S | S | S | S | S | |
| Dashcam with dual camera | - | - | - | - | - | S | - | - | S | - | S | S | |
| ABS with EBD | S | S | S | S | S | S | S | S | S | S | S | S | |
| Electronic stability control (ESC) | S | S | S | S | S | S | S | S | S | S | S | S | |
| Brake assist system (BAS) | - | S | S | S | S | S | S | S | S | S | S | S | |
| Vehicle stability management (VSM) | S | S | S | S | S | S | S | S | S | S | S | S | |
| Hill sssist control (HAC) | S | S | S | S | S | S | S | S | S | S | S | S | |
| Rear parking sensors | S | S | S | S | S | S | S | S | S | S | S | S | |
| Rear Camera with dynamic guidelines | - | - | - | S | S | S | S | S | S | S | S | S | |
| Inside rear view mirror | Day & night mirror | S | S | S | S | S | S | S | S | S | S | S | S |
| Electrochromic mirror (ECM) | - | - | - | - | - | - | - | - | S | - | - | S | |
| Telematics switches (SOS, RSA & Bluelink) | - | - | - | - | - | - | 1.2 PL Only | S | S | S | S | S | |
| Automatic headlamps | - | S | S | S | S | S | S | S | S | S | S | S | |
| Headlamp escort function | - | S | S | S | S | S | S | S | S | S | S | S | |
| Tyre pressure monitoring system (Highline) | - | S | S | S | S | S | S | S | S | S | S | S | |
| Central locking | S | S | S | S | S | S | S | S | S | S | S | S | |
| Impact sensing auto door unlock | S | S | S | S | S | S | S | S | S | S | S | S | |
| Speed sensing auto door lock | S | S | S | S | S | S | S | S | S | S | S | S | |
| Keyless entry | Foldable Key | - | S | S | S | S | S | - | - | - | - | - | - |
| Smart Key | - | - | - | - | - | - | S | S | S | S | S | S | |
| Rear defogger with timer | - | S | S | S# | S | S | S | S | S | S | S | S | |
| Seatbelt reminder (all seats) | S | S | S | S | S | S | S | S | S | S | S | S | |
| High speed alert | S | S | S | S | S | S | S | S | S | S | S | S | |
| Seatbelt pretensioners (Driver, passenger) | S | S | S | S | S | S | S | S | S | S | S | S | |
| 3 Point seat belts (all seats) | S | S | S | S | S | S | S | S | S | S | S | S | |
| Immobilizer | S | S | S | S | S | S | S | S | S | S | S | S | |
| ISOFIX | S | S | S | S | S | S | S | S | S | S | S | S | |
| Burglar alarm | - | - | - | - | - | - | 1.2 PL Only | S | S | S | S | S | |
| Hyundai SmartSense (Advanced driver assist system) | Forward Collision Warning (FCW) | - | - | - | - | - | - | - | - | - | S | S | - |
| Forward Collision-Avoidance Assist- Car (FCA-Car) | - | - | - | - | - | - | - | - | - | S | S | - | |
| Forward Collision-Avoidance Assist - Pedestrian (FCA-Ped) | - | - | - | - | - | - | - | - | - | S | S | - | |
| Forward Collision-Avoidance Assist- Cycle (FCA-Cyl) | - | - | - | - | - | - | - | - | - | S | S | - | |
| Lane Keeping Assist (LKA) | - | - | - | - | - | - | - | - | - | S | S | - | |
| Lane Departure Warning (LDW) | - | - | - | - | - | - | - | - | - | S | S | - | |
| Driver Attention Warning (DAW) | - | - | - | - | - | - | - | - | - | S | S | - | |
| Lane Following Assist (LFA) | - | - | - | - | - | - | - | - | - | S | S | - | |
| High Beam Assist (HBA) | - | - | - | - | - | - | - | - | - | S | S | - | |
| Leading Vehicle Departure Alert (LVDA) | - | - | - | - | - | - | - | - | - | S | S | - | |
| Feature | E/E+ | S/S+ | Executive | S+/S(O)/S(O)+ | S(O)+ Adventure | S(O) Knight | SX | SX Adventure | SX Knight | SX(O) | SX(O) Adventure | SX(O) Knight | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Headlamps | Halogen lamps | S | S | S | 1.5 DSL Only | - | - | - | - | - | - | - | - |
| LED projector headlamps | - | - | - | S# | S | S | S | S | S | S | S | S | |
| Cornering lamps | - | - | - | S# | S | S | S | S | S | S | S | S | |
| LED DRL & positioning lamps | - | - | - | S# | S | S | S | S | S | S | S | S | |
| Connecting LED tail lamps | - | - | - | S# | S | S | S | S | S | S | S | S | |
| Front grille | Dark Chrome | S | S | S | S | - | - | S | - | - | S | - | - |
| Black painted | - | - | - | - | S | S | - | S | S | - | S | S | |
| Front and rear bumpers | Body Coloured | S | S | S | S | S | - | S | S | - | S | S | - |
| Body coloured with brass coloured inserts | - | - | - | - | - | S | - | - | S | - | - | S | |
| Outside door mirrors (ORVM) | Body Coloured | - | S | S | S | - | - | S | - | - | S | - | - |
| Black painted | - | - | - | - | S | S | - | S | S | - | S | S | |
| Outside door handles | Body Coloured | S | S | S | S | S | S | S | S | S | - | S | S |
| Chrome | - | - | - | - | - | - | - | - | - | S | S | - | |
| Front & rear skid plate | Silver | S | S | S | S | - | - | S | - | - | S | - | - |
| Black | - | - | - | - | S | S | - | S | S | - | S | S | |
| Roof rails | Silver | - | S | S | S | - | - | S | - | - | S | - | - |
| Black painted with brass coloured inserts | - | - | - | - | S | S | - | S | S | - | S | S | |
| Turn indicators on outside mirrors | - | - | - | S | S | S | S | S | S | S | S | S | |
| Wheels | R15 (D=380.2 mm) Steel wheels with wheel cover | S | S | - | 1.2 PL & 1.5 DSL Only | - | - | 1.2 PL Only | - | - | - | - | - |
| R15 (D=380.2 mm) Steel wheels with Black painted wheel cover with brass coloured insert | - | - | - | - | S | S | - | S | S | - | - | - | |
| R16 (D=405.6 mm) DT styled wheels | - | - | S | 1.0T only | - | - | - | - | - | - | - | - | |
| R16 (D=405.6 mm) Diamond cut alloys | - | - | - | - | - | - | 1.5 DSL Only | - | - | S | - | - | |
| R16 (D=405.6 mm) Black painted alloys with brass coloured inserts | - | - | - | - | - | - | - | - | - | - | S | S | |
| Shark fin antenna | Body Coloured | - | S | S | S | - | - | S | - | - | S | - | - |
| Black | - | - | - | - | S | S | - | S | S | - | S | S | |
| Red front brake calliper | - | - | - | - | - | - | - | - | - | - | S | S | |
| Rugged side door cladding | - | - | - | - | S | - | - | S | - | - | S | - | |
| Exclusive Knight emblem | - | - | - | - | - | S | - | - | S | - | - | S | |
| Exclusive Adventure emblem | - | - | - | - | S | - | - | S | - | - | S | - | |
| Feature | E/E+ | S/S+ | Executive | S+/S(O)/S(O)+ | S(O)+ Adventure | S(O) Knight | SX | SX Adventure | SX Knight | SX(O) | SX(O) Adventure | SX(O) Knight | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| D-Cut Steering | - | - | - | DCT only | - | - | S | S | S | S | S | S | |
| Interiors | Two tone black & greige | S | S | S | S | S | - | S | S | - | S | S | - |
| All black interior with brass coloured inserts | - | - | - | - | - | S | - | - | S | - | - | S | |
| Black with light sage green colored inserts | - | - | - | - | S | - | - | S | - | - | S | - | |
| Seat upholstery | Fabric | S | S | S | S | S | - | S | S | - | - | - | - |
| Leather^ + Fabric | - | - | - | - | - | - | - | - | - | S | S | - | |
| Knight exclusive black Leather^ + fabric | - | - | - | - | - | S | - | - | S | - | - | S | |
| Adventure exclusive black Leather^ + fabric | - | - | - | - | S | - | - | S | - | - | S | - | |
| Leather^ Pack | Steering Wheel | - | - | - | DCT Only | - | - | S | S | S | S | S | S |
| Gear Knob | - | - | - | DCT Only | - | - | S | S | S | S | S | S | |
| 3D Designer Mats | - | - | - | - | S | S | - | S | S | - | S | S | |
| Ambient Lighting | - | - | - | - | - | - | - | - | - | S | S | S | |
| Sporty metal pedals | - | - | - | - | S | S | - | S | S | - | S | S | |
| Metal Finish Inside Door Handles | S | S | S | S | S | S | S | S | S | S | S | S | |
| Front & Rear Door Map Pockets | S | S | S | S | S | S | S | S | S | S | S | S | |
| Seatback Pocket (Passenger Side) | S | S | S | S | S | S | S | S | S | S | S | S | |
| Feature | E/E+ | S/S+ | Executive | S+/S(O)/S(O)+ | S(O)+ Adventure | S(O) Knight | SX | SX Adventure | SX Knight | SX(O) | SX(O) Adventure | SX(O) Knight | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Height Adjustable Driver Seat | - | - | - | S | S | S | S | S | S | S | S | S | |
| Front Seat Adjustable Headrest | S | S | S | S | S | S | S | S | S | S | S | S | |
| Rear Seat Adjustable Headrest | S | S | S | S | S | S | S | S | S | S | S | S | |
| 2-step Rear Reclining Seat | S | S | S | S | S | S | S | S | S | S | S | S | |
| 60:40 Split Rear Seat | S | S | S | S | S | S | S | S | S | S | S | S | |
| Feature | E/E+ | S/S+ | Executive | S+/S(O)/S(O)+ | S(O)+ Adventure | S(O) Knight | SX | SX Adventure | SX Knight | SX(O) | SX(O) Adventure | SX(O) Knight | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Digital Cluster with Color TFT MID | S | S | S | S | S | S | S | S | S | S | S | S | |
| Infotainment System | 20.32 cm (8") touchscreen infotainment system | - | S | S | S | S | S | 1.5 DSL Only | - | - | - | - | - |
| 20.32 cm (8") HD Infotainment System with Bluelink | - | - | - | - | - | - | 1.2 PL Only | S | S | S | S | S | |
| Multiple Regional Language | - | S | S | S | S | S | S | S | S | S | S | S | |
| Ambient Sounds of Nature | - | - | - | - | - | - | 1.2 PL Only | S | S | S | S | S | |
| Home to car (H2C) with Alexa ^^ | - | - | - | - | - | - | 1.2 PL Only | S | S | S | S | S | |
| Over-the-Air (OTA) update | - | - | - | - | - | - | 1.2 PL Only | S | S | S | S | S | |
| Smartphone Connectivity** | Wireless Android Auto & Apple Carplay | - | S | S | S | S | S | 1.5 DSL Only | - | - | - | - | - |
| Android Auto & Apple Carplay | - | - | - | - | - | - | 1.2 PL Only | S | S | S | S | S | |
| Voice Recognition | - | S | S | S | S | S | S | S | S | S | S | S | |
| Front & Rear Speakers | - | S | S | S | S | S | S | S | S | S | S | S | |
| Front Tweeter | - | S | S | S | S | S | S | S | S | S | S | S | |
| Steering Wheel with Audio & Bluetooth Controls | - | S | S | S | S | S | S | S | S | S | S | S | |
| Feature | E/E+ | S/S+ | Executive | S+/S(O)/S(O)+ | S(O)+ Adventure | S(O) Knight | SX | SX Adventure | SX Knight | SX(O) | SX(O) Adventure | SX(O) Knight | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Remote Engine Start With Smart Key | - | - | - | - | - | - | 1.5 DSL Only | - | - | DCT Only | S | DCT Only | |
| Power Driver Seat- 4 Way | - | - | - | - | - | - | - | - | - | S | S | S | |
| Drive Mode Select (Normal, Eco, Sport) | - | - | - | DCT Only | - | - | - | - | - | DCT Only | S | DCT Only | |
| Sunroof | Smart Electric | 1.2 PL E + only | 1.2 PL E + only | - | 1.2 PL S(O)+ & 1.0T only | S | - | 1.5 DSL only | - | - | - | - | - |
| Voice enabled smart electric | - | - | - | - | - | - | 1.2 PL only | S | S | S | S | S | |
| Paddle Shifters | - | - | - | DCT only | - | - | - | - | - | DCT only | S | DCT only | |
| Push Button Start/Stop | - | - | - | - | - | - | S | S | S | S | S | S | |
| Power Windows | Front | S | S | S | S | S | S | S | S | S | S | S | S |
| Rear | - | S | S | S | S | S | S | S | S | S | S | S | |
| Air conditioning | Manual AC | S | S | S | S | S | S | - | - | - | - | - | - |
| FATC with Digital Display | - | - | - | - | - | - | S | S | S | S | S | S | |
| Motor Driven Power Steering | S | S | S | S | S | S | S | S | S | S | S | S | |
| Outside Mirrors | Electrically Adjustable | - | S | S | S | S | S | S | S | S | S | S | S |
| Auto Fold with Welcome Function | - | - | - | - | - | - | S | S | S | S | S | S | |
| Puddle Lamps | - | - | - | - | - | - | S | S | S | S | S | S | |
| Rear AC vents | - | S | S | S | S | S | S | S | S | S | S | S | |
| Auto Healthy Air Purifier | - | - | - | - | - | - | - | - | S# | S | S | ||
| Wireless Phone Charger | - | - | - | - | - | - | S | S | S | S | S | S | |
| Glovebox Cooling | - | - | - | - | - | - | S | S | S | S | S | S | |
| Tilt Steering | S | S | S | S | S | S | S | S | S | S | S | S | |
| Cruise control | - | - | S | 1.0T Only | - | - | 1.5 DSL Only | - | - | S | S | S | |
| Front Center Armrest with Storage | - | S | S | S | S | S | S | S | S | S | S | S | |
| Front USB Charger (C Type) | S | S | S | S | S | S | S | S | S | S | S | S | |
| Front Power Outlet | S | S | S | S | S | S | S | S | S | S | S | S | |
| Rear USB Charger (C Type) | - | S | S | S | S | S | S | S | S | S | S | S | |
| Front Map Lamps | 1.2 PL E + only | 1.2 PL S + only | - | 1.2 PL S(O)+ & 1.0T only | S | - | S | S | S | S | S | S | |
| Intermittent Variable Front Wiper | S | S | S | S | S | S | S | S | S | S | S | S | |
| Rear Wiper & Washer | - | - | S | 1.0T Only | - | - | 1.5 DSL Only | - | - | S | S | S | |
| Lane Change Indicator | S | S | S | S | S | S | S | S | S | S | S | S | |
| Rear Parcel Tray | - | - | - | S# | S | S | S | S | S | S | S | S | |
| Luggage Lamp | - | - | - | - | - | - | S | S | S | S | S | S | |
| Battery Saver & AMS | S | S | S | S | S | S | S | S | S | S | S | S | |
| Idle stop & go (ISG) | - | S | S | S | S | S | S | S | S | S | S | S | |
S - Standard
^Leatherette
^^Alexa Amazon Echo is not a standard car accessory and customer needs to purchase from third party.
** Works with select Android & Apple smartphones only
#Not included in 1.5 DSL MT
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.
• Functionality of Bluelink depends on adequate power supply and uninterrupted network
connectivity to infotainment system. The Bluelink system is designed in such a way that it
makes vehicle theft difficult if its circuit and battery connection is uninterrupted.
• 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>