When I wrote this code, only me and God knew how it works. Now only God knows…


GR Corolla

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - TOYOTA GR COROLLA
  • description - GR Corolla Born To Perform
  • backgroundImage -
  • buttons[0].defaultButton
    • buttons[0].button.linkLabel - Enquire now
    • buttons[0].button.linkUrl - https://buynow.e-toyota.co.za/toyota/enquire-now
    • buttons[0].button.linkWindow - false
  • slides
    • slides[0].title -
    • slides[0].subtitle - COROLLA
    • slides[0].description - Born To Perform
    • slides[0].video - https://media.cdntoyota.co.za/videos/toyota-banners/CorollaLA_V2.mp4
    • slides[0].image -
    • buttons
      • buttons[0].button.linkLabel - Enquire Now
      • buttons[0].button.linkUrl - https://buynow.e-toyota.co.za/toyota/enquire-now
      • buttons[0].button.linkWindow - false
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Text
  • theme - product
  • title - The All-New GR Corolla Has Arrived
  • subtitle - Firing things up in Toyota’s latest hot hatch is GR-tuned suspension and a state-of-the-art GR-FOUR all-wheel drive system that puts all 221 kW of power into your hands. With a manual gearbox, sport mode and a mechanical handbrake, the all-new GR Corolla is heaven on earth and one hell of a ride.
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - vehicleModelSelector
Text
  • theme - product
  • miniTitle - Power
  • title - Born To Perform
  • subtitle - GR you ready to handle 221 kW of pure power? Equipped with an innovative front-to-rear adjustable all-wheel drive (GR-FOUR), the all-new GR Corolla’s compact-yet-powerful, 1.6 litre, turbocharged, three-cylinder engine delivers 370 Nm of torque and a whip-fast top speed of 230 km/h.
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpwi3ehj01iidmak2z5qy4kc-gr-corolla-performance-ig-01.full.jpg

    • imageTilesData[0].heading[0].heading -
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top -
    • imageTilesData[0].tooltips[0].left -
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpcnqiv302eti9akdglnxmao-gr-corolla-performance-ig-02.full.jpg

    • imageTilesData[1].heading[1].heading -
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top -
    • imageTilesData[1].tooltips[1].left -
    • imageTilesData[2].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpcnqipy02esi9akcy3l8ixh-gr-corolla-performance-ig-03.full.jpg

    • imageTilesData[2].heading[2].heading -
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top -
    • imageTilesData[2].tooltips[2].left -
    • imageTilesData[3].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpcnqj3z02eui9akzzfob0ur-gr-corolla-performance-ig-04.full.jpg

    • imageTilesData[3].heading[3].heading -
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top -
    • imageTilesData[3].tooltips[3].left -
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - narrow
  • subtitle - GR you ready for a joy ride like no other? At your fingertips are three selectable driving modes (Eco, Normal and Sport), a mechanical handbrake and six-speed manual transmission. That, and GR-tuned suspension combines strength, spring and stability to deliver exceptional levels of traction and control, on and off the track. And thanks to the three-pipe exhaust that emphasises its sporty rear end, the GR Corolla sounds just as aggressive as it looks.
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Technology
  • title - Track Approved Technology
  • subtitle - A Corolla-first in South Africa is the Heads-up display (available in the Circuit edition) that provides the driver with necessary information within their field of view. And for thrills at any speed, there’s the seven-inch infotainment touchscreen, a wireless charger and Android Auto and Apple CarPlay capability. Then there’s the state-of-the-art features like Adaptive high speed Cruise Control, Reverse Camera and more that keep you in comfort and under control.
Spacer
  • seperator -
  • theme - gray
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpwikaf102uadmakozse36rt-gr-corolla-tech-hero-1920x1080.full.jpg

Spacer
  • seperator -
  • theme - gray
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - For Your Infotainment
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>And for thrills at any speed, there’s the seven-inch infotainment touchscreen, a wireless charger and Android Auto and Apple CarPlay capability.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clph91u180490x0aknw8ef75w-gr-corolla-tech-side-by-side-01-682x460.0.76.1364.767.full.jpg

  • textWithImageData.imgPosition - left
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - A-head of The Game
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>A Corolla-first in South Africa, the Heads-up display (available in the Circuit edition)<strong> </strong>provides you with necessary information within your field of view.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clph922yi049fx0akd2cbk7mw-gr-corolla-tech-side-by-side-02-682x460.0.76.1364.767.full.jpg

  • textWithImageData.imgPosition - right
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Control Freak
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>Adaptive high-speed Cruise Control, Reverse Camera, and much more keep you in comfort and under control.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clph929vi04a2x0akc9q7kerb-gr-corolla-tech-side-by-side-03-682x460.0.76.1364.767.full.jpg

  • textWithImageData.imgPosition - left
Spacer
  • seperator -
  • theme - gray
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Safety
  • title - Push Your Limits With Ease Of Mind
  • subtitle - The all-new GR Corolla comes standard with Toyota’s latest Safety Sense Package that includes innovative features like Hill Assist Control (HAC), Vehicle Stability Control (VSC), Anti-Lock Braking System (ABS) and Electronic Brake Force Distribution (EBD). And for extra confidence around corners, the Circuit edition is equipped with Front and Rear Limited-Slip Differentials (LSD).
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpwikal502ubdmakke38ihk8-gr-corolla-safety-hero-1920x1080.full.jpg

Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - narrow
  • subtitle - As is the fitment of an Anti-Lock Braking System (ABS), Electronic Brake-force Distribution (EBD), Vehicle Stability Control (VSC) and Hill-Assist Control (HAC). Every model comes equipped with Toyota’s latest Safety Sense Package which includes:
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Slider deck
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards - true
  • number of columns - 2
  • theme - narrow
  • iconWithTextData -
    • iconWithTextData.[0].title - Pre-crash System
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Warns the driver of oncoming vehicles or pedestrians and automatically intervenes if the driver doesn’t brake in time.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Lane Trace Assist
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>Lane Trace Assist<strong> </strong>detects lane deviation and automatically corrects steering while alerting the driver with a beeper.</p>
    • ------------------------------------------------------------------------
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Slider deck
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards - true
  • number of columns - 2
  • theme - narrow
  • iconWithTextData -
    • iconWithTextData.[0].title - Emergency Locking Retractor (ELR)
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>ELR on seatbelts allows for easy extension until a sudden stop or impact, at which point it will tighten to protect the passenger.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Central Locking
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>Remote central locking and an anti-theft system that activates automatically once the vehicle is wirelessly locked by the key fob.</p>
    • ------------------------------------------------------------------------
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Exterior
  • title - Styled For Speed
  • subtitle - The all-new GR Corolla boasts a wider, wilder body sporting flared fenders, a fierce spoiler, bold hood vents, and 18" Alloy wheels. There's also uniquely patterned forged carbon-fibre roof (exclusive to the Circuit edition) that allows for better handling. Plus, the newly designed Bi-LED headlamps with auto high beam increase night-time visibility and power efficiency.
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpwilmuf0302dmak1p85qvfv-gr-corolla-style-ig-01.full.jpg

    • imageTilesData[0].heading[0].heading - GR Sport Synthetic Leather + Suede*
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 46
    • imageTilesData[0].tooltips[0].left - 34
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpwiln0t0303dmakh2m11na8-gr-corolla-style-ig-02-carbon.full.jpg

    • imageTilesData[1].heading[1].heading - Carbon Fibre Reinforced Parts*
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 25
    • imageTilesData[1].tooltips[1].left - 44
    • imageTilesData[2].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpcnpf1502dmi9akk9jy1tt2-gr-corolla-style-ig-03.full.jpg

    • imageTilesData[2].heading[2].heading - Rear-3 Exhaust Tailpipe
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top - 50
    • imageTilesData[2].tooltips[2].left - 50
    • imageTilesData[3].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpcnpfkq02dpi9ak01bvomsx-gr-corolla-style-ig-04.full.jpg

    • imageTilesData[3].heading[3].heading - Hood, Front, Fender & Rear Air Vents*
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 38
    • imageTilesData[3].tooltips[3].left - 40
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Interior
  • title - Rally-Ready Inside And Out
  • subtitle - The all-new GR Corolla’s interior stays true to its Motorsport roots. Special touches like the leather-trimmed steering wheel, GR-badged front seats and a six-way adjustable driver's seat have been crafted to provide a comfortable driving posture and a premium race feel.
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpx5pnbf029e95akfkc76a3i-gr-corolla-tech-hero-1920x1080.full.jpg

Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Gallery
  • galleryData
  • galleryData[0]
  • galleryData.tabLabel - Exterior
  • gallery[0].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrooap021zusakfaxm9rnw-grcorollaexterior1.full.jpg

    • imageGalleryItems[1].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptromix021nusak8ssyownm-grcorollaexterior2.full.jpg

    • imageGalleryItems[2].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptromdn021lusakeoqynhap-grcorollaexterior3.full.jpg

    • imageGalleryItems[3].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptromed021musakc302ww5o-grcorollaexterior4.full.jpg

    • imageGalleryItems[4].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrwvhc02akusaksjtdbldx-grcorollaexterior5.full.jpg

    • imageGalleryItems[5].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[5].slideCaption -
    • imageGalleryItems[5].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrwvl602alusak4ubcerkv-grcorollaexterior6.full.jpg

    • imageGalleryItems[6].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[6].slideCaption -
    • imageGalleryItems[6].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrwvnn02amusakjmcrn5qj-grcorollaexterior7.full.jpg

    • imageGalleryItems[7].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[7].slideCaption -
    • imageGalleryItems[7].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrwtrj02adusakwsuus3l3-grcorollaexterior8.full.jpg

    • imageGalleryItems[8].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[8].slideCaption -
    • imageGalleryItems[8].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrwtob02acusakamrlpoy0-grcorollaexterior9.full.jpg

    • imageGalleryItems[9].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[9].slideCaption -
    • imageGalleryItems[9].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrwtnh02abusak705hv18v-grcorollaexterior10.full.jpg

    • imageGalleryItems[10].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[10].slideCaption -
    • imageGalleryItems[10].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrwrt102a1usakrixmcwqf-grcorollaexterior11.full.jpg

    • imageGalleryItems[11].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[11].slideCaption -
    • imageGalleryItems[11].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrwrxg02a2usakaemqr670-grcorollaexterior12.full.jpg

    • imageGalleryItems[12].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[12].slideCaption -
    • imageGalleryItems[12].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrwrq802a0usakix9wa47c-grcorollaexterior13.full.jpg

  • galleryData[1]
  • galleryData.tabLabel - Interior
  • gallery[1].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Toyota GR Corolla Hatch Interior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpts30qy02k6usakza7nxrl4-grcorollainterior1.full.jpg

    • imageGalleryItems[1].slideTitle - Toyota GR Corolla Hatch Interior
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpts30ov02k4usak3629hpip-grcorollainterior2.full.jpg

    • imageGalleryItems[2].slideTitle - Toyota GR Corolla Hatch Interior
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpts30pp02k5usakfbl9qsse-grcorollainterior3.full.jpg

    • imageGalleryItems[3].slideTitle - Toyota GR Corolla Hatch Interior
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpts2z3a02jxusakvwn6kthy-grcorollainterior4.full.jpg

    • imageGalleryItems[4].slideTitle - Toyota GR Corolla Hatch Interior
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpts2yua02jvusakegieueka-grcorollainterior5.full.jpg

    • imageGalleryItems[5].slideTitle - Toyota GR Corolla Hatch Interior
    • imageGalleryItems[5].slideCaption -
    • imageGalleryItems[5].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpts2yr402juusak29ybv9j8-grcorollainterior6.full.jpg

Spacer
  • seperator -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Banner
  • bannerType - testimonialBanner
  • Theme - default
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - ownerBenefitsCard
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - default
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - modelPriceSummary
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - findADealer
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - relatedVehicleSelector
Spacer
  • seperator -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150