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


Hino 700

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - THE NEW HINO 700
  • description - Hino. We’re all business.
  • backgroundImage -
  • slides
    • slides[0].title -
    • slides[0].subtitle - THE NEW HINO 700
    • slides[0].description - Hino. All the Way
    • 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?range_code=0101040105
      • buttons[0].button.linkWindow - true
      • buttons[1].button.linkLabel - Download Brochure
      • buttons[1].button.linkUrl - https://media.cdntoyota.co.za/hinocms23/files/hino-700-brochure.pdf
      • buttons[1].button.linkWindow - true
      • buttons[2].button.linkLabel - Download Spec Sheet
      • buttons[2].button.linkUrl - https://tsam.blob.core.windows.net/hinocms23/attachments/cm345208q04z8ou6i8todr252-hino-700-specification-leaflet.pdf
      • buttons[2].button.linkWindow - true
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - vehicleModelSelector
Spacer
  • seperator -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Text
  • theme - product
  • miniTitle - Design
  • title - The Hino 700 Exterior And Interior
Gallery
  • galleryData
  • galleryData[0]
  • galleryData.tabLabel - Exterior
  • gallery[0].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Hino. All the way.
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/cm06edqkg03q2876i7etz9t8q-hino-700-0001-ts-hino-700-148-front-ret-2845.full.png

    • imageGalleryItems[1].slideTitle - Hino. All the way.
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/cm06ef93203r4876iiagr3tlf-hino-700-0004-700r-ss-ext-image-05-ret-flipped.full.png

    • imageGalleryItems[2].slideTitle - Hino. All the way.
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/cm06eggg403rs876ie4j8ask9-hino-700-0003-700r-ss-ext-image-07-0721-ret.full.png

    • imageGalleryItems[3].slideTitle - Hino. All the way.
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/cm06ehlkj03sg876itrmxbdnv-hino-700-0002-hino-700-construction-comp-ret.full.png

    • imageGalleryItems[4].slideTitle - Hino. All the way.
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/cm06eikhy03t4876iknfmmgug-hino-700-0005-700r-fs-ext-image-06-0727-ret.full.png

  • galleryData[1]
  • galleryData.tabLabel - Interior
  • gallery[1].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Hino 700 - Sleeper
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clz8cyjie0401yy6il0jm712i-img-1.full.png

    • imageGalleryItems[1].slideTitle - Hino 700 - Rear View
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clz8d26ie0432yy6i3w6uqgbo-img-2.full.png

    • imageGalleryItems[2].slideTitle - Hino 700 - Seats
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clz8d399w0486yy6i2m07e47f-img-3-1.full.png

    • imageGalleryItems[3].slideTitle - Hino 700 - Steering Wheel
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clz8d4bom048zyy6i6jxjmcp3-img-4.full.png

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

      https://tsam.blob.core.windows.net/hinocms23/attachments/clw9bzbkh06ikoy6i7rnfypo6-clicrwgpa02tpeudy40bj1wdk-hino-700-1-1280x720-desktop.full.jpg

    • imageTilesData[0].heading[0].heading - Bold, Aggressive, New 3D Grille
    • imageTilesData[0].content[0].content -
    • imageTilesData[0].tooltips[0].top - 44
    • imageTilesData[0].tooltips[0].left - 34
    • imageTilesData[1].image -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clw9c05ce06j9oy6iwryiuc4z-clicruzq802sieudy2auu3o8i-hino-700-3-1280x720-desktop.full.jpg

    • imageTilesData[1].heading[1].heading - Redesigned For Aerodynamic & Safety Optimisation
    • imageTilesData[1].content[1].content -
    • imageTilesData[1].tooltips[1].top - 44
    • imageTilesData[1].tooltips[1].left - 23
    • imageTilesData[2].image -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clw9c0ztz06jyoy6ij1fcgcyr-clkmhild70bpfzhdy5rhfsivm-tsam-july-hino-interior-resize-1024x576-1-desktop.full.jpg

    • imageTilesData[2].heading[2].heading - Multifunctional Steering Wheel
    • imageTilesData[2].content[2].content -
    • imageTilesData[2].tooltips[2].top - 45
    • imageTilesData[2].tooltips[2].left - 34
    • imageTilesData[3].image -

      https://tsam.blob.core.windows.net/hinocms23/attachments/clw9c1lsf06knoy6ivwsqfhox-clkmhhv5p0bo7zhdyjviois3j-tsam-july-hino-interior-resize-1024x576-3-desktop.full.jpg

    • imageTilesData[3].heading[3].heading - 10-way Adjustable Driver Seat With Lumber Support
    • imageTilesData[3].content[3].content -
    • imageTilesData[3].tooltips[3].top - 45
    • imageTilesData[3].tooltips[3].left - 33
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 135
  • custom.largeDesktop - 135
Slider deck
  • title - The Hino 700 Is Suited For The Following Body Types:
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards - false
  • number of columns - 4
  • iconWithTextData -
    • iconWithTextData.[0].title - Van Body
    • iconWithTextData.[0].image -
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Compactor Body
    • iconWithTextData.[1].image -
    • ------------------------------------------------------------------------
    • iconWithTextData.[2].title - Tankers
    • iconWithTextData.[2].image -
    • ------------------------------------------------------------------------
    • iconWithTextData.[3].title - Flat Deck
    • iconWithTextData.[3].image -
    • ------------------------------------------------------------------------
Slider deck
  • deckType - iconWithText
  • withbackgroundTheme - false
  • stretch cards - false
  • number of columns - 4
  • iconWithTextData -
    • iconWithTextData.[0].title - Drop-Side
    • iconWithTextData.[0].image -
    • ------------------------------------------------------------------------
    • iconWithTextData.[1].title - Tault-liner
    • iconWithTextData.[1].image -
    • ------------------------------------------------------------------------
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 50
  • custom.tabletPortrait - 50
  • custom.tabletLandscape - 50
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - product
  • miniTitle - Safety
  • title - The Hino 700 Has Improved Active Safety Features:
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 50
  • custom.tabletPortrait - 50
  • custom.tabletLandscape - 50
  • custom.desktop - 80
  • custom.largeDesktop - 80
Single Video (Flume)
  • Video URL - https://www.youtube.com/watch?v=p_G0k5fJIHE
  • Theme - light
  • Theme - stretched
Spacer
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Slider deck
  • deckType - cardsWithList
  • withbackgroundTheme - false
  • stretch cards - false
  • number of columns -
Expandable Deck Widget
  • Section title - Hino Finance Options
  • Section subtitle - Explore our finance options
  • Cards title - Have you heard about the exclusive Hino 700 GFV offer:
  • Description - <ul> <li> <p>Offered on {selectedModel} Truck Tractor Models ONLY.</p> </li> <li> <p>Offered to specific customer applications of the truck-tractor model. This especially applies to long-haul vehicles.</p> </li> <li> <p>Offered to specific customer applications of the truck-tractor model. This especially applies to long-haul vehicles.</p> </li> <li> <p>Mileage parameters of up to 120,000km per annum apply.</p> </li> <li> <p>The finance term is 36 months.</p> </li> <li> <p>Every vehicle needs to have an active service and maintenance plan, as well as Hino telematics.</p> </li> <li> <p>The finance contract is a finance lease agreement.</p> </li> </ul>
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
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
  • seperator -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - modelPriceSummary
Spacer
  • seperator -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - findADealer
Spacer
  • seperator -
  • spacerType - preset
  • mobile - 50
  • tabletPortrait - 75
  • tabletLandscape - 100
  • desktop - 135
  • largeDesktop - 150
RSS Feed Slider
  • Title - Latest articles
  • Category - 28
Spacer
  • seperator -
  • 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
  • seperator -
  • 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