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


Toyota Starlet

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - TOYOTA STARLET
  • description - There's Space For Every Fun
  • backgroundImage -
  • slides
    • slides[0].title -
    • slides[0].subtitle - TOYOTA STARLET
    • slides[0].description - Space For Every Fun
    • slides[0].video - https://devtoyotaflumemedia.blob.core.windows.net/videos/toyota-banners/ToyotaStarlet-vehicle.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 - There’s Space For Every Fun In The Toyota Starlet
  • subtitle - The Toyota Starlet is serving space for every fun… Whatever that means to you. With a zippy 1.5ℓ engine, loads of room to fill every adventure, and smart tech like Apple CarPlay and Android Auto – it's made to make every drive a vibe.
  • 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 - Skrrr-skrrr-vroom Kinda Fun
  • subtitle - Get to your fun much quicker in the Toyota Starlet, packed with 77 kW of power at 6,000 r/min and 138 Nm of torque at 4,400 r/min. It’s fuel-friendly too, consuming just 5.4ℓ/100 km in the 5-speed manual-equipped models and 5.7ℓ/100 km for the automatic model.
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Single Video (Flume)
  • Video URL - https://devtoyotaflumemedia.blob.core.windows.net/videos/toyota-banners/animation_1.MP4
  • Theme - light
  • Theme - stretched
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 - Safety That Maximises Your Play
  • subtitle - Your trip, your fun, your way – that’s the Toyota Starlet energy. Built to give you convenience – while you chase your fun. Featuring rear Park Distance Control, Cruise Control*, a reverse camera*, a Push Start ignition*, a front armrest that slides out to give you extra comfort, as well as Apple CarPlay and Android Auto so that you’re always connected to the vibes.
  • 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 Video (Flume)
  • Video URL - https://devtoyotaflumemedia.blob.core.windows.net/videos/toyota-banners/Starlet%20concert%20comp.mp4
  • Theme - light
  • Theme - stretched
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 - When it comes to enjoying in-car entertainment, the Starlet puts the fun in functional. Its smart infotainment system connects seamlessly to Apple CarPlay and Android Auto, with USB and Bluetooth connectivity for non-stop streaming through six* crisp speakers. It also comes with free 25GB in-car Wi-Fi through Toyota Connect – making sure every drive is powered, plugged-in, and entertaining. Toyota Connect links effortlessly to the MyToyota App** so you can stay connected both on and off the road.
  • htmlTextData.content.items[0].content - <p><sub>*Available on selected models</sub></p>
Spacer
  • seperator -
  • theme - gray
  • spacerType - custom
  • custom.mobile - 10
  • custom.tabletPortrait - 60
  • custom.tabletLandscape - 60
  • custom.desktop - 60
  • custom.largeDesktop - 60
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Your Version Of Fun Is A Touch Away
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>Scroll through your favourite tunes to keep your fun fresh with the Display Audio touchscreen that seamlessly connects to smart devices via Apple CarPlay or Android Auto. It also offers USB and Bluetooth connectivity.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmems5tk54npd4iak38b8n1ht-dscf4288-ret-mammoth-1920x1080.0.0.1920.1080.full.jpg

  • textWithImageData.imgPosition - left
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - interactiveRiveBlock
  • hardcodedContent.kintoCalculatorType - personal
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Fun Is En Route
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.video - https://devtoyotaflumemedia.blob.core.windows.net/videos/toyota-banners/STARLET_StartingLine_V1.mp4
  • textWithImageData.description - <p>Finding your next adventure should feel just as good as the destination. That’s why the Starlet is packed with features to make every drive smoother, safer, and more comfortable — like Rear Park Distance Control, Cruise Control*, a reverse camera*, Push Start Ignition*, and a sliding front armrest for that extra touch of laid-back ease.</p> <p><sub>*Available on selected models</sub></p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmemsu4974q894iak0fmxa0rf-starlet-000130-ret-1920x1080.0.0.1920.1080.full.jpg

  • textWithImageData.imgPosition - right
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 - Smart Safety. Free Fun!
  • subtitle - Looking for a car that’s fun-first and safety-always? The Toyota Starlet is it.
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/toyota-banners/Starlet_Cinemagraph%20Fix.mp4
  • Theme - light
  • Theme - stretched
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - narrow
  • subtitle - Safety Features In The Starlet Include:
  • htmlTextData.content.items[0].content - <p> </p> <p>• Rear Park Distance Control (PDC) to scan behind the vehicle for nearby stationary objects.<br /> • Six airbags (Side, rear, curtain*, drivers and passenger side) for extra safety.<br /> • Vehicle Stability Control (VSC) to keep the driver in control and the vehicle pointing straight on slippery surfaces.<br /> • And Hill-Assist Control (HAC) to prevent the vehicle from rolling back when your fun inclines.</p> <p> </p> <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
Slider deck
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards - true
  • number of columns - 2
  • theme - narrow
  • iconWithTextData -
    • iconWithTextData.[0].title - Anti-Lock Braking System (ABS)
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Modulates excess brake pressure, allowing for continued tyre rotation under extreme braking conditions. This prevents excessive pressure that could lock the brakes and induce a loss of control.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Electronic Brake-Force Distribution (EBD)
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>Distributes braking force to each corner to allow for variances in weight distribution and tyre grip under braking, increasing stability, stopping distance and improving vehicle control.</p>
    • ------------------------------------------------------------------------
Slider deck
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards - true
  • number of columns - 2
  • theme - narrow
  • iconWithTextData -
    • iconWithTextData.[0].title - Rear Park Distance Control (PDC)
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Rear Park Distance Control (PDC) uses sensors to scan behind the vehicle for nearby stationary objects. Upon detection, a beeper sounds inside the cabin to alert the driver of a potential impact.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Wireless Door Locking
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>R models that have wireless door locking and unlocking, all Starlet models are installed with security technology that lock and unlock all doors by remote control, an alarm and an immobiliser.</p>
    • ------------------------------------------------------------------------
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - windscreenAnimation
  • hardcodedContent.kintoCalculatorType - personal
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 - Design That Fits Every Fun
  • subtitle - Turn heads while you turn corners. The Toyota Starlet’s liquid flow design creates a dynamic, energetic silhouette inspired by the effortless movement of liquid, perfectly balancing elegance and athleticism. Every detail is crafted with style and beauty in mind. From the LED projector headlamps* to the LED daytime running lights*, the Starlet embodies sharp, modern design. Add to this the striking 16” alloy* wheels with a design that perfectly complement the chrome* door handles, and you have a bold design that is not only fun to drive, but also fun to look at.
  • htmlTextData.content.items[0].content - <p><br /></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/toyota-banners/animation_3.MP4
  • Theme - light
  • Theme - stretched
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - narrow
  • subtitle - Boldness comes standard through the equipping of LED projector headlamps* complemented by LED daytime running lights*. The Toyota Starlet also features 16” alloy* wheels featuring a striking turbine design that matches its chrome* door handles.
  • 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 - Feature Picture Gallery
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmemmvok145194iakfwllxnnq-expedition-outreach-7.full.jpg

    • imageTilesData[0].heading[0].heading - Power Auto Retractable Side Mirrors*
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 29
    • imageTilesData[0].tooltips[0].left - 29
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmemnm9mn47jg4iak5ll9xigg-starlet-000101-ret-1920x1080.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmemmwk07454q4iak3198iwv8-expedition-outreach-6.full.jpg

    • imageTilesData[2].heading[2].heading - Push Start Starting System*
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top - 46
    • imageTilesData[2].tooltips[2].left - 92
    • imageTilesData[3].image -

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

    • imageTilesData[3].heading[3].heading - LED Headlights*
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 34
    • imageTilesData[3].tooltips[3].left - 49
Text
  • theme - narrow
  • htmlTextData.content.items[0].content - <p class="font-toyota-display-regular leading-body-copy-small max-w-screen-lg ml-auto mr-auto px-8 text-darkest-grey text-xs tracking-normal">*Available on selected models</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 - Starlet Exterior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmems6x6f4nus4iakvsv7kt1m-starlet-1074-ret-1920x1080.full.jpg

    • imageGalleryItems[1].slideTitle - Starlet Exterior
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmemnm9mn47jg4iak5ll9xigg-starlet-000101-ret-1920x1080.full.jpg

    • imageGalleryItems[2].slideTitle - Starlet Exterior
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmh4is8hefpvy8pak2z8cn65l-starlet-banner.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmemmt6ub44qo4iakczlxz6c2-expedition-outreach-3.full.jpg

    • imageGalleryItems[4].slideTitle - Starlet Exterior
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmemmp7v5447j4iak9jwzeyyn-expedition-outreach-1.full.jpg

    • imageGalleryItems[5].slideTitle - Starlet Exterior
    • imageGalleryItems[5].slideCaption -
    • imageGalleryItems[5].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmemmu82q44v04iakad0k0od3-expedition-outreach-4.full.jpg

    • imageGalleryItems[6].slideTitle - Starlet Exterior
    • imageGalleryItems[6].slideCaption -
    • imageGalleryItems[6].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmemsu4974q894iak0fmxa0rf-starlet-000130-ret-1920x1080.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmemnquf647zo4iakqlwptk82-dash-ret-comp-music-bkg-1920x1080.full.jpg

    • imageGalleryItems[1].slideTitle - Starlet Interior
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmems5tk54npd4iak38b8n1ht-dscf4288-ret-mammoth-1920x1080.full.jpg

    • imageGalleryItems[2].slideTitle - Starlet Interior
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmems6ckf4ns94iak72eafnzi-seats-ret-comp-mammoth-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 - Add More Shimmer To Your Style
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 is available in clear 50% or 35% variants. </p> <p><sub>*Available on selected models</sub></p> <p> </p> <h6><strong>Headlamp protection film: clear</strong></h6> <p>Protects your valuable headlamps from stone chips.</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/toyota-starlet/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/cmhdwblrfe0049iakgmdh4gzc-accessoriesstarlet.0.81.800.450.full.jpg

  • 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 - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
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