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


Corolla Hatch Test

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - Welcome back
  • description - description
  • backgroundImage -
  • slides
    • slides[0].title - Corolla Hatch
    • slides[0].subtitle - Has It All
    • slides[0].description - Be Utterly Obsessed.
    • slides[0].video - https://deep-meadow-uykjpaknt8.ploi.link/videos/rav4_bep_hero_desktop_landscape_hd_desktop.mp4
    • slides[0].image -
    • buttons
      • buttons[0].button.linkLabel - Enquire now
      • buttons[0].button.linkUrl - /
      • buttons[0].button.linkWindow - false
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - vehicleStickSideBar
Text
  • theme - product
  • title - The time has come to elevate your everyday
  • subtitle - to a realm of sheer excellence,<br>where remarkable is simply the norm.
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - vehicleModelSelector
Slider deck
  • title - Engage your senses
  • deckType - general
  • withbackgroundTheme - false
  • stretch cards -
  • number of columns -
  • theme - product
  • generalData
    • generalData[0].title - Start-up
    • generalData[0].content - <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.</p>
    • generalData[0].image -
    • ------------------------------------------------------------------------
    • generalData[1].title - Driving
    • generalData[1].content - <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.</p>
    • generalData[1].image -
    • ------------------------------------------------------------------------
    • generalData[2].title - Accelerating
    • generalData[2].content - <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.</p>
    • generalData[2].image -
    • ------------------------------------------------------------------------
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Wireless charging
  • textWithImageData.theme - product
  • textWithImageData.description - <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clnlqo3bs001jh1ak6qg8n6gc-rav4-4.0.0.800.450.full.png

  • textWithImageData.imgPosition - left
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Smart entry and <br> start system
  • textWithImageData.theme - product
  • textWithImageData.description - <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clnlqs5qj006jh1ak3e2t7aar-rav4-5.0.22.720.405.full.png

  • textWithImageData.imgPosition - right
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Apple CarPlay®<br>and Android Auto™
  • textWithImageData.theme - product
  • textWithImageData.description - <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clnlqsxa30086h1ak03bbgnp7-rav4-6.0.22.720.405.full.png

  • textWithImageData.imgPosition - left
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - vehicleHybridInfo
Slider deck
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards -
  • number of columns -
  • iconWithTextData -
    • iconWithTextData.[0].title - Fuel efficiency
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Eco-Friendly
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[2].title - Maintenance
    • iconWithTextData.[2].image -
    • iconWithTextData.cardContent.items[0].content - <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[3].title - Quiet Feeling
    • iconWithTextData.[3].image -
    • iconWithTextData.cardContent.items[0].content - <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.</p>
    • ------------------------------------------------------------------------
Spacer
  • seperator -
  • theme -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clnnafbze009yivakxc3hfa9v-bg-grid-1.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/clnnalobp00beivak9oz6nssf-bg-grid-2.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/clnnam8jf00bxivak1rylzcsi-bg-grid-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/clnnamo6o00cgivakivcnob6w-bg-grid-4.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clnnamxyk00czivak1yef2vxs-bg-grid-5.full.jpg

    • imageTilesData[4].heading[4].heading -
    • imageTilesData[4].content[4].content -
    • imageTilesData[4].tooltips[4].top -
    • imageTilesData[4].tooltips[4].left -
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clnn8x63200mg38ak9uk8iuy9-vehicle-banner.full.jpg

Slider deck
  • title - Discover Our Offering
  • deckType - simpleCard
  • withbackgroundTheme - false
  • stretch cards -
  • number of columns -
RSS Feed Slider
  • Title -
  • Category - 24
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - paymentOptionsCalc
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - modelPriceSummary
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - findADealer
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - relatedVehicleSelector
Featured tabs
  • title -
  • tabsItems
    • tabsItems[0]
      • tabsItems[0].cardTitle - INTERIOR TECH
      • tabsItems[0].cardDescription - <p>Every RAV4 is equipped with a state-of-the-art navigation system as well as an audio system that houses a 7” touchscreen above the centre stack with conveniently added control switches on the steering wheel. The display audio is linkable to smart devices by either wireless Apple Carplay or Android Auto and features USB and Bluetooth connectivity. Both display the screen of the smartphone on the vehicle’s infotainment screen as well as linking the phone’s audio output to the vehicle’s 6 speakers. To keep you connected and powered up, the RAV4 now features a conveniently located wireless charging mat for compatible handheld devices.</p> <p>*Available on selected models</p>
      • tabsItems[0].tabLabel - Multimedia
      • tabsItems[0].tabImage -
    • tabsItems[1]
      • tabsItems[1].cardTitle - STYLISH INTERIOR
      • tabsItems[1].cardDescription - <p>Whether it’s running errands, a weekend getaway or some off-road action, the stylish interior of the all-new RAV4 will steer you in incredible comfort and in ultimate style. Softer materials have been used throughout the interior surfaces for that luxurious feel, and all models feature high-quality finishes, including the short-shift leather gear lever and knob, as well as the leather steering wheel. Optimal visibility from all angles is ensured with an auto-dimming electrochromatic* rear-view mirror, audio display, reverse camera with guideline overlays and a Panoramic View Monitor* that offers a 360-degree top-down view of the car when parking.<br /> <br /> *Available on selected models</p>
      • tabsItems[1].tabLabel - Interior
      • tabsItems[1].tabImage -
    • tabsItems[2]
      • tabsItems[2].cardTitle - MAXIMUM SPACE
      • tabsItems[2].cardDescription - <p>Space for extraordinary.The rear section has been designed for more versatile space and storage. The boot area has incorporated reversible liners and side nets for storage of loose items. The space is also designed to be configured to your needs; the 60:40 split-folding rear seats and retractable interior tonneau cover means that you can fit your friends, family, surfboards, camping gear and whatever else you choose into your RAV4, comfortably.</p>
      • tabsItems[2].tabLabel - Storage
      • tabsItems[2].tabImage -
    • tabsItems[3]
      • tabsItems[3].cardTitle - SAFETY - VX MODEL
      • tabsItems[3].cardDescription - <p>The range-topping VX model comes with the complete Toyota Safety Sense (TSS) package: A system of active safety features designed to help protect you and your passengers from harm. With all speed Adaptive Cruise Control (ACC), Toyota's built-in camera and front-grille-mounted radar will keep your vehicle at a pre-selected speed while Lane Departure Alert (LDA) with Steering Control gives the RAV4 the capability to detect the edge of the road and to detect visible lane markers. In addition to this, Toyota’s Lane Keeping Aid (LKA) now comes with Lane Trace Control (LTC). The Blind Spot Monitor (BSM) and the Pre-Crash System (PCS) uses radar to detect possible crashes, and the Rear Cross Traffic Alert (RCTA) warns you of danger on the roads.</p>
      • tabsItems[3].tabLabel - Safety
      • tabsItems[3].tabImage -
Spacer
  • seperator -
  • theme -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150