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


GR Supra

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - GR SUPRA
  • description - Pedigree And Power
  • 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 - true
  • slides
    • slides[0].title -
    • slides[0].subtitle - SUPRA
    • slides[0].description - Pedigree And Power
    • slides[0].video - https://media.cdntoyota.co.za/videos/toyota-banners/Supra.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 - true
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Text
  • theme - product
  • title - The GR Supra Is Born To Perform
  • subtitle - The all-new Supra is now even more powerful than before. Defined by its classic six cylinder, front-engine, rear-wheel drive sports car layout and its iconic styling, the Supra has been exclusively crafted to create a rarefied realm where driver and car become one. The GR Supra delivers the ultimate driving experience on the track or on the street. With 285 kW of power, adrenaline comes standard in the GR Supra.
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 - Performance
  • title - Born To Perform
  • subtitle - The new GR Supra has been designed to deliver driving pleasure and superlative performance at accessible limits. The generous power of the GR Supra comes from the straight-six cylinder 3.0ℓ engine which is equipped with direct fuel injection, turbocharging and mated to an 8-speed automatic delivering 285 kW of power.
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/clpx64rg402k595akwuduwlft-gr-supra-performance-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 - The Supra boasts a wide rev range as well as the fitment of launch and traction control and electronically controlled Limited Slip Differential (LSD) which optimises the rear-wheel driving experience. The Sport button, sharpens the steering and throttle response as well as Adaptive Variable Suspension (AVS)*comprised of MacPherson struts in front and a multi-link rear.
  • htmlTextData.content.items[0].content - <p><sub>*Available on selected models.</sub></p>
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Innovation
  • title - State Of The Art
  • subtitle - As befits a vehicle with the pedigree of the GR Supra, the vehicle's interior accoutrements reflect the intelligent engineering technology employed under the skin. So, in keeping with the GR Supra's purist philosophy of a simple but sophisticated sports car, the transmission tunnel and gear lever surround is covered in exclusive high-gloss carbon-fibre. For piloting, smart tools such as the Heads-Up Display (HUD)* have been included. This display indicates key vehicle information such as speed and navigation, which allows the driver to keep their eyes on the road and better enjoy the drive. The one-piece, six-lens LED adaptive* headlamps feature integrated LED Daytime Running Lights (DRL) and turn signal flashers for further safety.
  • htmlTextData.content.items[0].content - <p><sub>*Available on selected models</sub></p>
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/clpz4e7h606jy7lak8tjalj4m-gr-supra-tech-hero-exterior-1920x1080.full.jpg

Spacer
  • seperator -
  • theme - gray
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Centre of Attention
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>A centrally-mounted 8.8” colour touchscreen delivers further navigational and infotainment information, featuring a three-dimensional rev clock, digital speedometer, and more.</p>
Image
  • textWithImageData.image -

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

  • textWithImageData.imgPosition - left
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Cool, Calm and Controlled
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>Active Cruise Control keeps your vehicle at a preselected speed, automatically accelerating and decelerating with traffic.</p>
Image
  • textWithImageData.image -

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

  • textWithImageData.imgPosition - right
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Push-Start Button
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>Push-Start button and keyless entry and exit means the key is left untouched, while the doors automatically lock upon pull-away.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptf0mc906zizbak6cce8x3x-gr-supra-tech-side-by-side-02-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 - The Science Of Safety
  • subtitle - The GR Supra celebrates the passion for performance and the importance of safety in equal measure. The car is therefore fitted with driver, passenger, side, driver knee and curtain airbags and a Pre-crash system with pedestrian detection*. The GR Supra also boasts Road sign assist* which relays road sign information through a camera to the multi-information display and heads-up display* as well as Lane change assist* and Lane departure warning*. Finally, the adaptive cruise control with stop and go* maintains a safe distance from the vehicle in front, by accelerating and decelerating to keep the gap consistent at all times, as well as autonomously come to a full stop.
  • htmlTextData.content.items[0].content - <p><sub>*Available on selected models</sub></p>
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Single Video (Flume)
  • Video URL - https://devtoyotaflumemedia.blob.core.windows.net/videos/Final%20Toyota%20Safety%20Updates%20x7/Supra.mp4
  • Theme - light
  • Theme - full
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 - Road Sign Assist
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Relays road sign information through the use of a camera to both the multi-information display and Heads-up Display.</p> <p><br />  </p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Lane Change Assist
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>Lane Change Assist works in conjunction with the Blind Spot Monitor and informs the driver when adjacent lanes are clear to move into.</p>
    • ------------------------------------------------------------------------
Slider deck
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards - true
  • number of columns - 2
  • theme - narrow
  • iconWithTextData -
    • iconWithTextData.[0].title - Adaptive Cruise Control
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Adaptive Cruise Control, with stop-and-go, maintains a safe distance to the vehicle in front and has the ability to autonomously come to a full stop and, or accelerate.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Tyre Pressure Monitor
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>Tyre Pressure Monitor continuously checks and alerts the driver to a loss of pressure in any of the tyres.</p>
    • ------------------------------------------------------------------------
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Design
  • title - Discerning Design
  • subtitle - The new GR Supra owns the road with intelligent and dynamic design. The chiselled rear of the car evokes memories of previous generations of Supras. The distinctive trapezoidal shape of the bumper also serves to marry a sporty, purposeful appearance to the reduction of body lift through dramatically sculpted lines.
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/clpq0n2b20cz56zakvubhmad1-gr-supra-design-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 - Viewed in profile, the lowest point of the bonnet flows near-horizontally to the rear of the car for an ultra-athletic stance. The low placement of the rear spoiler further facilitates the creation of a low, continuously flowing belt line. Finally, the combination of the rearward-slanting cabin silhouette and forward slanting-underbody epitomises classic sports car styling.
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Feature Picture Gallery
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

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

    • imageTilesData[0].heading[0].heading - Power Seat Lumbar Support With Heater
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 55
    • imageTilesData[0].tooltips[0].left - 60
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpclwl6z01h0i9akk12wmgj4-gr-supra-style-ig-02.full.jpg

    • imageTilesData[1].heading[1].heading - Front & Rear Park Distance Control (PDC) with Intelligent Clearance Sonar, Rear Cross Traffic Alert
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 50
    • imageTilesData[1].tooltips[1].left - 33
    • imageTilesData[2].image -

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

    • imageTilesData[2].heading[2].heading - Turbocharger Twin Scroll
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top - 34
    • imageTilesData[2].tooltips[2].left - 54
    • imageTilesData[3].image -

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

    • imageTilesData[3].heading[3].heading - Wireless Charger
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 89
    • imageTilesData[3].tooltips[3].left - 58
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 - Supra Exterior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clei7bzdj00ht0pqv1m94q9vb-supra-exterior-3-4-lifestyle-1024x683.full.jpg

    • imageGalleryItems[1].slideTitle - Supra Exterior Back View
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clei7d7qg00jt0plcf4pan6au-supra-exterior-back-lifestyle-1024x683.full.jpg

    • imageGalleryItems[2].slideTitle - Supra Exterior Front View
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clei7ecko00is0pqvk1j0ccl0-supra-exterior-front-1024x683.full.jpg

    • imageGalleryItems[3].slideTitle - Supra Exterior 3/4 Front View
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpv3cjbf03q14sakibn6rq7v-newsupra4.full.jpg

    • imageGalleryItems[4].slideTitle - Supra Exterior Side View
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpv3cj6r03q04saklkog5029-newsupra5.full.jpg

    • imageGalleryItems[5].slideTitle - Supra Exterior 3/4 Back view
    • imageGalleryItems[5].slideCaption -
    • imageGalleryItems[5].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpv3cj3h03pz4saki3yr4ihp-newsupra6.full.jpg

  • galleryData[1]
  • galleryData.tabLabel - Interior
  • gallery[1].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Supra Interior Push Start
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpv3six704cm4sakksms5a7j-suprainterior1.full.jpg

    • imageGalleryItems[1].slideTitle - Supra Interior Seat Trim
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpv3sixx04cn4sak99xcyjp0-suprainterior2.full.jpg

Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
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 - 80
  • 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