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


Corolla Quest

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - COROLLA QUEST
  • description - Corolla Quest Has It All
  • backgroundImage -
  • slides
    • slides[0].title -
    • slides[0].subtitle - COROLLA QUEST
    • slides[0].description - Has It All
    • slides[0].video - https://media.cdntoyota.co.za/videos/toyota-banners/CorollaQuest-V1.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 - false
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 Quest, Has It All.
  • subtitle - The new Corolla Quest is not just your average family sedan. Now with an upgraded 1.8 litre engine; innovative safety features; as well as a stylish new look inclusive of 16-inch alloy wheels*, partial leather* trim and a touchscreen infotainment system*, it’s not hard to see why this reliable and fuel-efficient family sedan 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 - Quest Gives You More
  • subtitle - The new Corolla Quest is all about more. More power, with options of either a six speed manual or a Continuously Variable Transmission (CVT) for seamless driving – ideal for the stop-start urban trek. Choose from the 1.8 litre Quest Plus, 1.8 litre Prestige, and 1.8 litre Exclusive – all available in both manual and CVT.
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 10
  • custom.tabletPortrait - 10
  • custom.tabletLandscape - 20
  • custom.desktop - 60
  • custom.largeDesktop - 60
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clp5mvlz4026ur6ak0zo91aa5-corolla-quest-performance-1920x1080.full.jpg

Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 10
  • custom.tabletPortrait - 10
  • custom.tabletLandscape - 20
  • custom.desktop - 60
  • custom.largeDesktop - 60
Text
  • theme - narrow
  • subtitle - Performance has been redefined as the new Corolla Quest has a more powerful 1.8 litre four-cylinder petrol engine with an impressive 103kW output of power at 6400 r/min, and peak torque of 173Nm at 4000 r/min. It not only delivers on performance, but efficiency too, consuming from as little at 6.4 litres* per 100 km and emitting 165 grams* of CO₂ per km.
  • 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 - Technology
  • title - Technology Is Key
  • subtitle - The new Corolla Quest values your desire for quality tech. The range-topping Quest Exclusive features Cruise Control and a Push Start button, while the 7-inch infotainment touchscreen incorporates a DVD player, Bluetooth and USB connectivity, ensuring you never miss a beat.
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/clp5n0c3i02bpr6aku2dfi8s3-corolla-quest-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 - High-Spec Tech
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>The Corolla Quest is more advanced with world-class technology like a reverse camera*, Smart Entry*, as well as cruise control*.</p> <p><sub>*Available on selected models</sub></p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clphaee6c06apx0ak12napxcf-corolla-quest-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 - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Safety
  • title - Leave Your Worries Behind
  • subtitle - Stay in control in the new Corolla Quest with improved emergency and convenience intervention features on all models, such as Vehicle Stability Control (VSC) to ensure straight-line stability even during emergency manoeuvres; Hill Assist Control (HAC) for trouble-free uphill starts; Brake Assist (BA); Anti-Lock Braking System (ABS) and Electronic Brake Force Distribution (EBD) which keep you in control and bring you to a stop, in time and safely. <br><br>In addition to the safety features, the all-new Corolla Quest models are also now fitted with intelligent LED daytime running lights for optimum visibility in all conditions, and a follow-me-home option is available on selected models. To keep occupants safe, the Corolla Quest is equipped with driver, passenger front and driver’s knee airbags which are standard on all models.
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/clp5n67fh02gvr6akgm53fxpk-corolla-quest-safety-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 - In addition to safety features, the all-new Corolla Quest models are now fitted with intelligent LED daytime running lights for optimum visibility in all conditions, and a follow-me-home option is available on selected models. To keep occupants safe, the Corolla Quest is equipped with driver, passenger front and driver’s knee airbags, which are standard on all models.
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 - 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 tyre grip under braking, increasing stability and vehicle control, all the while managing weight distribution.</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 - 2
  • theme - narrow
  • iconWithTextData -
    • iconWithTextData.[0].title - Vehicle Stability Control (VSC)
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Ensures straight-line stability even during emergency manoeuvres.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Hill Assist Control (HAC)
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>For trouble-free uphill starts.</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 - Look And Feel Good
  • subtitle - Both stylish and practical from the inside out, the new Corolla Quest turns heads. The Prestige and Exclusive models come with 16-inch alloy wheels in an attractive new design, while the inside comes with a 60/40 split rear seat, integrated cup holders, and the option of partial leather trim seats on selected models.
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/clpq0prc40d0m6zakfyzu7axg-corolla-quest-design-hero-1920x1080.full.jpg

Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Text
  • theme - product
  • miniTitle - Feature Picture Gallery
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

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

    • imageTilesData[0].heading[0].heading - Led Headlights Follow Me Home Light Control System*
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 40
    • imageTilesData[0].tooltips[0].left - 15
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptlqt1s013cn4akaj6k1wv2-corolla-quest-design-ig-02.full.jpg

    • imageTilesData[1].heading[1].heading - Reverse Camera*
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 60
    • imageTilesData[1].tooltips[1].left - 50
    • imageTilesData[2].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptlqszp013bn4ak0bcjg4c4-corolla-quest-design-ig-03.full.jpg

    • imageTilesData[2].heading[2].heading - Electrochromatic (EC) Rear View Mirror*
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top - 24
    • imageTilesData[2].tooltips[2].left - 58
    • imageTilesData[3].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptlqt8h013dn4ak30rrhm0t-corolla-quest-design-ig-04.full.jpg

    • imageTilesData[3].heading[3].heading - Auto Door Lock*
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 39
    • imageTilesData[3].tooltips[3].left - 90
Text
  • theme - default
  • 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
Gallery
  • galleryData
  • galleryData[0]
  • galleryData.tabLabel - Exterior
  • gallery[0].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Toyota Corolla Quest Exterior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptvh7z9063iusakt0s4lcaq-corollaquestexterior1.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptvld8106eausak3ybkwptc-corollaquestexterior2.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqvgn1s04dx0in0mgaj024o-0101010109-exterior-1.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqvgmz204dw0in0k94eizcq-0101010109-exterior-4.full.jpg

    • imageGalleryItems[4].slideTitle - Toyota Corolla Quest Exterior Back View
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqvgq6404dy0in0jhsglyo4-0101010109-exterior-5.full.jpg

    • imageGalleryItems[5].slideTitle - Toyota Corolla Quest Exterior
    • imageGalleryItems[5].slideCaption -
    • imageGalleryItems[5].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqvgt3i04e70in0266dzd2p-0101010109-exterior-6.full.jpg

    • imageGalleryItems[6].slideTitle - Toyota Corolla Quest Exterior Front View
    • imageGalleryItems[6].slideCaption -
    • imageGalleryItems[6].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqvh1rm04ed0in09xeu536y-0101010109-exterior-7.full.jpg

    • imageGalleryItems[7].slideTitle - Toyota Corolla Quest Exterior
    • imageGalleryItems[7].slideCaption -
    • imageGalleryItems[7].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqvgzbe04ec0in0lalc95p3-0101010109-exterior-8.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqvptul04fw0in05tfxah1c-0101010109-interior-1.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqvpvbp04fz0in0zd492wst-0101010109-interior-2.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgqvpua304fx0in0izqdp4kq-0101010109-interior-3.full.jpg

    • imageGalleryItems[3].slideTitle - Toyota Corolla Quest Interior Back Seats
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

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

  • galleryData[2]
  • galleryData.tabLabel - Interior Trim
  • gallery[2].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Corolla Quest Red Prestige Back Seats
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpty2rq802eel8akmukggqa8-corollaquestinteriortrim1.full.jpg

    • imageGalleryItems[1].slideTitle - Corolla Quest Plus Prestige Exclusive Black Seats
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpty2qgv02e9l8ak8odf7k3r-corollaquestinteriortrim2.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 - <p><strong>Side moulding</strong></p> <p>Add style and protection to your vehicle's doors with the Body Side Mouldings.</p> <p><sub>*Available on selected models</sub></p> <p> </p> <p><strong>Toyota safety film kit (150 micron)</strong></p> <p>Quality 150 micron safety film available in clear 50% or 35% variants.</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-quest/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 - true
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpjy1sa903qy1dak6j5wdbe0-corolla-quest-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