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


Corolla

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - COROLLA
  • description - Has It All
  • backgroundImage -
  • slides
    • slides[0].title -
    • slides[0].subtitle - COROLLA
    • slides[0].description - Has It All
    • slides[0].video - https://media.cdntoyota.co.za/toyotacms23/attachments/cmggkm90co4piqvakwev1am9t-comp-1-1.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 - Toyota Corolla Has It All
  • subtitle - The Toyota Corolla Hybrid now has an updated athletic styling, a more dynamic driving experience, and a 1.8-litre hybrid* engine that makes it an all-round pleasure to drive. In addition, the premium range offers the Toyota Safety Sense Package which includes a Pre-Crash System*, Blind Spot Monitor* and Lane Keeping System*. Fall in love with the Toyota Corolla Hybrid, the vehicle that truly has it all.
  • htmlTextData.content.items[0].content - <p><sub>*Available on selected models</sub></p>
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 - All-Out Power
  • subtitle - The Corolla has up to 126 kW of power, with a Continuously Variable Transmission (CVT) for a dynamic driving experience in the 1.8 XR Hybrid.
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 50
  • custom.tabletPortrait - 50
  • custom.tabletLandscape - 50
  • custom.desktop - 50
  • custom.largeDesktop - 50
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmgj5godqv43kqvakltttw7mh-engine-ret-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 - Technology
  • title - All-Out Tech
  • subtitle - The Corolla has all the tech you need for ease of access and stress-free driving. Delight in features such as the 12.3-inch infotainment screen, Push Start technology, and the convenience of Apple CarPlay and Android Auto, ensuring state-of-the-art connectivity.
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/cmggb9wyumte0qvakuc6ordru-steering-wheel-sedan-ret-bkg-1458x662.full.jpg

Spacer
  • seperator -
  • theme - gray
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - narrow
  • subtitle - Technology is part of the Corolla DNA, and all Corolla vehicles undergo a state-of-the-art manufacturing process that reduces production faults to the lowest ever per vehicle. It makes driving your Corolla so effortless that it will feel like an extension of you. You’ll experience it from the moment you effortlessly get into your car with Smart Entry, when you drop your smartphone into the wireless charging tray, and when you hit the Push Start button and feel the powerful purr of the meticulously crafted engine hum to life.
  • htmlTextData.content.items[0].content - <p><br /></p>
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 - Hybrid Performance
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>The Hybrid model boasts a uniquely balanced fusion between petrol and electric motors, that instinctively and automatically switches between the two for maximum efficiency. </p> <p>Enjoy revolutionary fuel economy and high performance with this compact and streamlined engine design - resulting in a truly exhilarating driving experience.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmggfm41znfewqvakd44dp3js-85b6007-hybrid-ret-web-new.0.76.1364.767.full.png

  • 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 - All The Safety You Need
  • subtitle - The Toyota Corolla provides you with all the peace of mind that comes with its unwavering safety features. Toyota Safety Sense is now standard in the 1.8 XR HEV model and includes a Pre-Crash System*, Blind Spot Monitor*, Lane Keeping System* and other driver support systems such as Anti-lock Braking System (ABS), Brake-Assist (BA)* Electronic Brake-Force Distribution (EBD), Hill-Assist Control (HAC ) and Vehicle Stability Control (VSC). Occupant safety is of the utmost importance in the new Corolla, that's why it comes with 7 airbags including both knee and curtain airbags giving both drivers and passengers added protection.
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://media.cdntoyota.co.za/toyotacms23/attachments/cmgf4zbr1iiyzqvak7isvymr4-corolla-sedan-celestitegreymetallic-1.mp4
  • Theme - light
  • Theme - boxed
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - narrow
  • subtitle - Even the smallest passengers are well taken care of, thanks to child protection locks on the doors and ISOFIX seat belt connectors to ensure car seats are fitted to international safety standards. On rainy days, the rain-sensing wipers* ensure the road ahead is always visible. On dark nights, the Follow-Me-Home headlights* stay on after you’ve parked, so that your path is lit until you are safely inside.
  • htmlTextData.content.items[0].content - <p> </p> <p><br />  </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 -
  • iconWithTextData -
    • iconWithTextData.[0].title - Anti-Lock Braking System (ABS)
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Modulates excess brake pressure to allow for continued tyre rotation under extreme braking conditions, bringing you to a stop in time and safely.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Electronic Brake-Force Distribution (EBD)
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>Distributes braking force to allow for variances in weight distribution and tyre grip under braking, increasing stability and vehicle control.</p>
    • ------------------------------------------------------------------------
Slider deck
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards - true
  • number of columns -
  • theme - narrow
  • iconWithTextData -
    • iconWithTextData.[0].title - Pre-crash System
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Warns you of oncoming vehicles or pedestrians and automatically intervenes if the driver doesn’t brake in time.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Blind Spot Monitor*
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>Detects cars you may not be able to see, while both the Lane Keeping System* and Lane Departure Alert* keep you safely between the lines.</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 - All the sportiness
  • subtitle - Turn heads in the new sporty Toyota Corolla and its attractive sleek styling. Updated design features, such as the 16-inch alloy wheels*, Bi-LED High Beam* headlights, colour-coded electric side mirrors with indicator* and Blind Spot Monitor (BSM)*, all promote its powerful stance.
  • htmlTextData.content.items[0].content - <p> </p> <p><br />  </p>
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/cmgox36sndx69lbaku45e5ypi-new-corolla-hybrid-rear-34-ret-new-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 - Feature Picture Gallery
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmgf673e1inyiqvaknxi0ve3h-85b6007-hybrid-ret-web-new-1458x956.full.jpg

    • imageTilesData[0].heading[0].heading - 12.3 inch Multi Information Display
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 20
    • imageTilesData[0].tooltips[0].left - 30
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmj76yygk44zrazak0f7osrnx-85b6007-hybrid-ret-web-new-fg.full.jpg

    • imageTilesData[1].heading[1].heading - Lane Trace Assist
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 40
    • imageTilesData[1].tooltips[1].left - 40
    • imageTilesData[2].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmgf67obgio1nqvakyx0r88z4-new-corolla-hybrid-rear-34-ret-new-1458x606.full.jpg

    • imageTilesData[2].heading[2].heading - Side Mirrors: Blind Spot Monitor (BSM)
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top - 25
    • imageTilesData[2].tooltips[2].left - 35
    • imageTilesData[3].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmgp4wvptfr9clbakkub0j8eb-toyota.full.png

    • imageTilesData[3].heading[3].heading - Reverse Camera
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 30
    • imageTilesData[3].tooltips[3].left - 50
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 - Corolla Exterior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmgowznwmdwcilbaky1i7ded7-front-34-new-corolla-hybrid-web-ret-1920x1080.full.jpg

    • imageGalleryItems[1].slideTitle - Corolla Exterior Side View
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmggeecunn8pwqvaknzdj2je5-85b5978-broochure-side-hybrid-web-ret-1920x1080.full.jpg

    • imageGalleryItems[2].slideTitle - Corolla Exterior Wheel
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clb29v3sw01he0pqpfr5d4bnk-corolla-sedan-gallery-wheel.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmgox0edwdwk0lbakmsfhcnk8-new-corolla-hybrid-rear-34-ret-new-1920x1080.full.jpg

    • imageGalleryItems[4].slideTitle - Corolla Exterior Engine
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmgj5godqv43kqvakltttw7mh-engine-ret-1920x1080.full.jpg

  • galleryData[1]
  • galleryData.tabLabel - Interior
  • gallery[1].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Corolla Interior Steering Wheel
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmgowxekvdvs6lbakzov19gam-steering-wheel-sedan-ret-bkg-1920x1080.full.jpg

    • imageGalleryItems[1].slideTitle - Corolla Interior Screen
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmgj5qqh1v57iqvak8jvezast-dash-ret-bkg-reverse-camera-1920x1080.full.jpg

    • imageGalleryItems[2].slideTitle - Corolla Interior Start Button
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqnq0kg03dn0in056ch617c-0101010255-interior-4.full.jpg

    • imageGalleryItems[3].slideTitle - Corolla Interior Gear
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqnq0x803do0in0z4ulny10-0101010255-interior-5.full.jpg

    • imageGalleryItems[4].slideTitle - Corolla Interior Front Seats
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmggewefgnbjyqvakhrktajmq-sedan-front-seat-pass-ret-bkg-1920x1080.full.jpg

    • imageGalleryItems[5].slideTitle - Corolla Interior Driver Seat
    • imageGalleryItems[5].slideCaption -
    • imageGalleryItems[5].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmgowux2ddv3olbakx6jnq0my-sedan-drivers-seat-ret-bkg-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 - Accessories
  • title - And There’s More
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Featured Accessories
  • textWithImageData.theme - default
  • textWithImageData.description - <h6><strong>Toyota Safety Film Kit</strong></h6> <p>Quality 150 micron safety film available in clear 50% or 35% variants.</p> <p><sub>*Available on selected models</sub></p> <p> </p> <h6><strong>Wheel Lock Nut</strong></h6> <p>Set of four wheel nuts for alloy wheels, with a unique coded key.</p> <p><sub>*Available on selected models</sub></p>
  • textWithImageData.buttons
    • htmlTextData.buttons[0].defaultButton
      • htmlTextData.buttons[0].button.linkLabel - Browse Accessories
      • htmlTextData.buttons[0].button.linkUrl - /vehicles/corolla/accessories
      • htmlTextData.buttons[0].button.linkWindow - false
    • htmlTextData.buttons[1].defaultButton
      • htmlTextData.buttons[1].button.linkLabel - Enquire Now
      • htmlTextData.buttons[1].button.linkUrl - https://buynow.e-toyota.co.za/toyota/enquire-now
      • htmlTextData.buttons[1].button.linkWindow - false
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmggfkg9anf1cqvak3swwit4m-front-34-new-corolla-hybrid-web-ret.0.121.1202.676.full.png

  • textWithImageData.imgPosition - left
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