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://devtoyotaflumemedia.blob.core.windows.net/videos/toyota-banners/gr-corolla-banner.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 hot hatch is GR-tuned suspension and a state-of-the-art GR-FOUR all-wheel drive system that puts all 210 kW of power into your hands. With both an automatic and manual gearbox, sport mode and a mechanical handbrake, the 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
  • hardcodedContent.kintoCalculatorType - personal
Text
  • theme - product
  • miniTitle - Power
  • title - Born To Perform
  • subtitle - GR you ready to handle 210kW of pure power? Equipped with an innovative front-to-rear adjustable all-wheel drive (GR-FOUR), the GR Corolla’s compact-yet-powerful, 1.6 litre, turbocharged, three-cylinder engine delivers 400Nm of torque and a whip-fast top speed of 230km/h. The automatic comes as a 8-speed transmission, while the manual comes as a 6-speed transmission
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/cmk5626xghuq4jpakgex4kjlw-corollagr-rear-cover-comp-ret.full.png

    • 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/cmkha47im110e10akq3less1f-group-3.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/cmk5dh0xoiezcjpaktoc13nck-copy-1.full.jpg

    • imageTilesData[3].heading[3].heading -
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top -
    • imageTilesData[3].tooltips[3].left -
Text
  • theme - narrow
  • htmlTextData.content.items[0].content - <p>* South African specification may differ</p>
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 - The Corolla comes with a Heads-up display and blind spot monitor, which are available in the Circuit edition, and 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 improved audio system with 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 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/cmkh01zfb6t7rktakkg4qeuax-680x460-1.0.38.680.382.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 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). The vehicle now also comes standard with blind spot monitor, making it easy to navigate through traffic.
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 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 that allows for better handling. Plus, the 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/cmkgzvylt6se6ktakacabuw0q-712x323.full.png

    • 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/cmk5ektgeii4ljpak3mn8hff7-finalversion2.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/cmk5cw35mid77jpak0h6g7lp8-toyota-gr-corolla-2023-v1.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
Text
  • theme - narrow
  • htmlTextData.content.items[0].content - <p>* South African specification may differ</p>
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 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/cmkgzypod6sq5ktakdjvuxw8s-1360x765.full.png

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 - *South African specification may differ
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmknpqxt10f2bssak1kkpsfn6-gr-corolla-ext-5.full.jpg

    • imageGalleryItems[1].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[1].slideCaption - *South African specification may differ
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmknprhh70f4pssak63cgsrk4-gr-corolla-ext-1.full.jpg

    • imageGalleryItems[2].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[2].slideCaption - *South African specification may differ
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmknprzcj0f8gssakzpi3eia3-gr-corolla-ext-2.full.jpg

    • imageGalleryItems[3].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[3].slideCaption - *South African specification may differ
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmknpsgpm0faissaknhayvnjf-gr-corolla-ext-3.full.jpg

    • imageGalleryItems[4].slideTitle - Toyota GR Corolla Hatch Exterior
    • imageGalleryItems[4].slideCaption - *South African specification may differ
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmknpt0au0fdjssaklukvvc2h-gr-corolla-ext-4.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/clpts2z3a02jxusakvwn6kthy-grcorollainterior4.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpts2yua02jvusakegieueka-grcorollainterior5.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