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


All Components

Secondary nav bar
  • _secondaryNavBar.title -
Banner
  • bannerType -
  • Theme -
Banner
  • bannerType - generic
  • Theme -
  • genericData.isProductBanner - false
  • genericData.withBreadCrumb - false
  • genericData.title - Hello world
  • genericData.subtitle - Hello world
  • genericData.subtitle-position - NaN
  • genericData.textTheme -
  • backgroundImage -
  • genericData.buttons[0].anchorButton
    • genericData.buttons[0].button.anchorId - hello-world
    • genericData.buttons[0].button.anchorLabel - Hello world
Banner
  • bannerType -
  • Theme -
Two Column - Text with Image
  • componentType - textWithImage
  • textWithImageData.title - Hello world
  • textWithImageData.theme - default
  • textWithImageData.subTitle - Hello world
  • textWithImageData.description - <p>Hello world</p>
  • textWithImageData.buttons
    • htmlTextData.buttons[0].defaultButton
      • htmlTextData.buttons[0].button.linkLabel - Default
      • htmlTextData.buttons[0].button.linkUrl - https://www.google.com
      • htmlTextData.buttons[0].button.linkWindow - false
    • htmlTextData.buttons[1].anchorButton
      • htmlTextData.buttons[1].button.anchorId - hellocomputer
      • htmlTextData.buttons[1].button.anchorLabel - Anchor
Image
  • textWithImageData.image -

    https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/cl154f48103420qqvfpxtq5sj-360-inspection-1920x1080px.0.0.1920.1080.full.jpg

  • textWithImageData.imgPosition - right
Adaptive content banner
  • title - Adaptive Content Banner
  • description - Description here
  • backgroundImage -
  • buttons[0].defaultButton
    • buttons[0].button.linkLabel - Button
    • buttons[0].button.linkUrl - https://www.google.com
    • buttons[0].button.linkWindow - false
  • buttons[1].defaultButton
    • buttons[1].button.linkLabel - Another button
    • buttons[1].button.linkUrl - https://www.google.com
    • buttons[1].button.linkWindow - false
  • slides
    • slides[0].title - Slide 1
    • slides[0].subtitle - Subtitle 1
    • slides[0].description - Description 1
    • slides[0].video -
    • slides[0].image -
    • buttons
      • buttons[0].button.linkLabel - Button
      • buttons[0].button.linkUrl - https://www.google.com
      • buttons[0].button.linkWindow - false
    • slides[1].title - Slide 2
    • slides[1].subtitle - Subtitle 2
    • slides[1].description - Description 2
    • slides[1].video -
    • slides[1].image -
    • buttons
Spacer
  • seperator -
  • theme -
  • spacerType - preset
  • mobile - 75
  • tabletPortrait - 100
  • tabletLandscape - 125
  • desktop - 150
  • largeDesktop - 175
Banner
  • bannerType - generic
  • Theme -
  • genericData.isProductBanner - false
  • genericData.withBreadCrumb - false
  • genericData.title - Generic Banner
  • genericData.subtitle - Eye brow
  • genericData.subtitle-position - NaN
  • genericData.textTheme -
  • backgroundImage -
  • genericData.video - https://www.youtube.com/watch?v=7DRFjThtC14
Spacer
  • seperator -
  • theme -
  • spacerType - preset
  • mobile - 75
  • tabletPortrait - 100
  • tabletLandscape - 125
  • desktop - 150
  • largeDesktop - 175
Banner
  • bannerType -
  • Theme -
Concertina
  • title - Concertina
  • subtitle - Good for FAQs
  • defaultConcertinaData
      defaultConcertinaData[0]
      • defaultConcertinaData[0].title - This could be a question?
      • defaultConcertinaData[0].content.items[0].content - <p>Hello world</p>
      defaultConcertinaData[1]
      • defaultConcertinaData[1].title - This could be a question?
      • defaultConcertinaData[1].content.items[0].content - <p>Hello world</p>
Concertina
  • title - Table concertina
  • subtitle - Add table data in here
  • tableConcertinaData
    • tableConcertinaData[0]
      • tableConcertinaData[0].title - Heading one
      • tableConcertinaData[0].tableSettings.headingSize - sm
      • tableConcertinaData[0].tableSettings.columnCount - 2
      • tableConcertinaData[0].tableData
        • tableConcertinaData[0].heading - Heading here
        • tableConcertinaData[0].tableData[0]
          • tableConcertinaData[0].tableData[0].heading - Heading here
          • tableConcertinaData[0].tableData[0].colOneData.items[0].content - <p>This is column 1</p>
          • tableConcertinaData[0].tableData[0].colTwoData.items[0].content - <p>This is column 2</p>
        • tableConcertinaData[0].heading - Heading here
        • tableConcertinaData[0].tableData[1]
          • tableConcertinaData[0].tableData[1].heading - Heading here
          • tableConcertinaData[0].tableData[1].colOneData.items[0].content - <p>This is column 1</p>
          • tableConcertinaData[0].tableData[1].colTwoData.items[0].content - <p>This is column 2</p>
    • tableConcertinaData[1]
      • tableConcertinaData[1].title - Heading two
      • tableConcertinaData[1].tableSettings.headingSize - sm
      • tableConcertinaData[1].tableSettings.columnCount - 1
      • tableConcertinaData[1].tableData
        • tableConcertinaData[1].heading - Heading here
        • tableConcertinaData[1].tableData[0]
          • tableConcertinaData[1].tableData[0].heading - Heading here
          • tableConcertinaData[1].tableData[0].colOneData.items[0].content - <p>This is column 1</p>
        • tableConcertinaData[1].heading - Heading here
        • tableConcertinaData[1].tableData[1]
          • tableConcertinaData[1].tableData[1].heading - Heading here
          • tableConcertinaData[1].tableData[1].colOneData.items[0].content - <p>This is column 1</p>
Concertina
  • title - Tabbed concertina
  • subtitle - Add tabbed content in here
  • tabbedConcertinaData
    • tabbedConcertinaData[0]
      • tabbedConcertinaData[0].title - First tab
      • tabbedConcertinaData[ 0 ].intro - <p>This is a description</p>
    • tabbedConcertinaData[1]
      • tabbedConcertinaData[1].title - Second tab
      • tabbedConcertinaData[ 1 ].intro - <p>Description</p>
Slider deck
  • title - Vehicle Slider Deck
  • deckType - vehicle
  • withbackgroundTheme - false
  • stretch cards - false
  • number of columns -
  • theme -
  • showPrice - true
  • vehicleData
    • vehicleData.vehicleItems[0].rangeSlug - Corolla Quest
    • vehicleData.vehicleItems[0].showPlaceholder - no
    • vehicleData.vehicleItems[1].rangeSlug - Prius
    • vehicleData.vehicleItems[1].showPlaceholder - no
Slider deck
  • title - News Slider Deck
  • deckType - news
  • withbackgroundTheme - false
  • stretch cards - false
  • number of columns -
  • theme -
  • Categories
    • newsData.categories[0].category_id - 3
Double list with image - Text
  • title - Double List
  • subtitle - Subtitle
  • backgroundColour - #edecec
  • leftlistTitle - Left list
  • leftListItems
    • data.widget.leftListItems[0] - Item one
  • rightlistTitle - Right list
  • rightListItems
    • data.widget.rightListItems[0] - List item
Double list with image - Image
  • image -
  • imgPosition - right
Gallery
  • galleryData
  • galleryData[0]
  • galleryData.tabLabel - Gallery
  • gallery[0].imageGalleryItems
    • imageGalleryItems[0].slideTitle - Gallery item one
    • imageGalleryItems[0].slideCaption - Caption
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckv10xssfhw2j0qm80segy8a8-product-page.0.0.1920.1080.full.png

    • imageGalleryItems[1].slideTitle - Item two
    • imageGalleryItems[1].slideCaption - Caption
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/ckul2wgj4udfw0qrs15alv6ml-rumion-safety-airbags.0.0.1920.1080.full.jpg

  • galleryData[1]
  • galleryData.tabLabel - Video gallery
  • gallery[1].videoGalleryItems
    • videoGalleryItems[0].slideTitle - Video
    • videoGalleryItems[0].slideCaption - Caption
    • videoGalleryItems[0].slideVideo - https://www.youtube.com/watch?v=7DRFjThtC14
Promo card
  • promoCards[0].title - Promo card one
  • promoCards[0].image -
  • promoCards[0].content - <p>Description</p>
  • promoCards[0].defaultButton
    • promoCards[0].button.linkLabel - Button
    • promoCards[0].button.linkUrl - http://www.google.com
    • promoCards[0].button.linkWindow - false
Promo card
  • promoCards[1].title - Promo card two
  • promoCards[1].image -
  • promoCards[1].content - <p>Description</p>
Table
Tabs menu
  • buttons
  • genericData.buttons[0].defaultButton
    • menuBannerData.buttons[0].button.linkLabel - Google
    • menuBannerData.buttons[0].button.linkUrl - http://www.google.com
    • menuBannerData.buttons[0].button.linkWindow - false
  • genericData.buttons[1].defaultButton
    • menuBannerData.buttons[1].button.linkLabel - Facebook
    • menuBannerData.buttons[1].button.linkUrl - http://www.facebook.com
    • menuBannerData.buttons[1].button.linkWindow - false
Banner
  • bannerType - generic
  • Theme -
  • genericData.isProductBanner - false
  • genericData.withBreadCrumb - false
  • genericData.title - Hello world
  • genericData.subtitle - Hello again
  • genericData.subtitle-position - NaN
  • genericData.textTheme -
  • backgroundImage -
Disclaimer block
  • body.items[0].content - <p>Testing content here</p>
  • button
    • buttons[0].defaultButton
      • buttons[0].button.linkLabel - Download PDF
      • buttons[0].button.linkUrl - https://www.google.com
      • buttons[0].button.linkWindow - false
Disclaimer block
  • body.items[0].content - <p>Claim the disclaimer, claim claim the disclaimer</p>
  • button
    • buttons[0].defaultButton
      • buttons[0].button.linkLabel - No worries
      • buttons[0].button.linkUrl - /showroom
      • buttons[0].button.linkWindow - false
    • buttons[1].defaultButton
      • buttons[1].button.linkLabel - Same same
      • buttons[1].button.linkUrl - /offers
      • buttons[1].button.linkWindow - false
Banded Text
  • title - Hello world
  • backgroundColor - #d4d4d4
  • content - <p>This is content</p>
  • button
    • items[0].defaultButton.items[0].linkLabel - Button
    • items[0].defaultButton.items[0].linkUrl - https://www.google.com
    • items[0].defaultButton.items[0].linkWindow - false
Gallery
  • galleryData
  • galleryData[0]
  • galleryData.tabLabel -
  • gallery[0].imageGalleryItems
    • imageGalleryItems[0].slideTitle - r3t
    • imageGalleryItems[0].slideCaption - ert
    • imageGalleryItems[0].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clkmskndl00z9k9akunvyqw0y-grlogo.svg

    • imageGalleryItems[1].slideTitle - ghj
    • imageGalleryItems[1].slideCaption - ghj
    • imageGalleryItems[1].slideImage -

      https://devtoyotaflumemedia.blob.core.windows.net/toyotacms23/attachments/clkmskndl00z9k9akunvyqw0y-grlogo.svg