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


GR86

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - GR86
  • description - All Torque<br>All Action
  • backgroundImage -
  • buttons[0].defaultButton
    • buttons[0].button.linkLabel - Enquire Now
    • buttons[0].button.linkUrl - /ranges/gr86
    • buttons[0].button.linkWindow - true
  • slides
    • slides[0].title - GR86
    • slides[0].subtitle - All Torque<br>All Action
    • slides[0].description - &nbsp;
    • slides[0].video - https://devtoyotaflumemedia.blob.core.windows.net/videos/toyota-banners/GR86.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 Icon Is Back
  • subtitle - Introducing your new favourite number, the second-generation GR86. This apex predator features a new, more powerful 2.4ℓ boxer engine that delivers thrills around every corner. Sculpted for speed, this thoroughbred sports coupe turns heads, with exclusive GR badging and matte black 18” alloy wheels that ensure you look good while going fast. Are you ready to get behind this racy little number?
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 - Street-Ready Attitude
  • subtitle - The sharper, stronger suspension, low centre of gravity, near-perfect weight distribution, as well as Electric Power Steering (EPS) tuning for an enhanced, more controlled drive, contribute to the GR86’s precision handling. A torque-sensing limited-slip rear differential keeps you in control at all times, while modifications to throttle characteristics make for better acceleration, fuel economy and drivability. The GR86’s dampers have also been effectively tuned for better shock absorber adjustments, resulting in improved driving performance and handling. One of the lightest sports cars on the market, it’s perfect for beating the stopwatch and getting your pulse racing.
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/clp4796kj00hhucakqm3208zo-gr-86-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 GR86 has been manufactured to deliver maximum performance on both the road and the track. Its new, larger-capacity, naturally aspirated 2.4-litre flat-four petrol engine produces 174 kW @ 7 000 r/min and 250 Nm peak torque @ 3 700 rpm. Its D4-S dual-injection fuel system, comprising both direct and port injection, has been re-tuned to deliver a more aggressive throttle response.
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 - Connectivity
  • subtitle - Experience innovation at your fingertips when you get behind the wheel of the GR86. Connect to tech when you pair your device to Apple CarPlay or Android Auto and enjoy the high resolution 7-inch multi- information display. This screen also acts as the monitor for the GR86’s reverse camera.
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/clp4795mm00hducakq9mh2b2v-gr-86-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 - Custom-Designed Track Mode
  • textWithImageData.theme - default
  • textWithImageData.description - <p>To enhance professional track activity – and excitement – when selected, the custom-designed Track Mode combination meter displays a shift indicator, oil and water temperatures and a lap timer. </p>
Image
  • textWithImageData.image -

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

  • textWithImageData.imgPosition - left
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - 7 Inch Multi-Information Display
  • textWithImageData.theme - default
  • textWithImageData.description - <p>Experience innovation and enjoy the high-resolution 7-inch multi-information display at your fingertips when you get behind the wheel of the GR86. Connect to tech when you pair your device to Apple CarPlay or Android Auto. The screen also acts as the monitor for GR86’s reverse camera. </p>
Image
  • textWithImageData.image -

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

  • textWithImageData.imgPosition - right
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 - 80
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Safety
  • title - Play Safe
  • subtitle - There are no cutting corners when it comes to safety in the GR86. With an extensive suite of safety features, that include an Emergency Brake Signal System (ESS), Blind Spot Monitor (BSM), Rear Park Distance Control and driver, passenger, and rear seatbelt bracing, you can enjoy peace of mind both on the road and track.
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/clpwgmjqf07dshdakzwgr07d5-gr-86-safety-hero-1920x1080.full.jpg

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 -
  • theme - narrow
  • iconWithTextData -
    • iconWithTextData.[0].title - Emergency Brake Signal System (ESS)
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Sensors detect rapidly approaching vehicles and objects, triggering automatic safety systems like emergency braking and safety belt bracing to avoid or mitigate impact without driver input.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Rear Park Distance Control
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>Sensors in the vehicle’s bumpers scan for nearby stationary objects. When an object is detected, a beeper sounds, and its proximity is displayed* on the infotainment screen.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[2].title - Blind Spot Monitor (BSM)
    • iconWithTextData.[2].image -
    • iconWithTextData.cardContent.items[0].content - <p>This system features Steering Vibration and Lane Trace Assist, which alert the driver with a beeper, steering wheel vibrations, and a dashboard display, aiding automatic lane correction. </p>
    • ------------------------------------------------------------------------
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Heritage
  • title - Heritage
  • subtitle - The GR86 was born from a long line of iconic Toyota performance cars. Although the GT86 legacy lives on, the second-generation GR86 model boasts more power, more torque and more innovative styling than ever before.
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/clptkkfee00don4aksxf2z487-gr-86-heritage-hero-1920x1080.full.jpg

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 - Sculpted For Speed
  • subtitle - The GR86’s streamlined exterior is complimented by an aggressive grille and shouldered by full LED headlights, while showing off its thoroughbred credentials with the unique placement of GR badges.
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/clpn1xi6s02f2ayak3npmugq0-gr-86-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 - The sporty matte black 18" alloy wheels look good from any angle and combine function and beauty. Inside the GR86, you will find a sleek all-black interior with exclusive GR badging and Silver-stitched sports seats dressed in leather and Ultrasuede.
Spacer
  • seperator -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Text
  • theme - product
  • miniTitle - Feature Picture Gallery
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

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

    • imageTilesData[0].heading[0].heading - Leather & Suede Seat Trim With Seat Heater
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 50
    • imageTilesData[0].tooltips[0].left - 50
    • imageTilesData[1].image -

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

    • imageTilesData[1].heading[1].heading - LED Adaptive Front Lighting System (AFS) + Auto High Beam (AHB)
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 31
    • imageTilesData[1].tooltips[1].left - 37
    • imageTilesData[2].image -

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

    • imageTilesData[2].heading[2].heading - Interior GR Badging
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top - 55
    • imageTilesData[2].tooltips[2].left - 50
    • imageTilesData[3].image -

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

    • imageTilesData[3].heading[3].heading - Front And Rear Ventilated Disc
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 58
    • imageTilesData[3].tooltips[3].left - 33
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 - GR86 Exterior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphe1qpa012asfakl94xk9wa-cl82rpqji00630ppauilnlovn-gr86-gallery-images-desktop.full.jpg

    • imageGalleryItems[1].slideTitle - GR86 Exterior
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphe1qr7012bsfaka4y1mewz-cl82rq22s006b0ppaox8rpeku-gr86-gallery-images3-desktop.full.jpg

    • imageGalleryItems[2].slideTitle - GR86 Exterior
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphe1qn80129sfaktbz19bx0-cl82r7dqp006c0pp5w13x90gf-sculpted-for-speed-desktop.full.jpg

    • imageGalleryItems[3].slideTitle - GR86 Exterior Side View
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphe1r6t012csfakha52ru00-cl82rq1so00690ppadqkshz7k-gr86-gallery-images4-desktop.full.jpg

    • imageGalleryItems[4].slideTitle - GR86 Exterior
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphe1qht0128sfakgbd2x8cl-cl82rqhe7006i0ppab3jkewwy-gr86-gallery-images5-desktop.full.jpg

  • galleryData[1]
  • galleryData.tabLabel - Interior
  • gallery[1].imageGalleryItems
    • imageGalleryItems[0].slideTitle - GR86 Interior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphe64nd01d5sfaklcessjf1-cl82ruel000820ppa8wkstt33-gr86-gallery-images7-desktop.full.jpg

    • imageGalleryItems[1].slideTitle - GR86 Interior Front Seats
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphe60zi01cusfaknajisn2p-cl7stqpgd00610plqe24fzoz3-86-gr-seats-ret-bkg-desktop.full.jpg

    • imageGalleryItems[2].slideTitle - GR86 Interior Touchscreen
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphe61bl01cwsfakafwq2iqp-cl7k8be0800200pli4zbt6510-86-gr-screen-ret-desktop.full.png

    • imageGalleryItems[3].slideTitle - GR86 Interior Start Button
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphe60rw01cssfakjbwzd98s-cl7sttrjl007k0plqyv792cte-c9a3312-desktop.full.jpg

    • imageGalleryItems[4].slideTitle - GR86 Interior Steering Wheel
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphe60uq01ctsfakqq1zrenf-cl82ruejq00be0pp5aaoal8p0-gr86-gallery-images9-desktop.full.jpg

    • imageGalleryItems[5].slideTitle - GR86 Interior
    • imageGalleryItems[5].slideCaption -
    • imageGalleryItems[5].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphe614q01cvsfak2fq23apf-cl82rueaq00810ppaevtqjq9d-gr86-gallery-images8-desktop.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 - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
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