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


Toyota Starlet Cross

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - TOYOTA STARLET CROSS
  • description - Own It
  • backgroundImage -
  • slides
    • slides[0].title -
    • slides[0].subtitle - TOYOTA STARLET CROSS
    • slides[0].description - Own It
    • slides[0].video - https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clz13hvov9cuad4akkdin1q9u-startlet-cross-update-compressed.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 - Own It In The Toyota Starlet Cross
  • subtitle - Introducing the Toyota Starlet Cross, a sleek and stylish compact SUV made for you to own the road. From its state-of-the-art technology keeping you connected on any journey, to its striking looks, the Toyota Starlet Cross leaves its drivers feeling confident and in control.
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 - Style
  • title - Own It From Every Angle
  • subtitle - Stylish and incredibly capable, the Toyota Starlet Cross is ready to hit the road. Its athletic silhouette, coupled with bold features, including a matte black honeycomb grille, sleek LED headlamps, glossy wheel arch extensions, decorative roof-rails and 16-inch alloy wheels further accentuate its unique exterior. With a wide array of colour options to choose from – including six monochrome hues and three bi-tones with a contrasting black roof and Auto-folding matching side mirrors*, the Toyota Starlet Cross will have you feeling your best whenever you’re behind the wheel.
  • htmlTextData.content.items[0].content - <p>*Available on select models only.</p>
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/cmhlrhqf55phsmnakce6xgo7v-starletcross-index2-1.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 - Convenience
  • title - Confidence Meets Comfort
  • subtitle - With an impressive suite of features, the Toyota Starlet Cross is sure to have you owning the day. Interior features include an electronic push/start system*, cruise control, and the latest in car entertainment technology with a 7” (Xs) or 9” (XR) display audio touchscreen equipped with Apple CarPlay and Android Auto. With a reverse camera and rear parking sensors, as well as auto lights with Follow-Me-Home functionality available, you’re sure to have peace of mind on any drive.
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/clywxajpj48z4d4ak4vdvmzmq-starlet-cross-dash-ret-bkg-no-air-bags-min.full.jpg

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 - Stay in Control
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>Step into convenience with the Toyota Starlet Cross and its class-leading technology. With features like Heads-Up Display* and a 360-degree Panoramic View Monitor*, you can stay in control every step of the way. <br />  </p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmhlrmoqd5q8gmnak07o2ny6r-sc-in-control-side.0.0.899.506.full.jpg

  • textWithImageData.imgPosition - right
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Hands Free. Stress Free.
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>A seamless blend of tech and convenience, you can stay connected in the Toyota Starlet Cross with the simple touch of a button. Enjoy a touchscreen infotainment system, offering USB and Bluetooth connectivity, and linking to Android Auto and Apple CarPlay via your smart device. With Wireless Charging available and conveniently located on XR models, you’ll never have to worry about a flat phone battery. </p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clytsji9f17o8d4akh59mpls6-1364x920px-pillar-2-convenience-wireless-charging.0.76.1364.767.full.jpg

  • textWithImageData.imgPosition - left
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 - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - product
  • miniTitle - Performance
  • title - Powering Your Journey
  • subtitle - The Toyota Starlet Cross is fitted with a 1.5-litre four-cylinder engine that delivers a maximum 77kW of power and 138Nm of torque, ensuring you own it on any drive. Fuel consumption comes in at an impressive 5.6ℓ/100km for manual transmission models and 5.8ℓ/100km for automatic models.
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmhlrpg7j5qmimnak1shffsyx-sc-index-2.full.jpg

Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Text
  • theme - product
  • miniTitle - Safety
  • title - Stay Safe. Stay Confident.
  • subtitle - The Toyota Starlet Cross has everything that you want and need to keep you safe, giving you peace of mind on the road. All Toyota Starlet Cross models are fitted with driver and passenger airbags. The models are also fitted with additional curtain and side airbags, as standard. Other standard features in the vehicle include ISOFIX (child restraint system) and an alarm/immobiliser system, giving every passenger an added layer of protection.
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/cmhlrrxcb5r4cmnak6jqi39j6-starletc-airbags.full.jpg

  • Disclaimer - *Image shown for illustrative purposes only.
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 - Anti-Lock Braking System (ABS)
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Modulates brake pressure to allow for a continued tyre rotation in the instance of extreme braking, bringing you to a safe and timely stop.</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>
    • ------------------------------------------------------------------------
Spacer
  • spacerType - custom
  • custom.mobile - 40
  • custom.tabletPortrait - 0
  • custom.tabletLandscape - 0
  • custom.desktop - 0
  • custom.largeDesktop - 0
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>Designed to assist the driver in maintaining stability in steering control while driving the vehicle during manoeuvres that could cause a loss of traction and directional control.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Hill Assist Control (HAC)
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>An automated feature activated when coming to a full stop on an incline, preventing your car from rolling back upon release of the brakes.</p>
    • ------------------------------------------------------------------------
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Text
  • theme - product
  • miniTitle - Feature Picture Gallery
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmev2lfqc1nzt4yaktse0hsp4-artboard-3.full.jpg

    • imageTilesData[0].heading[0].heading - Heads-Up Display*
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 3
    • imageTilesData[0].tooltips[0].left - 50
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmf3zs27e6trqfdak3etcn6fb-1458x662-artboard-resize.full.png

    • imageTilesData[1].heading[1].heading - Daytime Running Lights*
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 35
    • imageTilesData[1].tooltips[1].left - 60
    • imageTilesData[2].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmev2osxb1ogm4yaknb1f1ce1-artboard-5.full.jpg

    • imageTilesData[2].heading[2].heading - Retractable Side Mirrors*
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top - 50
    • imageTilesData[2].tooltips[2].left - 66
    • imageTilesData[3].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmf3zskfu6ttffdak6qvk5bwu-1458x1012-artboard-resize.full.png

    • imageTilesData[3].heading[3].heading - 360 Monitor with Reverse Camera*
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 50
    • imageTilesData[3].tooltips[3].left - 36
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 - Interior
  • gallery[0].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Toyota Starlet Cross Front Seats
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clywxajg448z2d4akbwqrly01-starlet-cross-front-seats-ret-bkg-min.full.jpg

    • imageGalleryItems[1].slideTitle - Toyota Starlet Cross AT Shift Lever
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clyeg9s4a06ol3takatz5ydds-3840x2160px-image-gallery-slider-interior-4.full.png

    • imageGalleryItems[2].slideTitle - Toyota Starlet Cross Dashboard
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clywxajpj48z4d4ak4vdvmzmq-starlet-cross-dash-ret-bkg-no-air-bags-min.full.jpg

    • imageGalleryItems[3].slideTitle - Toyota Starlet Cross Rear Seats
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clywxakuf48zcd4akpovqldut-starlet-cross-back-seats-ret-bkg-min.full.jpg

  • galleryData[1]
  • galleryData.tabLabel - Exterior
  • gallery[1].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Toyota Starlet Cross Front View
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clywxamlg48zhd4ak4w0r6o3i-starlet-cross-front-comp-ret-min.full.jpg

    • imageGalleryItems[1].slideTitle - Toyota Starlet Cross Rear View
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clyegnrv407f83takt299n0oa-3840x2160px-image-gallery-slider-exterior-4.full.png

    • imageGalleryItems[2].slideTitle - Toyota Starlet Cross Side View
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clywxamtk48zid4aky7torpr8-starlet-cross-side-profilecomp-ret-min.full.jpg

    • imageGalleryItems[3].slideTitle - Toyota Starlet Cross Side View
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clywxapma48ztd4akedown7bs-starlet-cross-3-4-front-comp-ret-min.full.jpg

    • imageGalleryItems[4].slideTitle - Toyota Starlet Cross Rear View
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clywxalos48zfd4akxshz1sgo-starlet-cross-rear-comp-ret-min.full.jpg

Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
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
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - modelPriceSummary
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - findADealer
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - relatedVehicleSelector
Spacer
  • seperator -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150