C-HR

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

Adaptive content banner

title - C-HR
description - C-HR Drive Connected
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 - false
slides
- slides[0].title -
- slides[0].subtitle - C-HR
- slides[0].description - C-HR Drive Connected
- slides[0].video - https://media.cdntoyota.co.za/videos/toyota-banners/CHR-V2.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

Text

theme - narrow
subtitle - This small-capacity, high-power unit ensures efficient fuel consumption and low emissions, while the flat, generous torque curve ensures maximum driveability across a wide range of engine speeds. C-HR models are available either as a 6-speed manual or with a Continuously Variable Transmission (CVT).

Text

theme - product
miniTitle - Technology
title - C-HR High-Tech Driving Experience
subtitle - Thanks to the C-HR’s increased ride height and driver-focused cockpit, the all-around driver visibility is excellent, minimising the need for excessive eye movements. In the 1.2T and 1.2T Plus models, a modern and relaxing cabin ambience is achieved through the balanced use of dark and light shades of grey.

Text

theme - narrow
subtitle - The driver command centre is designed with a bright trim with a metallic coating and opulent satin finishes. The metallic blue dials are elegantly framed by satin-plated rings, enhancing the overall aesthetic. The Multi-Information Display is a high-resolution TFT unit that displays clear and easy-to-read graphics. These features contribute to a sophisticated and user-friendly driving experience.

Two Column - Text with Image

componentType - textWithImage
textWithImageData.title - Drive Connected, Drive Fearlessly
textWithImageData.theme - withBackgroundColor
textWithImageData.description - Comfort & safety go hand in hand, which is why the Luxury Model features the Toyota Safety Sense package, with an advanced suite of next-generation safety features like Adaptive Cruise Control, which matches the vehicle's speed to surrounding traffic by automatically accelerating or braking. The urban crossover also has Lane Trace Assist with steering control, Lane Departure Alert & works in conjunction with the vehicle's brakes.

Image

textWithImageData.image -
https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpwh171708b3hdakqox5nen0-toyota-c-hr-side-by-side-01-682x460.0.38.682.383.full.jpg
textWithImageData.imgPosition - left

Two Column - Text with Image

componentType - textWithImage
textWithImageData.title - Work Hard, Play Harder
textWithImageData.theme - withBackgroundColor
textWithImageData.description - In the new Luxury model, you can connect your smart device to the large Display Audio Infotainment Screen, equipped with Android Auto and Apple CarPlay capability. The driver can do all this without moving their hands from the steering wheel. Talk about convenient luxury!

Image

textWithImageData.image -
https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpsi1m3b02uyzbakgi16ydc5-toyota-c-hr-tech-side-by-side-02-682x460.0.76.1364.767.full.jpg
textWithImageData.imgPosition - right

Text

theme - product
miniTitle - Safety
title - Explore Fearlessly
subtitle - Enjoy peace of mind on every journey in the Luxury C-HR model thanks to the Toyota Safety Sense package. Although the C-HR comes with standard safety features, this package has an advanced set of next-generation safety interventions, including a Pre-crash System, Lane Keeping System with Lane Trace Assist, Blind Spot Monitor (BSM) with Rear Cross-Traffic Alert (RCTA), and Auto High-Beam Headlamps, so you can stay in control of your driving experience at all times.

Slider deck

deckType - iconWithText
withbackgroundTheme - false
stretch cards - true
number of columns -
theme - narrow
iconWithTextData -
- iconWithTextData.[0].title - BSM Blind Spot Monitor
- iconWithTextData.[0].image -
- iconWithTextData.cardContent.items[0].content - 
- ------------------------------------------------------------------------
- iconWithTextData.[1].title - Rear Cross Traffic Alert (RCTA)
- iconWithTextData.[1].image -
- iconWithTextData.cardContent.items[0].content - 
- ------------------------------------------------------------------------

Slider deck

deckType - iconWithText
withbackgroundTheme - false
stretch cards - true
number of columns -
theme - narrow
iconWithTextData -
- iconWithTextData.[0].title - Auto High Beam Headlamps
- iconWithTextData.[0].image -
- iconWithTextData.cardContent.items[0].content - 
- ------------------------------------------------------------------------
- iconWithTextData.[1].title - Lane Keeping and Lane Trace Assist
- iconWithTextData.[1].image -
- iconWithTextData.cardContent.items[0].content - 
- ------------------------------------------------------------------------

Text

theme - product
miniTitle - Design
title - Let Your Style Send A Message
subtitle - You’re guaranteed to make an entrance with the C-HR’s muscular rear, sporty styling & a combination of lamps that feature a 3-stack-up design concept. The Luxury model boasts high LED headlights that integrate a daytime running function & turn signal. Its headlamps automatically switch between high/low beams while its smart lighting system further emphasises the C-HR’s futuristic appearance.

Text

theme - product
miniTitle - Interior
title - Connect To Comfort
subtitle - The Luxury model rides comfortably too, with its elegant Orchid Brown interior complemented by soft silver ornamentation & new 3-dimensional top-stitching. Seats are partially leather-clad, of which the driver and front passenger seats are heated & provide additional lumbar support. The driver seat is 8-way adjustable & electrically operated, while the engine is keyless powered on or off by the vehicle’s Push Start Button.

Gallery with tooltips (Flume)

Title -
imageTilesData
- imageTilesData[0].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clps5ljkm02z97baku51t3zkr-c-hr-design-ip-01.full.jpg
- imageTilesData[0].heading[0].heading - Side Mirrors: Heated / Auto-Retractable / Blind Spot Monitor (BSM)
- imageTilesData[0].content[0].content -
- imageTilesData[0].tooltips[0].top - 35
- imageTilesData[0].tooltips[0].left - 59
- imageTilesData[1].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clps5lj8w02z67bakxyy335tj-c-hr-design-ip-02.full.jpg
- imageTilesData[1].heading[1].heading - Seat Heater* and Power Seat Lumbar Support*
- imageTilesData[1].content[1].content -
- imageTilesData[1].tooltips[1].top - 70
- imageTilesData[1].tooltips[1].left - 25
- imageTilesData[2].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpcm4son01o5i9akoa6j1o1l-c-hr-design-ip-03.full.jpg
- imageTilesData[2].heading[2].heading - Reverse Camera
- imageTilesData[2].content[2].content -
- imageTilesData[2].tooltips[2].top - 50
- imageTilesData[2].tooltips[2].left - 35
- imageTilesData[3].image -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clps5ljgl02z87baksmxz1vb7-c-hr-design-ip-04.full.jpg
- imageTilesData[3].heading[3].heading - Auto / Rain-Sensing Front Window Wiper
- imageTilesData[3].content[3].content -
- imageTilesData[3].tooltips[3].top - 25
- imageTilesData[3].tooltips[3].left - 50

Gallery

galleryData
galleryData[0]
galleryData.tabLabel - Exterior
gallery[0].imageGalleryItems
- imageGalleryItems[0].slideTitle - C-HR Exterior
- imageGalleryItems[0].slideCaption -
- imageGalleryItems[0].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cknuck1mek0su0qpajwwmj7vm-ch-r-gallery-1.full.jpg
- imageGalleryItems[1].slideTitle - C-HR Exterior
- imageGalleryItems[1].slideCaption -
- imageGalleryItems[1].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cknucknj4k0vc0qpa23n8orkm-ch-r-gallery-2.full.jpg
- imageGalleryItems[2].slideTitle - C-HR Exterior
- imageGalleryItems[2].slideCaption -
- imageGalleryItems[2].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cknucl513k0yb0qpa0fgfy10u-ch-r-gallery-3.full.jpg
- imageGalleryItems[3].slideTitle - C-HR Exterior Side View
- imageGalleryItems[3].slideCaption -
- imageGalleryItems[3].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckzmlxtg8o5lt0rk6hgay6zuf-gallery-ch-r-profile-comp-ret3-sml.full.jpg
- imageGalleryItems[4].slideTitle - C-HR Exterior
- imageGalleryItems[4].slideCaption -
- imageGalleryItems[4].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cknucmg8rk15e0qpa6vwn6mp0-ch-r-gallery-5.full.jpg
- imageGalleryItems[5].slideTitle - C-HR Exterior Back View
- imageGalleryItems[5].slideCaption -
- imageGalleryItems[5].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cknucn0rrk17w0qpa4k3dyn8x-ch-r-gallery-6.full.jpg
- imageGalleryItems[6].slideTitle - C-HR Exterior
- imageGalleryItems[6].slideCaption -
- imageGalleryItems[6].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clpu8u3xk05tsl8akh7oohjzn-ckzmm0s5a2t060rpkxu1529zj-gallery-ch-r-7-8-kota-joe-comp-ret-desktop.full.jpg
galleryData[1]
galleryData.tabLabel - Interior
gallery[1].imageGalleryItems
- imageGalleryItems[0].slideTitle - C-HR Interior
- imageGalleryItems[0].slideCaption -
- imageGalleryItems[0].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgrranfb06910in0gvdlw3pr-0101010248-interior-1.full.jpg
- imageGalleryItems[1].slideTitle - C-HR Interior Gear
- imageGalleryItems[1].slideCaption -
- imageGalleryItems[1].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgrrank706920in0ke8inzo2-0101010248-interior-2.full.jpg
- imageGalleryItems[2].slideTitle - C-HR Interior Black Seats
- imageGalleryItems[2].slideCaption -
- imageGalleryItems[2].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgrrao8a06940in0hd2mqcdz-0101010248-interior-3.full.jpg
- imageGalleryItems[3].slideTitle - C-HR Interior Features
- imageGalleryItems[3].slideCaption -
- imageGalleryItems[3].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgrrlzo506az0in0skghc4a8-0101010248-interior-4.full.jpg
- imageGalleryItems[4].slideTitle - C-HR Interior Steering Wheel & Touchscreen
- imageGalleryItems[4].slideCaption -
- imageGalleryItems[4].slideImage -
  https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckgrranpk06930in0kces975u-0101010248-interior-5.full.jpg