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


Hilux Xtra Cab

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - XTRA CAB
  • description - The New Hilux Raider
  • 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
  • buttons[1].defaultButton
    • buttons[1].button.linkLabel - Watch Full Video
    • buttons[1].button.linkUrl - https://www.youtube.com/@ToyotaBlogs
    • buttons[1].button.linkWindow - false
  • slides
    • slides[0].title -
    • slides[0].subtitle -
    • slides[0].description -
    • slides[0].video - https://toyota2023frontend.blob.core.windows.net/toyotacms23/videos/Legend 55 Cinemagraph 1-1.m4v
    • 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 - It’s the new Hilux Legend 55
  • subtitle - The Legend continues. Whatever your needs, there’s a Legend for you. As South Africa’s most-loved pick-up, the Legend 55 is the fifth in an exclusive lineage of anniversary Hilux vehicles released once every five years. Whether you’re a business owner, or an off- road explorer, you’ll find what you’re looking for.
Two column cards - hilux range cards
  • componentType - hiluxRangeTabsCards
  • showPagination - true
  • hiluxRangeTabsData -
    • hiluxRangeTabsData[0].title - Single Cab
      • hiluxRangeTabsData.cards[0].hiluxModelPageLink - hilux-single-cab
      • hiluxRangeTabsData.cards[0].hiluxmodelImage -
    • hiluxRangeTabsData[1].title - Double Cab
      • hiluxRangeTabsData.cards[0].hiluxModelPageLink - hilux-double-cab
      • hiluxRangeTabsData.cards[0].hiluxmodelImage -
    • hiluxRangeTabsData[2].title - Xtra Cab
      • hiluxRangeTabsData.cards[0].hiluxModelPageLink - hilux-xtra-cab
      • hiluxRangeTabsData.cards[0].hiluxmodelImage -
    • hiluxRangeTabsData[3].title - Custom Builds
      • hiluxRangeTabsData.cards[0].hiluxModelPageLink - hilux-custom-builds
      • hiluxRangeTabsData.cards[0].hiluxmodelImage -
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Text
  • theme - product
  • title - Explore Hilux Range
  • subtitle - It’s not a bakkie, it’s a Hilux. The Hilux Xtra Cab is ready for any task and any terrain. Whatever you’re looking for there’s a Hilux Xtra Cab for you.
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
  • hardcodedContent.kintoCalculatorType - personal
Text
  • theme - product
  • miniTitle - Legendary Performance
  • title - The Legend continues with the Hilux Legend 55.
  • subtitle - Take control with performance that’s born to lead and built to last. The Hilux Legend 55 is powered by Toyota’s legendary 2.8- litre, turbodiesel four-cylinder GD-6 engine that sends power to either two- or all four* wheels via the convenience of a 6-speed automatic gearbox. <br><br>Balancing performance with efficiency, the Hilux Legend 55’s GD-6 engine produces 150 kW of power between 3000-3400 r/min and 500 Nm of torque from a low 1600- 2800 r/min to deliver maximum muscle when towing or overtaking. <br><br>Challenge accepted. And conquered. <br><br>*Model dependent
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 60
  • custom.largeDesktop - 60
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cmfv1huxtldovdgaka7lzkvdo-legend-continues-1920-x-1080.full.png

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 fit for a Legend
  • subtitle - Legendary connectivity and accessibility come standard in the new Hilux Legend 55. Stay conveniently connected with Bluetooth and USB compatibility, while Apple CarPlay and Android Auto also links to an 8-inch touchscreen multimedia system. As for sound, up to 6 speakers* ensure high quality, state-of-the-art sound that elevates your driving soundtrack. <br><br>* Available on selected models
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/cmfv2djdcliujdgak9g9fxyvp-technology-fit-for-a-legend.full.png

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 - The Steering switch* also comes equipped with audio, telephone, voice recognition, multi-info display, adaptive cruise control, and lane departure alert ensuring you never take your eyes off the road.
  • htmlTextData.content.items[0].content - <p><sub>   *Available on selected models</sub></p>
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 - Safety
  • title - Toyota Safety Sense
  • subtitle - You can now discover the joy of adventure in the Hilux Xtra Cab Legend 55, knowing your loved ones are protected. Experience world-class safety with Toyota Safety Sense* with an active safety package that includes a pre-crash system, lane departure alert, and adaptive cruise control.
  • 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 -
  • theme - narrow
  • iconWithTextData -
    • iconWithTextData.[0].title - Safety Sense 3.0 package
    • iconWithTextData.cardContent.items[0].content - <p>The Hilux Legend 55 is equipped with the Toyota Safety Sense 3.0 package, including lane keeping with departure assist and adaptive cruise control.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Legendary pre-emptive safety
    • iconWithTextData.cardContent.items[0].content - <p>Take pre-emptive safety to a legendary level with the Hilux Legend 55, with a pre-crash system to protect you from unexpected incidents.</p>
    • ------------------------------------------------------------------------
Slider deck
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards - true
  • number of columns -
  • theme - narrow
  • iconWithTextData -
    • iconWithTextData.[0].title - Stable on any road
    • iconWithTextData.cardContent.items[0].content - <p>Keep stable on the road during acceleration, turning and braking with ABS, brake assist, EBD, Traction Control, Vehicle Stability Control and Hill Start Assist.</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Locking and hydraulic tailgate
    • iconWithTextData.cardContent.items[0].content - <p>Combining safety and convenience, the Hilux Legend 55’s tailgate locks automatically with central locking and is hydraulically assisted to enable one-handed opening and closing.</p>
    • ------------------------------------------------------------------------
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - product
  • miniTitle - Legendary Styling
  • title - The Look of a New Legend
  • subtitle - Grab attention in the Hilux Legend 55. The front bash plate is engineered for impact, while the rubberised loadbox and lockable roller shutter protects your cargo. A towbar means you’re always ready to roll. Exclusive badging and 18-inch alloy wheels complete the look.
  • 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/cmfv1nmzclei3dgakrsvwtc71-look-of-a-new-legend-1920-x-1080.full.png

Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • 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/clyikz1g12jfyr4akv5451hkt-hilux-xtra-cab-dscf5043-ret-new.full.png

    • imageTilesData[0].heading[0].heading - New fog bezel
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 52
    • imageTilesData[0].tooltips[0].left - 56
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clyiks2wm2j3tr4akgk09jiv0-hilux-xtra-cab-dscf5417-ret-new.full.png

    • imageTilesData[1].heading[1].heading - Black rear bumper
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 50
    • imageTilesData[1].tooltips[1].left - 28
    • imageTilesData[2].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clyiksmjy2j57r4akqp7bsm08-hilux-xtra-cab-dscf5388-2-ret-opt-new.full.png

    • imageTilesData[2].heading[2].heading - Aggressive Styling
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top - 47
    • imageTilesData[2].tooltips[2].left - 34
    • imageTilesData[3].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clyikszzo2j6fr4ak6aobrcuk-hilux-xtra-cab-dscf5605-ret-extend-new.full.png

    • imageTilesData[3].heading[3].heading - New grill
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 50
    • imageTilesData[3].tooltips[3].left - 30
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 - HILUX Xtra Cab
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clyigic1o2cf2r4ak4kzw80xo-hilux-xtra-cab-dscf5043-ret-new.full.jpg

    • imageGalleryItems[1].slideTitle - HILUX Xtra Cab
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clyigj7j02chvr4akqqycn1vq-hilux-xtra-cab-dscf5388-2-ret-opt-new.full.jpg

    • imageGalleryItems[2].slideTitle - HILUX Xtra Cab
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clyigjsmx2cjxr4akhc359yk6-hilux-xtra-cab-dscf5417-ret-new.full.jpg

    • imageGalleryItems[3].slideTitle - HILUX Xtra Cab
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clyigkte72cmqr4akpnxle4rn-hilux-xtra-cab-dscf5605-ret-extend-new.full.jpg

    • imageGalleryItems[4].slideTitle - HILUX Xtra Cab
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clyiglco12co8r4ak8ze0v9se-hilux-xtra-cab-hilux-xtra-cab-ret-opt-new.full.jpg

  • galleryData[1]
  • galleryData.tabLabel - Interior
  • gallery[1].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Hilux Xtra Cab Interior Black Front Seat
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgs67xq800ms0qmoszj4kh1o-0101020115-xtra-cab-interior-1.full.jpg

    • imageGalleryItems[1].slideTitle - Hilux Xtra Cab Interior Steering Wheel
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgs67xq200mr0qmosvc50vzw-0101020115-xtra-cab-interior-2.full.jpg

    • imageGalleryItems[2].slideTitle - Hilux Xtra Cab Interior
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgs67xq900mt0qmo88vddlho-0101020115-xtra-cab-interior-3.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>Tonneau Cover </strong></h5> <p>Protect your cargo and deck area against all elements Genuine Toyota Tonneau Covers.</p> <p> </p> <h5><strong>Bin Lining</strong></h5> <p>High-density rigid Polyurethane Application protects the deck bed and side panels.</p>
  • textWithImageData.buttons
    • htmlTextData.buttons[0].defaultButton
      • htmlTextData.buttons[0].button.linkLabel - Browse Accessories
      • htmlTextData.buttons[0].button.linkUrl - /vehicles/hilux-xtra-cab/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/clq1zv33a0n46u2akk4pge32s-hilux-xtra-602x460.0.121.1204.677.full.jpg

  • 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 - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
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