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


Toyota Urban Cruiser

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - URBAN CRUISER
  • description - Be Boldly Curious
  • 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 - TOYOTA URBAN CRUISER
    • slides[0].description - Be Boldly Curious
    • slides[0].video - https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiivo16e5c0spkakmlgybmq9-urban-cruiser-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?range_code=0101010258
      • buttons[0].button.linkWindow - true
      • buttons[1].button.linkLabel - View More
      • buttons[1].button.linkUrl - #
      • buttons[1].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 - WHEN CURIOSITY CALLS
  • subtitle - Roam your city with fearless curiosity in the 1.5-litre Urban Cruiser. It’s your passport to tucked-away treasures, purple jacaranda sunsets, and the joy found in unexpected detours.
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 - BE BOLDLY DRIVEN
  • subtitle - Fuel your fascination and your Urban Cruiser with an ultra-efficient 1.5-litre naturally aspirated four-cylinder petrol engine, engineered for effortless drivability. Delivering an average fuel consumption of just 6.1ℓ/100 km on both the 5-speed manual and 4-speed automatic variants, it strikes the perfect balance between performance and efficiency. Wherever your sense of wonder leads, the Urban Cruiser is ready.
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/cmiioyosx4747pkako9qz3nd6-web-1920-18.full.jpg

Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - product
  • miniTitle - Style
  • title - BE BOLDLY EXPRESSIVE
  • subtitle - Up front, the Urban Cruiser makes a confident statement with its bold black-and-chrome grille, but the real show starts when the lights are switched on. The XR models dazzle with crisp white LED headlamps, while the XS model keeps it cozy with warm, golden halogens.
  • 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/cmiiopaxe45cbpkakr1ssuyut-web-1920-17.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 - From the side, both models strut on prominent 17-inch alloy wheels, while colour-coded, keyless-entry door handles and matching side mirrors, that are electronically adjustable and foldable, adds a finishing touch. Rear passengers get a touch of luxury too, thanks to a handy mesh sunshade.
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 - BE BOLDLY ON THE MOVE
  • subtitle - Excitement begins the moment you walk up to your Urban Cruiser. Smart keyless entry unlocks as you approach and locks as you leave, no fumbling required. Settle into the driver’s seat, hit the Push Start button, activate the Cruise Control* and let every journey unfold effortlessly. When tight spaces call, rear park distance control alerts you to hidden obstacles, making every manoeuvre smoother and more confident.
  • 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/cmiioqjx645kwpkakyyahwlt7-web-1920-1.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 - Why settle for the daily grind when you can cruise through it with flair? The 9-inch touchscreen infotainment system transforms your drive into a digital playground. Stay connected with Apple CarPlay or Android Auto, charge via USB, and enjoy a screen that doubles as your reverse camera, because parking should be as effortless as your playlist.
  • htmlTextData.content.items[0].content - <p> </p> <p> </p> <p> </p>
Text
  • theme - narrow
  • subtitle - And with Toyota Connect standard across the range, you get onboard Wi-Fi, vehicle diagnostics, and a full suite of connectivity features to keep your Urban Cruiser in tune with your world.
  • htmlTextData.content.items[0].content - <p><br /></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 - Touchscreen Infotainment System
  • textWithImageData.theme - default
  • textWithImageData.description - <p>Featuring Apple CarPlay and Android Auto, it mirrors selected apps from your USB-charged smartphone screen and acts as a monitor for the reverse camera.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiiorcfi45ulpkakcfzm2nel-680x460.0.38.680.382.full.jpg

  • textWithImageData.imgPosition - left
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Smart Entry and Wireless Door Lock
  • textWithImageData.theme - default
  • textWithImageData.description - <p>Leave the key in your pocket and your Urban Cruiser will unlock and lock upon approach or departure. Once inside, press the Push Start button to go.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpslbp5r0460zbak72slkq92-urban-cruiser-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 - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - product
  • miniTitle - Storage
  • title - BE BOLDLY ORGANISED
  • subtitle - Inside, versatility meets clever design. The rear seatback features a fold-down centre table for impromptu snack stops or laptop sessions, and the seats fold forward with a 60/40 split to adapt to your plans. Need to haul something big? The generous 373-litre boot space is built for bold moves, from weekend gear to market finds.
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/cmiios22045yypkakn1uxa83p-web-1920-20.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 - Safety
  • title - BE BOLDLY PROTECTED
  • subtitle - The Urban Cruiser keeps safety at the forefront. The XS model includes driver and passenger airbags, while the XR model adds side and curtain airbags for extra peace of mind, so you can explore boldly, knowing you’re protected from every angle. <br></br>Each model also features intelligent safety tech to keep you steady and in control. Anti-Lock Braking (ABS) with Electronic Brake-Force Distribution (EBD), Vehicle Stability Control (VSC), and Hill Assist Control (HAC) work together to maintain confidence on winding streets and steep urban climbs.
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/clpx9jgoh06dm95ak888zb934-urban-cruiser-safety-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 - And with ISOFIX mounting brackets and rear child locks, even your smallest passengers are securely protected as you set off in search of your next hidden gem.
  • 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
Slider deck
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards - true
  • number of columns -
  • iconWithTextData -
    • iconWithTextData.[0].title - Rear Child Lock
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p><br /></p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Immobiliser System
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p><br /></p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[2].title - ISOFIX (Child Restraint System)
    • iconWithTextData.[2].image -
    • ------------------------------------------------------------------------
Spacer
  • seperator -
  • 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/cmiiubsnu543jpkake52cthgr-tooltip-1-edited.full.jpg

    • imageTilesData[0].heading[0].heading - Infortainment System*
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 39
    • imageTilesData[0].tooltips[0].left - 47
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiiotruo469gpkakrqjj41j2-712x296.full.jpg

    • imageTilesData[1].heading[1].heading - Roof Rail* and Roof Spoiler
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 39
    • imageTilesData[1].tooltips[1].left - 45
    • imageTilesData[2].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmix710k10lj4ynakxlyt7eb9-712-x-296.full.png

    • imageTilesData[2].heading[2].heading - Reverse Camera*
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top - 32
    • imageTilesData[2].tooltips[2].left - 25
    • imageTilesData[3].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiyhf9842g7jynakkgk00b3t-urban-cruiser-3-4-front-cover-comp-ret.full.jpg

    • imageTilesData[3].heading[3].heading - LED Headlights and Daytime Running Lights
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 52
    • imageTilesData[3].tooltips[3].left - 57
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 Urban Cruiser Exterior Bi-Tone
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiioxbqw46u9pkakn01kasg9-web-1920-4.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiiopaxe45cbpkakr1ssuyut-web-1920-17.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiioy3gc46z2pkakoxpdv48z-web-1920-3.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiioyosx4747pkako9qz3nd6-web-1920-18.full.jpg

    • imageGalleryItems[4].slideTitle - Toyota Urban Cruiser Exterior
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiioz8g14789pkakl5lj5kbo-web-1920-26.full.jpg

  • galleryData[1]
  • galleryData.tabLabel - Interior
  • gallery[1].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Toyota Urban Cruiser Interior Seats and Armrest
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiipact049yypkaktgx6wy81-web-1920-19.full.jpg

    • imageGalleryItems[1].slideTitle - Toyota Urban Cruiser Interior Back Seats
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiip8pmd49l3pkakvbqhp3nx-web-1920-22.full.jpg

    • imageGalleryItems[2].slideTitle - Toyota Urban Cruiser Interior Dashboard
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiioqjx645kwpkakyyahwlt7-web-1920-1.full.jpg

    • imageGalleryItems[3].slideTitle - Toyota Urban Cruiser Interior Steering Wheel
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiip7txj49edpkakulya508u-web-1920-2.full.jpg

    • imageGalleryItems[4].slideTitle - Toyota Urban Cruiser Interior Boot Space
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmiip6lmy4937pkakevvdho9j-web-1920-20.full.jpg

Spacer
  • seperator -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Text
  • theme - product
  • miniTitle - Accessories
  • title - For Whatever's Beyond The Horizon
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Featured Accessories
  • textWithImageData.theme - default
  • textWithImageData.description - <h5><strong>Towbar </strong></h5> <p>Towbar with harness enables hassle-free towing </p> <p><sub>*Available on selected models</sub></p> <p> </p> <h5><strong>Boot Mat</strong></h5> <p>Coin rubber mat protects your vehicles original load area carpet </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-urban-cruiser/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/clpjidy100tkcsfakz51q7raj-urban-c-accessories-601x460.0.121.1202.676.full.png

  • textWithImageData.imgPosition - left
Text
  • theme - default
  • htmlTextData.content.items[0].content - <p><sub>Accessories sold separately. Images are for display purposes only.</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