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


Hilux Single Cab

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - It's not a bakkie,<br>it's a
  • description - desc
  • backgroundImage -
  • buttons[1].defaultButton
    • buttons[1].button.linkLabel - Enquire now
    • buttons[1].button.linkUrl - https://buynow.e-toyota.co.za/toyota/enquire-now
    • buttons[1].button.linkWindow - false
  • slides
    • slides[0].title -
    • slides[0].subtitle - It's not a bakkie,<br>it's a <span>Hilux Single Cab</span>
    • slides[0].description -
    • slides[0].video - https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/videos/NotAHilux-short.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 - It's Not A Bakkie, It's A Hilux
  • subtitle - The Toyota Hilux is more than just a bakkie - it's a part of South African history and culture. For generations, it's been a trusted companion on farms, building sites, and in family homes. It's a symbol of strength and reliability, woven into the fabric of our country. It's not just a bakkie, it's a Hilux.
Two column cards - hilux range cards
  • componentType - hiluxRangeTabsCards
  • showPagination - true
  • hiluxRangeTabsData -
    • hiluxRangeTabsData[0].title - Single Cab
      • hiluxRangeTabsData.cards[0].hiluxModelPageLink - /vehicles/hilux-single-cab
      • hiluxRangeTabsData.cards[0].hiluxmodelImage -
    • hiluxRangeTabsData[1].title - Double Cab
      • hiluxRangeTabsData.cards[0].hiluxModelPageLink - /vehicles/hilux-double-cab
      • hiluxRangeTabsData.cards[0].hiluxmodelImage -
    • hiluxRangeTabsData[2].title - Xtra Cab
      • hiluxRangeTabsData.cards[0].hiluxModelPageLink - /vehicles/hilux-xtra-cab
      • hiluxRangeTabsData.cards[0].hiluxmodelImage -
    • hiluxRangeTabsData[3].title - Custom Builds
      • hiluxRangeTabsData.cards[0].hiluxModelPageLink - hilux-custom-cab
      • 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 - The Hilux Single Cab can tackle any environment no matter the conditions and stands out from the crowd with its bold exterior and design power.
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 - Legendary Power
  • subtitle - The Hilux Single Cab Raider is dedicated to hard work and never shies away from a challenge. It’s upgraded 2.8-litre turbo-diesel engine will have you powering through as it delivers 150kW of power between 3000-3400 r/min and 500Nm of torque @ 1600-2800 r/min in the 6-speed automatic transmission model.
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/clp5f5r7m00ckc7akokmy04bi-hilux-single-power-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 - Dedicated to hard work, the Hilux Single Cab never shies away from a challenge. Enjoy power from a range of engine sizes such as 2.0-litre and 2.7-litre petrol engines or the 2.4-litre and 2.8-litre diesel engines, and a choice of both 4x2 and 4x4 models. This is the bakkie to command your own destiny and conquer a crisis, seek adventure, get the job done, do what it takes, and not just survive the world, but thrive in it.
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 - Legendary Tech
  • subtitle - Legendary connectivity and accessibility come standard in the Hilux Single Cab Raider. Experience fantastic display technology with an 8.8” display audio* and connect anywhere at any time with Bluetooth, Apple CarPlay* and Android Auto*.
  • 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/clp5f5rgd00clc7ak2idy46jq-hilux-single-tech-hero-1920x1080.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 - The Single Cab Raider's multimedia system is linkable to smart devices through Apple CarPlay* and Android Auto* functionality. When connected via USB*, both interfaces display the smartphone screen on the infotainment screen and link the phone's audio output to the vehicle's speakers. Further convenience is added through the inclusion of manual air conditioning.
  • 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
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Multimedia System
  • textWithImageData.theme - withBackgroundColor
  • textWithImageData.description - <p>Linkable to smart devices through Apple CarPlay and Android Auto functionality.</p>
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpgu1r5402i6vmak8m8j20cj-hilux-single-tech-side-by-side-01-682x460.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 - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - Safety
  • title - Driver Support Systems
  • subtitle - The Hilux Single Cab can tackle any environment no matter the conditions. Experience Limited Slip Differential (LSD)* which assists with traction that keeps the wheels in powered rotation, Hill-Assist Control (HAC)* prevents the vehicle from rolling back and Trailer Sway Control (TSC)* helps keep you and your trailer safe by minimising lateral movement from cross winds and road surface changes.
  • 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
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 - Limited Slip Differential (LSD) *
    • iconWithTextData.[0].image -
    • iconWithTextData.cardContent.items[0].content - <p>Assists with traction that keeps the wheels in powered rotation.</p> <p> </p> <p>* Available on selected models</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Hill-Assist Control (HAC) *
    • iconWithTextData.[1].image -
    • iconWithTextData.cardContent.items[0].content - <p>Prevents the vehicle from rolling back.</p> <p> </p> <p>* Available on selected models</p>
    • ------------------------------------------------------------------------
    • iconWithTextData.[2].title - Trailer Sway Control (TSC) *
    • iconWithTextData.[2].image -
    • iconWithTextData.cardContent.items[0].content - <p>Helps keep you and your trailer safe by minimising lateral movement from cross winds and road surface changes.</p> <p> </p> <p>* Available on selected models</p>
    • ------------------------------------------------------------------------
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 - Stand Out From The Crowd
  • subtitle - The Hilux Single Cab Raider stands out from the crowd with its bold exterior and design power. Its aggressive LED* headlamps, chrome* styling, retractable* side mirrors and ultra-tough moulded front bumper makes the Hilux Raider hard to miss.
  • 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/clp5f5rle00cmc7akil8quuvt-hilux-single-design-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 - Whether navigating highways or gravel roads, the Single Cab is equipped with standard 17-inch steel wheels and a specially designed ultra-tough moulded black front bumper featuring standard halogen fog lamps. These features ensure the wheels of your industry keep turning. Additionally, the generously sized loadbox, power side mirrors, and LED brake light are designed to protect your investment.
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/clptnjh94004jslak6wk4sfdc-hilux-single-cab-style-ig-01.full.jpg

    • imageTilesData[0].heading[0].heading - 2.8 Litre Turbo-Diesel Engine
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 50
    • imageTilesData[0].tooltips[0].left - 50
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptnjlfg004nslakans0kq2x-hilux-single-cab-style-ig-03.full.jpg

    • imageTilesData[1].heading[1].heading - With Limited slip differential, Hill-assist control, and Trailer Sway Control
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 50
    • imageTilesData[1].tooltips[1].left - 60
    • imageTilesData[2].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptnjldt004mslakgt6x8gxb-hilux-single-cab-style-ig-02.full.jpg

    • imageTilesData[2].heading[2].heading - Display Audio
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top - 50
    • imageTilesData[2].tooltips[2].left - 34
    • imageTilesData[3].image -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clptnjlnm004oslakj8g7xe6i-hilux-single-cab-style-ig-04.full.jpg

    • imageTilesData[3].heading[3].heading - * Retractable side mirrors
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 25
    • imageTilesData[3].tooltips[3].left - 30
Spacer
  • seperator -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Gallery
  • galleryData
  • galleryData[0]
  • galleryData.tabLabel - Exterior
  • gallery[0].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Hilux Single Cab Exterior Front View
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgs56w8g00fj0qmoyatnzsmm-0101020113-single-cab-exterior-1.full.jpg

    • imageGalleryItems[1].slideTitle - Hilux Single Cab Exterior Back View
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgs57c6j00fz0qmof0fsas1g-0101020113-single-cab-exterior-2.full.jpg

    • imageGalleryItems[2].slideTitle - Hilux Single Cab Exterior
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgs56wex00fk0qmott52zy29-0101020113-single-cab-exterior-3.full.jpg

  • galleryData[1]
  • galleryData.tabLabel - Interior
  • gallery[1].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Hilux Single Cab Interior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgs57d3300g20qmo27nv8ap2-0101020113-single-cab-interior-1.full.jpg

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

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgs56wtb00fn0qmoz1h0ohlk-0101020113-single-cab-interior-2.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 - 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-single-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?range_code=0101020113
      • htmlTextData.buttons[1].button.linkWindow - true
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpv6ilw0009a85akxq8svm0e-hilux-single-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 - 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 -
  • theme -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150