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


Hino 300 Hybrid

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - Hino 300
  • description - Your Reliable Partner.
  • backgroundImage -
  • slides
    • slides[0].title -
    • slides[0].subtitle - Hino 300
    • slides[0].description - Your Reliable Partner.
    • slides[0].video -
    • slides[0].image -
    • buttons
      • buttons[0].button.linkLabel - Enquire Now
      • buttons[0].button.linkUrl - https://buynow.e-toyota.co.za/hino/enquire-now?deriv_code=FE3&url=https:%2F%2Fwww.hino.co.za%2Fshowroom
      • buttons[0].button.linkWindow - true
      • buttons[1].button.linkLabel - Download Brochure
      • buttons[1].button.linkUrl - https://media.cdntoyota.co.za/hinocms23/files/hino-300-brochure.pdf
      • buttons[1].button.linkWindow - true
      • buttons[2].button.linkLabel - Download Spec Sheet
      • buttons[2].button.linkUrl - https://media.cdntoyota.co.za/hinocms23/files/hino-300-specs.pdf
      • buttons[2].button.linkWindow - true
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - vehicleModelSelector
Text
  • theme - product
  • miniTitle - Design
  • title - The Hino 300 Exterior And Interior
Gallery
  • galleryData
  • galleryData[0]
  • galleryData.tabLabel - Exterior
  • gallery[0].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Designed to keep you trucking
    • imageGalleryItems[0].slideCaption - Specifications May Vary
    • imageGalleryItems[0].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clw91v1y4053xoy6i5f1ng55a-clmgcpazh09mwswdy390g4ms5-hino-300-4x4-53-new-960x540-desktop.full.png

    • imageGalleryItems[1].slideTitle - Designed to keep you trucking
    • imageGalleryItems[1].slideCaption - Specifications May Vary
    • imageGalleryItems[1].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clw90hkok04v4oy6ioow2kyx9-clmgcrl0l09niswdy7s69fb5e-2014-hino-high-horse-power-300-new-960x540-desktop.full.jpg

    • imageGalleryItems[2].slideTitle - Designed to keep you trucking
    • imageGalleryItems[2].slideCaption - Specifications May Vary
    • imageGalleryItems[2].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clwaiqswr01owo66id8qru5an-cllqmcw1t0mnj17dyr9kc1men-319rn-gen1-ext-image-01-desktop-1.full.jpg

    • imageGalleryItems[3].slideTitle - Designed to keep you trucking
    • imageGalleryItems[3].slideCaption - Specifications May Vary
    • imageGalleryItems[3].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clwaiipf901m5o66i0hlr5la9-cl88g3jqr040r0pmwhdlltymm-200-ext-image-03-sa-211111-tif-desktop.full.jpg

  • galleryData[1]
  • galleryData.tabLabel - Interior
  • gallery[1].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Cab Interior
    • imageGalleryItems[0].slideCaption - Specifications May Vary
    • imageGalleryItems[0].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clwahsas7019no66iyjusy4ga-cl8u2fog900bi0plleq93fkfj-319rw-gen-int-inpane-side-tif-desktop-1.full.jpg

    • imageGalleryItems[1].slideTitle - Cab Interior
    • imageGalleryItems[1].slideCaption - Specifications May Vary
    • imageGalleryItems[1].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clwahsru701aao66ix8bkumux-cl8u2ev7700ax0pllmfry4ott-319rw-gen-int-inpane-main-tif-desktop-1.full.jpg

Spacer
  • spacerType - custom
  • custom.mobile - 60
  • custom.tabletPortrait - 60
  • custom.tabletLandscape - 60
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - product
  • title - Feature Gallery
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clw90gzxa04u4oy6iajmoxxni-cllqmcw1t0mnj17dyr9kc1men-319rn-gen1-ext-image-01-desktop.full.jpg

    • imageTilesData[0].heading[0].heading - Dummy data
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 24
    • imageTilesData[0].tooltips[0].left - 59
    • imageTilesData[1].image -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clzi8685a08fpbd6irdpe470m-hino-300-tooltip-gallery-exterior.full.jpg

    • imageTilesData[1].heading[1].heading - Dummy data
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 39
    • imageTilesData[1].tooltips[1].left - 47
    • imageTilesData[2].image -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clw90hchq04upoy6i1kcs8bs3-cl8u2ev7700ax0pllmfry4ott-319rw-gen-int-inpane-main-tif-desktop.full.jpg

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

      https://tsam.blob.core.windows.net/hinocms23/attachments/clw91v1y4053xoy6i5f1ng55a-clmgcpazh09mwswdy390g4ms5-hino-300-4x4-53-new-960x540-desktop.full.png

    • imageTilesData[3].heading[3].heading - Dummy data
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 24
    • imageTilesData[3].tooltips[3].left - 56
Spacer
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 135
  • custom.largeDesktop - 135
Single Video (Flume)
  • Video URL - https://www.youtube.com/watch?v=WjWCqxhM2K0
  • Theme - light
  • Theme - stretched
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Standard Safety Features
  • textWithImageData.theme - default
  • textWithImageData.description - <p>Safety is considered from every angle with a reinforced steel cab, driver and passenger airbags with seatbelt indicator light and warning buzzer. Equipped with an anti-theft system and thinner front pillars for an uninterrupted view.</p>
Image
  • textWithImageData.image -

    https://tsam.blob.core.windows.net/hinocms23/attachments/clwds2oax039wo66idu1iyz57-cl8u6qktr00370pml5ukcritk-300-features-saftey-mobile.38.0.224.126.full.jpg

  • textWithImageData.imgPosition - right
Spacer
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 135
  • custom.largeDesktop - 135
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Wheels, Tires and Brakes
  • textWithImageData.theme - default
  • textWithImageData.description - <p> </p> <p>Tubeless tyres offer longer tyre life and improved safety margins. ABS (Anti-locking Braking System) Maximises driver control during emergency braking across all road surface conditions.</p>
Image
  • textWithImageData.image -

    https://tsam.blob.core.windows.net/hinocms23/attachments/clwds5ydv03cyo66i3m78o1ts-cl8u6rrcc003t0pmlgm8djtq3-300-features-wheels-abs-mobile.38.0.224.126.full.jpg

  • textWithImageData.imgPosition - left
Spacer
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 135
  • custom.largeDesktop - 135
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Multi-Function Display
  • textWithImageData.theme - default
  • textWithImageData.description - <p>A Multi-Function Display showing two independent trip distances, current and average fuel consumption and display settings.</p>
Image
  • textWithImageData.image -

    https://tsam.blob.core.windows.net/hinocms23/attachments/clwdsd6ld03gqo66ixl5ovvu9-cl8u6ubma004k0pmlmfiju4vz-300-features-multi-function-display-mobile.38.0.224.126.full.jpg

  • textWithImageData.imgPosition - right
Spacer
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 135
  • custom.largeDesktop - 135
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Drum Brakes
  • textWithImageData.theme - default
  • textWithImageData.description - <p>Auto-adjusting drum brakes provide optimum braking capability, whilst ensuring low operating and maintenance costs.</p>
Image
  • textWithImageData.image -

    https://tsam.blob.core.windows.net/hinocms23/attachments/clwdskgo103jno66ihvpeblaa-cl8u6zq4h005b0pmlb4t55fqo-300-features-drum-breaks-mobile.38.0.224.126.full.jpg

  • textWithImageData.imgPosition - left
Spacer
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 135
  • custom.largeDesktop - 135
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Standard Radio
  • textWithImageData.theme - default
  • textWithImageData.description - <p>AM/FM radio and CD player.</p>
Image
  • textWithImageData.image -

    https://tsam.blob.core.windows.net/hinocms23/attachments/clwdsr16c03tto66i3i5jugo5-cl8u768gy000p0plg7xcb4haj-300-features-standard-radio-mobile.38.0.224.126.full.jpg

  • textWithImageData.imgPosition - right
Spacer
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 135
  • custom.largeDesktop - 135
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Collapsible Gear Lever
  • textWithImageData.theme - default
  • textWithImageData.description - <p>A simple innovation that enhances the driver’s freedom of movement in the cab.</p>
Image
  • textWithImageData.image -

    https://tsam.blob.core.windows.net/hinocms23/attachments/clwdsvigd03yxo66i8esk71vh-cl8u774z3001a0plgtyfh4uzu-300-features-collapsible-gear-lever-mobile.38.0.224.126.full.jpg

  • textWithImageData.imgPosition - left
Spacer
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 135
  • custom.largeDesktop - 135
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Air Conditioner
  • textWithImageData.theme - default
  • textWithImageData.description - <p>Keeps the driver cool and alert improving both driver and vehicle safety.</p>
Image
  • textWithImageData.image -

    https://tsam.blob.core.windows.net/hinocms23/attachments/clwdsy7te041uo66i2q43uzvw-cl8u77svc001v0plgcjca29z6-300-features-airconditioner-mobile.38.0.224.126.full.jpg

  • textWithImageData.imgPosition - right
Spacer
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 135
  • custom.largeDesktop - 135
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - ownerBenefitsCard
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Expandable Deck Widget
  • Section title - Hino Service & Warranty
  • Section subtitle - Explore our product offering
  • Cards title - Your preferred dealer will take you through these in more detail
  • Description -
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
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
RSS Feed Slider
  • Title - Latest articles
  • Category - 24
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Slider deck
  • title - Discover our offering
  • deckType - general
  • withbackgroundTheme - true
  • stretch cards - false
  • number of columns -
  • generalData
    • generalData[0].title - Financial Services
    • generalData[0].content - <p>Explore our finance options for your truck today.</p>
    • generalData.buttons
      • htmlTextData.buttons[0].defaultButton
        • htmlTextData.buttons[0].button.linkLabel - Learn More
        • htmlTextData.buttons[0].button.linkUrl - /
        • htmlTextData.buttons[0].button.linkWindow - false
    • ------------------------------------------------------------------------
    • generalData[1].title - Insurance
    • generalData[1].content - <p>Get comprehensive insurance coverage for your truck.</p>
    • generalData.buttons
      • htmlTextData.buttons[0].defaultButton
        • htmlTextData.buttons[0].button.linkLabel - Learn More
        • htmlTextData.buttons[0].button.linkUrl - /
        • htmlTextData.buttons[0].button.linkWindow - false
    • ------------------------------------------------------------------------
    • generalData[2].title - Hino C.A.R.E
    • generalData[2].content - <p>We provide extensive options to maintain your toyota</p>
    • generalData.buttons
      • htmlTextData.buttons[0].defaultButton
        • htmlTextData.buttons[0].button.linkLabel - Learn More
        • htmlTextData.buttons[0].button.linkUrl - /
        • htmlTextData.buttons[0].button.linkWindow - false
    • ------------------------------------------------------------------------
    • generalData[3].title - Parts & Services
    • generalData[3].content - <p>We provide all the parts &amp; services needed for your truck</p>
    • generalData.buttons
      • htmlTextData.buttons[0].defaultButton
        • htmlTextData.buttons[0].button.linkLabel - Learn More
        • htmlTextData.buttons[0].button.linkUrl - /
        • htmlTextData.buttons[0].button.linkWindow - false
    • ------------------------------------------------------------------------
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - relatedVehicleSelector
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150