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/videos/toyota-banners/Corolla-V2.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 - All New Toyota Corolla Has It All
  • subtitle - Introducing the all-new 12th generation Toyota Corolla and Corolla Hybrid. Now with updated athletic styling, a more dynamic driving experience, and a 2-litre* engine or 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 all-new Toyota Corolla or 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 new Corolla has up to 126 kW of power, with a Continuously Variable Transmission (CVT) for a dynamic driving experience. Choose from the 2.0 XR, 1.8 XS Hybrid, or the 1.8 XR Hybrid.
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clp5pjqet03g9r6akt6x5y9dk-corolla-sedan-performance-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 new Corolla has all the tech you need for ease of access and stress-free driving. Delight in features such as the 7-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/clp5pnusd03jyr6ak0q20tg2x-corolla-sedan-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
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><sub>*Available on selected models</sub></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 models boast a uniquely balanced fusion between petrol and electric motors, that instinctively and automatically switches between the two for maximum efficiency. Enjoy revolutionary fuel economy and high performance with this compact and streamlined engine design - resulting in a truly exhilarating driving experience. The all-new hybrid models are the Corolla 1.8 XS CVT Hybrid and the Corolla 1.8 XR CVT Hybrid.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptlevpc00s8n4ak55s7sax9-corolla-sedan-tech-side-by-side-01-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 - All The Safety You Need
  • subtitle - The new Toyota Corolla provides you with all the peace of mind that comes with its unwavering safety features. Toyota Safety Sense is now standard in both the XR models 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.
  • 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/Corolla%20Sedan.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><sub>*Available on selected models</sub></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><sub>*Available on selected models</sub></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/clpq0xqql0d4u6zakymj5zwwj-corolla-sedan-design-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 - Feature Picture Gallery
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptlisrp00wqn4akyfaw7s03-corolla-sedan-design-ig-01.full.jpg

    • imageTilesData[0].heading[0].heading - Auto, Rain-sensing on Front Window Wiper*
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 40
    • imageTilesData[0].tooltips[0].left - 40
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptlioba00wln4akywckhqt6-corolla-sedan-design-ig-02.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/clptlism900wpn4akd8do7wny-corolla-sedan-design-ig-03.full.jpg

    • imageTilesData[2].heading[2].heading - Side Mirrors: Heated, Blind Spot Monitor (BSM), Power*
    • 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/clptliskr00won4akpd8lqusn-corolla-sedan-design-ig-04.full.jpg

    • imageTilesData[3].heading[3].heading - Auto Light Control System with Follow-Me-Home
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 30
    • imageTilesData[3].tooltips[3].left - 10
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/clb29s8nt01g50povma77pwtv-corolla-sedan-gallery-front.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clb29ubx201h30pqpn9rogqz6-corolla-sedan-gallery-side.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/clb29wm5t01hw0pqpgphoa613-corolla-sedan-gallery-rear.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clb2ak6ez01s20pqpumuo3o9e-corolla-sedan-gallery-engine.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/clb29yobh01j50pqptqsvbsl0-corolla-sedan-gallery-stearing-wheel.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqnpm6v03da0in0shh4cdq0-0101010255-interior-2.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/clb2a02si01jn0pqpgark1jog-corolla-sedan-gallery-passenger-seat.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clb2a5m1a01lu0povyhvpwg82-corolla-sedan-gallery-seat-material.full.jpg

    • imageGalleryItems[6].slideTitle - Corolla Interior Mirror
    • imageGalleryItems[6].slideCaption -
    • imageGalleryItems[6].slideImage -

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

  • galleryData[2]
  • galleryData.tabLabel - Interior Trim
  • gallery[2].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Corolla Interior Passenger Seat
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clb2a02si01jn0pqpgark1jog-corolla-sedan-gallery-passenger-seat.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clb2a7lsw01nq0povbjk4vcs4-corolla-sedan-gallery-drivers-seat.full.jpg

    • imageGalleryItems[2].slideTitle - Corolla Interior Back Seats
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clb2a8dg001ob0pov64ylh0jp-corolla-sedan-gallery-rear-seats.full.jpg

    • imageGalleryItems[3].slideTitle - Corolla Interior Red & Black Front Seats
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clb402bao00t50pmo11doyn9y-corolla-sedan-gallery-passenger-seats-red.full.jpg

    • imageGalleryItems[4].slideTitle - Corolla Interior Red & Black Back Seats
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clb402jmo00u40pqt90lncrpq-corolla-sedan-gallery-rear-seats-red-jpg.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/clpjdus5l0sivsfakc7wid9bu-corolla-accessories-601x460.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