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


Coaster

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - COASTER
  • description - Coaster Move More
  • backgroundImage -
  • buttons[0].defaultButton
    • buttons[0].button.linkLabel - Enquire Now
    • buttons[0].button.linkUrl - https://buynow.e-toyota.co.za/toyota/enquire-now
    • buttons[0].button.linkWindow - true
  • slides
    • slides[0].title -
    • slides[0].subtitle - COASTER
    • slides[0].description - Move More
    • slides[0].video - https://devtoyotaflumemedia.blob.core.windows.net/videos/toyota-banners/Coaster-14Dec2023.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 - Do More With The Toyota Coaster. Move more people, more comfortably, more often
  • subtitle - The Toyota Coaster is a 23-seater bus making waves in the midi-bus category with its sleek and modern design. It's built for maximum comfort and convenience, so passengers can enjoy more space, value, and utility.
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 - More Capability
  • subtitle - The Coaster finds itself in the midi-bus category, making it bigger than a shuttle or your conventional minibus taxi. Passengers will enjoy more seating, space, and utility while experiencing a ride that offers both comfort and convenience on the road.
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/clp59ainq00wr31akagc8bqou-coaster-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 - With power steering for effortless manoeuvring and enhanced comfort, the Coaster’s turning circle of 6.5 m ensures easy steering on both models. Its body structure has been optimally designed to achieve a high level of rigidity without sacrificing ride comfort. The front has been fitted with a double-wishbone suspension, while the rear is fitted with a leaf spring suspension. By giving greater control to the driver, this advanced suspension system keeps the journey smooth and passengers happy.
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Convenience
  • title - More Features, More Functionality
  • subtitle - In the all-new Toyota Coaster, both passengers and drivers alike can enjoy a Display Audio* system with Bluetooth* functionality, auxiliary input, CD*, USB*, as well as Toyota Connect functionality. Whether driving or commuting, everyone can do so in comfort, thanks to air-conditioning vents and heating above all seats. Drivers can also power up with the 12V (front) power socket so no matter how long the commute, they can always stay connected.
  • htmlTextData.content.items[0].content - <p><sub>*Available on selected models</sub></p>
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/clpwpm6w200qzatakhmuzi9ge-coaster-convenience-hero-1920x1080.full.jpg

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 - Comfort and Convenience
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>Enjoy more seating, space and utility while experiencing a ride that offers both comfort and convenience on the road. </p>
Image
  • textWithImageData.image -

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

  • textWithImageData.imgPosition - left
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Telematics Device
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>All new Toyota vehicles now come fitted standard with a telematics device that opens up a whole new world of connected features. </p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpgyzqkp023aboaky6l32u99-coaster-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 - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Storage
  • title - Space For More
  • subtitle - In the Toyota Coaster both the cabin and the cockpit area offer a number of storage compartments for passenger and driver convenience. The luggage bay has even been redesigned to optimise space for standing passengers so that they can do so more comfortably while still providing enough space to stow away bags.
  • 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 Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpwpm6xk00r0atake2f1sefo-coaster-storage-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 - Styling
  • title - More Seating For Maximum Comfort
  • subtitle - Enjoy more space and comfort in the interior cabin of this premium passenger vehicle. Featuring a 23-seating configuration with grey PVC floor trim and grey PVC or fabric* seat trim, the Coaster offers maximum seating capacity without compromising on individual passenger comfort.
  • 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 Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpwpm6qj00qyatak8rh94iba-coaster-interior-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 Coaster finds itself in the midi-bus category, making it bigger than a shuttle, or your conventional minibus taxi. It’s built to move large groups of people comfortably, whether it be school or tour groups. Passengers will enjoy more seating, space and utility while experiencing a ride that offers both comfort and convenience on the road.
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/clptrlmhq01xcusak1th50fy4-coaster-design-ig-01.full.jpg

    • imageTilesData[0].heading[0].heading - 23 Seater Premium Passenger Vehicle
    • 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/clptrlqjq01xfusakt45014xv-coaster-design-ig-02.full.jpg

    • imageTilesData[1].heading[1].heading - Air-Conditioning Vents And Heating Above All Seats
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 50
    • imageTilesData[1].tooltips[1].left - 40
    • imageTilesData[2].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrlqme01xgusakoe6d1y32-coaster-design-ig-03.full.jpg

    • imageTilesData[2].heading[2].heading - Display Audio* System With Bluetooth* Functionality, Auxiliary Input, CD*, USB*
    • imageTilesData[2].content[2].content - As well as Toyota Connect functionality.
    • imageTilesData[2].tooltips[2].top - 40
    • imageTilesData[2].tooltips[2].left - 40
    • imageTilesData[3].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptrlr3n01xhusakj4xm6d14-coaster-design-ig-04.full.jpg

    • imageTilesData[3].heading[3].heading - Redesigned Luggage Space
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 44
    • imageTilesData[3].tooltips[3].left - 44
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 Coaster Exterior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckp43xgynlj8w0qntwi70x4sq-coaster-exterior-10.full.jpg

    • imageGalleryItems[1].slideTitle - Toyota Coaster Exterior
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

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

    • imageGalleryItems[2].slideTitle - Toyota Coaster Exterior
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckp43x1b7lj720qnteqcp5lmg-coaster-exterior-3.full.jpg

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

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

    • imageGalleryItems[4].slideTitle - Toyota Coaster Exterior Side View
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

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

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

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

    • imageGalleryItems[6].slideTitle - Toyota Coaster Exterior
    • imageGalleryItems[6].slideCaption -
    • imageGalleryItems[6].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckp43xgeulj8u0qntw82bv9zn-coaster-exterior-9.full.jpg

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

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

    • imageGalleryItems[1].slideTitle - Toyota Coaster Interior Luggage Storage
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

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

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

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

    • imageGalleryItems[3].slideTitle - Toyota Coaster Interior Air Conditioner
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpucqasc06ucl8akgzq1c5ch-coasterinterior4.full.jpg

    • imageGalleryItems[4].slideTitle - Toyota Coaster Interior
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpucqawy06udl8akayszebc8-coasterinterior5.full.jpg

    • imageGalleryItems[5].slideTitle - Toyota Coaster Interior
    • imageGalleryItems[5].slideCaption -
    • imageGalleryItems[5].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpucqayz06uel8ak6ord0uqz-coasterinterior6.full.jpg

Spacer
  • seperator -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Text
  • theme - product
  • miniTitle - Accessories
  • title - Time To Get More
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Featured Accessories
  • textWithImageData.theme - default
  • textWithImageData.description - <p><strong>Towbar </strong></p> <p>The Towbar with harness enables hassle-free towing. </p> <p><sub>*Available on selected models</sub></p> <p> </p> <h6><strong>Toyota Safety Film:150 Micron </strong></h6> <p>Quality 150-micron safety film keeps shattered glass in place in the event of an accident.</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/coaster/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/clpjy9nfe041l1dakbzg5pc93-coaster-accessories-601x460.0.121.1202.676.full.png

  • textWithImageData.imgPosition - left
Text
  • theme - default
  • htmlTextData.content.items[0].content - <p><sub>Accessories sold separately</sub></p>
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
Tabbed Gallery with tooltips (Flume)
  • Title - Test
  • imageTilesData
    • imageTilesData[0].image -
    • imageTilesData[0].heading[0].heading -
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top -
    • imageTilesData[0].tooltips[0].left -