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


Lexus UX

Secondary nav bar
  • _secondaryNavBar.title -
Adaptive content banner
  • title - UX
  • description - THE URBAN EDGE
  • backgroundImage -
  • buttons[0].defaultButton
    • buttons[0].button.linkLabel - MAKE AN APPOINTMENT
    • buttons[0].button.linkUrl - https://buynow.e-toyota.co.za/lexus/enquire-now
    • buttons[0].button.linkWindow - true
  • slides
    • slides[0].title -
    • slides[0].subtitle - UX
    • slides[0].description - THE URBAN EDGE
    • slides[0].video - https://devtoyotaflumemedia.blob.core.windows.net/videos/lexus-banners/Lexus-UX-300h.mp4
    • slides[0].image -
    • buttons
      • buttons[0].button.linkLabel - REQUEST A QUOTE
      • buttons[0].button.linkUrl - https://buynow.e-toyota.co.za/lexus?range_code=0101010251
      • buttons[0].button.linkWindow - true
      • buttons[1].button.linkLabel - GET BEHIND THE WHEEL
      • buttons[1].button.linkUrl - https://buynow.e-toyota.co.za/lexus/test-drive
      • buttons[1].button.linkWindow - true
Two Column - Text
    TEXT WITH TEXT
  • textWithTextData.title - THE URBAN CROSSOVER
  • textWithTextData.withBackgroundColor - no
  • textWithTextData.titlePosition - left
Other Side
  • textWithTextData.description.items[0].content - <p>Introducing the UX, an Urban Crossover that dares to challenge the limits of what went before, expanding the limits of what will follow. Its bold lines prove that unmistakable strength does not come with size, that exploration can be elegant and dynamic. The result is a car with a unique presence on the road.</p>
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - vehicleModelSelector
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clpdrzq3907awxoa6ttvuvc0g-ux-perf-hero-1920x966-01.full.jpg

Spacer
  • seperator -
  • theme - black
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Text
  • theme - default
  • miniTitle - PERFORMANCE
  • title - DYNAMIC PERFORMANCE
  • htmlTextData.content.items[0].content - <p>The UX has the lowest centre of gravity of any vehicle in its class. Important for the city, its compact proportions allow for a best-in-segment 5.2 metre turning radius. Developed in the Lexus wind tunnel, one of the most advanced of its kind, the UX engineers took a radical new approach to achieving the best possible aerodynamic performance.</p>
Spacer
  • seperator -
  • theme - black
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clpnzn69e019mfqa6w8lcdzda-ux-perf-hero-1920x966-02.full.jpg

Spacer
  • seperator -
  • theme - black
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Text
  • theme - product
  • title - SEAMLESS ILLUMINATION
  • htmlTextData.content.items[0].content - <p>Introducing the Aero Stabilising Rear Light. The continuous rear combination light on the UX has an advanced design that is eye-catching and aerodynamically efficient. Fins are integrated into the light to reduce air pressure changes, contributing to excellent rear stability during cornering as well as in side winds.</p>
Spacer
  • seperator -
  • theme - black
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Text
  • theme - product
  • miniTitle - CRAFTMANSHIP
  • title - WASHI PAPER
  • htmlTextData.content.items[0].content - <p>The grain pattern of the Japanese shoji paper used to make sliding doors- known as washi is recreated in the texture of the UX’s instrument panel, lending a distinctive atmosphere to the entire interior.</p>
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clpnzmzr10195fqa68lwcfs5r-ux-craft-hero-1920x966-01.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 - TECHNOLOGY
  • title - WIRELESS CHARGING
  • htmlTextData.content.items[0].content - <p>A wireless charger at the centre console enables charging a portable device or smartphone by simply placing it on the charging pad, eliminating the need to connect a charging cable.</p>
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clwq3cqdx2onwzka6vwq5w4n0-lexus-ux-charging.full.jpg

Spacer
  • seperator -
  • theme - black
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Text
  • theme - product
  • miniTitle - INTERIOR
  • title - HERITAGE X VISION
  • htmlTextData.content.items[0].content - <p>Step into the rejuvenated UX that was styled to match the upbeat personality of an urbanite. Connect to the updated centre console fitted with an impressive new 12.3-inch touchscreen. Any driver-related information and entertainment is at your fingertips, allowing you to travel safely without distractions and to manoeuvre with ease…</p>
Spacer
  • seperator -
  • theme - black
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clwq3cqdf2onvzka6wkkqfmyy-lexus-ux-int.full.jpg

Spacer
  • seperator -
  • theme - black
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Text
  • theme - product
  • htmlTextData.content.items[0].content - <p>The new UX is guided by the Japanese engawa concept which embraces a seamless connection between the inside and outside of the car.</p>
Spacer
  • seperator -
  • theme - black
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/cm2vik02b43bjiza6nyczrkd7-41099-ux-website-uxc0006-a.full.jpg

Spacer
  • seperator -
  • theme - black
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 135
  • custom.tabletLandscape - 135
  • custom.desktop - 135
  • custom.largeDesktop - 135
Text
  • theme - product
  • miniTitle - DESIGN
  • title - F SPORT DESIGN
  • htmlTextData.content.items[0].content - <p>The F SPORT gives the new UX a striking boost of attitude. Experience the urban edge like never before with the distinctive F SPORT badge, captivating F SPORT grille, F SPORT racing seats, crafted F SPORT shift lever, eye-catching F SPORT steering wheel and the exclusive 18-inch alloy wheels. </p>
Spacer
  • seperator -
  • theme - black
  • 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 - EXPERIENCE UX
  • title - FEATURE GALLERY
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 80
  • custom.tabletPortrait - 80
  • custom.tabletLandscape - 80
  • custom.desktop - 80
  • custom.largeDesktop - 80
Gallery with tooltips (Flume)
  • Title -
  • imageTilesData
    • imageTilesData[0].image -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clpduvrwr000wsna61e9ekrre-ux-design-ig-709x857-01.full.jpg

    • imageTilesData[0].heading[0].heading - F SPORT LEATHER INTERIOR*
    • imageTilesData[0].content[0].content - The exclusive F SPORT smooth leather upholstered seats offer the high-level of support and comfort that is essential in a sports car, providing confidence with every drive.
    • imageTilesData[0].tooltips[0].top - 50
    • imageTilesData[0].tooltips[0].left - 50
    • imageTilesData[1].image -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clwq2g0yr2oclzka6j0dw86x2-tooltip-lexus-ux.full.jpg

    • imageTilesData[1].heading[1].heading - HANDS-FREE POWER TAILGATE
    • imageTilesData[1].content[1].content - For convenient loading and unloading, the UX is available with a hands-free power tailgate. This can be opened and closed by moving your foot in front of a sensor located underneath the rear bumper.
    • imageTilesData[1].tooltips[1].top - 66
    • imageTilesData[1].tooltips[1].left - 46
    • imageTilesData[2].image -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clwq2qj492ofgzka6iivatufb-tooltip2-lexus-ux.full.jpg

    • imageTilesData[2].heading[2].heading - WIRELESS CHARGER
    • imageTilesData[2].content[2].content - For your convenience, the wireless charger enables a portable device or smartphone to be charged by simply placing it on the charging pad, eliminating the need to connect a charging cable.
    • imageTilesData[2].tooltips[2].top - 63
    • imageTilesData[2].tooltips[2].left - 30
    • imageTilesData[3].image -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clpduvs5n000xsna6vs3g0wsp-ux-design-ig-709x857-04.full.jpg

    • imageTilesData[3].heading[3].heading - SPINDLE GRILLE
    • imageTilesData[3].content[3].content - The UX’s unique spindle grille creates a bold three-dimensional expression. Inspired by traditional Japanese etching, the grille has thousands of individual surfaces, each precisely computer calibrated to catch and reflect light.
    • imageTilesData[3].tooltips[3].top - 50
    • imageTilesData[3].tooltips[3].left - 50
Text
  • theme - default
  • htmlTextData.content.items[0].content - <p><sub>*Available on select models</sub></p>
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 - Lexus UX Exterior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clwq2y37u2ohjzka6jtidpcol-lexus-ux-ext-1440p.full.jpg

    • imageGalleryItems[1].slideTitle - Lexus UX Exterior
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/cl7j2fm8703ea0pqky764310c-34321-ux-exterior-gallery-images-uxc5010-1920x1080.full.jpg

    • imageGalleryItems[2].slideTitle - Lexus UX Exterior
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/cl7j2d0m003zc0qpefuwb2uaw-34321-ux-exterior-gallery-images-uxc3304-1920x1080.full.jpg

    • imageGalleryItems[3].slideTitle - Lexus UX Exterior
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/cl7j2g2fr040i0qpegihz0vn9-34321-ux-exterior-gallery-images-hybrid-f-sport-colour-1j7-sonic-titanium-1920x1080.full.jpg

  • galleryData[1]
  • galleryData.tabLabel - Interior
  • gallery[1].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Lexus UX Interior
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/cl7j2u8f703jx0pqk0pahbxew-34321-ux-interior-gallery-images-switches-rt-1920x1080.full.jpg

    • imageGalleryItems[1].slideTitle - Lexus UX Interior
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/cl7j2ul1k03kf0pqkgmlfc5dj-34321-ux-interior-gallery-images-screen-rt-1920x1080.full.jpg

    • imageGalleryItems[2].slideTitle - Lexus UX Interior
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/cl7j2ul4103kg0pqkujw7ui2j-34321-ux-interior-gallery-images-screen-with-apps-rt-1920x1080.full.jpg

    • imageGalleryItems[3].slideTitle - Lexus UX Interior
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/cl7j2ukwr03ke0pqkqjizxpwm-34321-ux-interior-gallery-images-pedals-rt-1920x1080.full.jpg

    • imageGalleryItems[4].slideTitle - Lexus UX Interior
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clwq34izz2om8zka6pv0zws9x-ux-int-1440p2.full.jpg

  • galleryData[2]
  • galleryData.tabLabel - Interior trim
  • gallery[2].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Lexus UX Interior Trim
    • imageGalleryItems[0].slideCaption -
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clwq3ts892oskzka67jjd450t-ux-black-interior-trim.full.jpg

    • imageGalleryItems[1].slideTitle - Lexus UX Interior Trim
    • imageGalleryItems[1].slideCaption -
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clwq3u8v22otczka6p22steu3-ux-cobalt-interior-trim.full.jpg

    • imageGalleryItems[2].slideTitle - Lexus UX Interior Trim
    • imageGalleryItems[2].slideCaption -
    • imageGalleryItems[2].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clwq3wo8w2ov1zka659vwayab-ux-hazel-interior-trim.full.jpg

    • imageGalleryItems[3].slideTitle - Lexus UX Interior Trim
    • imageGalleryItems[3].slideCaption -
    • imageGalleryItems[3].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clwq3xaii2ovozka6xx0jp2oi-ux-white-ash-interior-trim.full.jpg

    • imageGalleryItems[4].slideTitle - Lexus UX Interior Trim
    • imageGalleryItems[4].slideCaption -
    • imageGalleryItems[4].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/cm2yeqin94xm7iza69upccyig-ux-300h-f-black-sport.full.png

    • imageGalleryItems[5].slideTitle - Lexus UX Interior Trim
    • imageGalleryItems[5].slideCaption -
    • imageGalleryItems[5].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/cm2yer7334xn3iza6o4kjsquc-ux-300h-flare-red-sport.full.png

Text
  • theme - product
  • htmlTextData.content.items[0].content - <p><sub>*Vehicles pictured and specifications detailed in this site may vary from models and equipment available in your area. Vehicle body, trim colours, interior and exterior spec might differ slightly from the pictures in this site.</sub></p>
Hard Coded Content (Flume)
  • title -
  • hardcodedContent - ownerBenefitsCard
Banner
  • bannerType - testimonialBanner
  • Theme - default
Spacer
  • seperator -
  • spacerType - custom
  • custom.mobile - 95
  • custom.tabletPortrait - 160
  • custom.tabletLandscape - 160
  • custom.desktop - 160
  • custom.largeDesktop - 160
Single Image (Flume)
  • Image -

    https://devtoyotaflumemedia.blob.core.windows.net/lexuscms23/attachments/clpo055x501y6fqa6e6i2bhsr-ux-cta-544x563.full.jpg

Concertina
  • theme - default
  • defaultConcertinaData
      defaultConcertinaData[0]
      • defaultConcertinaData[0].title - FINANCE GLOSSARY
      • defaultConcertinaData[0].content.items[0].content - <ul> <li> ADMIN FEE</li> <li> ONCE-OFF INITIATION FEE</li> <li> BALLOON PAYMENT</li> <li> TOTAL INSTALMENT</li> </ul> <p>R1207.50 Initiation fee and R69 monthly administration fee included. Variable Interest rate. Errors and omissions excepted. Lexus Financial Services is a division of Toyota Financial Services (South Africa) Limited, an Authorised Financial Services (FSP No. 7454) and Registered Credit Provider (NCRCP62).</p>
      defaultConcertinaData[1]
      • defaultConcertinaData[1].title - DISCLAIMER
      • defaultConcertinaData[1].content.items[0].content - <p>All calculations made on calculators supplied, together with rates quoted, are guidelines only and are subject to confirmation at the time of finalising any transactions. All information regarding the products, fees and/or costs which are included in and form a fundamental basis of the calculations are subject to change at any time prior to a final pre-agreement quote being handed to the User.<br /> The User indemnifies Lexus Financial Services against any loss or liability, which the User may suffer as a result of the use of any calculator. The site and all information provided on this site and the services provided on this site, are provided "as is". The information provided on this site should not be treated as professional advice of any kind.</p> <p>* Please note that claiming of input VAT needs to be verified by customers prior to vehicle purchase as these rulings are subject to SARS interpretation.</p>
      defaultConcertinaData[2]
      • defaultConcertinaData[2].title - IMAGE DISCLAIMER
      • defaultConcertinaData[2].content.items[0].content - <p>Vehicles pictured and specifications detailed in this site may vary from models and equipment available in your area. Vehicle body, trim colours, interior and exterior spec might differ slightly from the pictures in this site.</p>
      defaultConcertinaData[3]
      • defaultConcertinaData[3].title - THE LEXUS MANUFACTURER’S WARRANTY
      • defaultConcertinaData[3].content.items[0].content - <p>The Lexus manufacturer’s warranty provides cover for 7 years or 105 000 km (whichever occurs first) against manufacturing or material defects. (7 years or 100 000 km for LX model)<br /> This cover can be extended to a maximum of 8 years / Unlimited km or 10 years/Unlimited (Hybrid Vehicles Only), ensuring total piece of mind in the event of failure or malfunction.</p> <p><br /> *Terms and conditions set out in the policy document. </p> <p><br /> *The Lexus Unlimited Warranty is underwritten by GuardRisk. GuardRisk Insurance Company Limited is an authorized Financial Services Provider. FSP 75. Reg No.:1992/001639/06</p> <p><br /> Six years of cover is provided against body panel perforation due to corrosion that is attributable to defects in material or workmanship. There is no mileage restriction.</p>
      defaultConcertinaData[4]
      • defaultConcertinaData[4].title - CORROSION PERFORATION
      • defaultConcertinaData[4].content.items[0].content - <p>Six years of cover is provided against body panel perforation due to corrosion that is attributable to defects in material or workmanship.<br /> There is no mileage restriction.</p>
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 - relatedVehicleSelector