Test Example Page

This is part 1 of the example pages.

View the other example page here: Example Page 2

 

Table of Contents (Example-Page)

  • Hero Image Carousel
  • Hero Video
  • Video w/ Caption
  • Rich Text - Video Scroll Table
  • Image/Video – One column w/ Left Copy
  • Image/Video – One Column w/ Opt Text Below
  • Image - One-Column w/ Left Text Overlay
  • Image - One-column w/ Left Overlay w/ below Copy
  • Image - One-Column with Bottom Right Block Overlay
  • Image – Two Column w/ Text Below Image in One Column
  • Image - Two Column with Top Text Overlay & CTA
  • Two Column Content Block Component - Text/Image
  • Two Column Content Block Component - Image/Image
  • Image - Three Column Title with CTA - Component
  • Image Overlay Products
  • Image w/ Caption
  • Slider - Three Image
  • Slider - Images w Title & Copy
  • Image with Image Grid Component (Family/Collection)
  • Image Grid
  • Image - Grid with Label and Links
  • Icon w/ Title, Copy, and Links
  • Title and Link
  • Link Group - One heading, Two column of links
  • Link Group - Two headings, two columns of links
  • Text – One-Column Block w/ One Line
  • Text - One Column Rich Text
  • Text - Two-column
  • Associated Products
  • Resources Section Group Content
  • Idea Starter Details
  • Featured Idea Starters
  • Statement of Line


Components not seen on either of the example pages:

  • Image/Video Thumbnail Gallery
  • From Library
  • Content Lists with Group Title
  • Brand Redirect Popup Modal
  • Colors
  • Product List Image Grid
  • Grid Reference Data
  • PDP Designer Tab Details
  • Hot Spot Overview Details
  • Single Entity Reference field
  • PDP Designer Tab Details for Brand Partners
  • Custom Block Component
  • Authenticated CTA Content
  • Authenticated Document Content
  • Authenticated Image Content
  • Authenticated Rich Text Content
  • Authenticated Video Content
  • Authenticated Document/CTA/Image/Video
  • Dealer Access
  • Decoupled - React Component
  • Pardot Forms - iFrame
  • States & Market

 

Video Player is loading.
Current Time 0:00
Duration -:-
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
    • descriptions off, selected
    • captions off, selected
      Restricted Content
      Video Player is loading.
      Current Time 0:00
      Duration 0:00
      Loaded: 0%
      Stream Type LIVE
      Remaining Time 0:00
       
      1x
        • descriptions off, selected
        • captions off, selected
          Restricted Content

          This component is the Video w/ Caption. A video without caption also exists. Above this video component is the Hero Video Component

          This video scroll table below isn't a prebuilt component, this was made with rich text(WYSIWYG), this is the work-around as we do not have a "video" carousel. As for rich text, it's pretty flexible in what can be built, however it takes more time to do so.

          Space

          Live long and prosper beverly jim bridge holodeck. Khan vulcan transporter vulcan geordi la forge. James t. kirk checkov starfleet klingon cloaking device KHAAANNN! starfleet. Captain warp speed warp speed mind-meld.

          The Final Frontier

          Mind-meld starfleet command kirk warp speed spock the borg kirk jim beam me up, scotty. Worf stardate khan tribble logic 4-D chess. Sector the final frontier vulcan mccoy worf live long and prosper warp speed warp. Geordi la forge admiral uss enterprise-d scotty admiral trek warp klingon photon torpedos.

          These are the Voyages

          Uhura redshirt captain the borg commander commander. 4-D chess shakespeare commander riker maneuver bridge vulcan shakespeare strange new worlds beam me up, scotty. Resistance is futile vulcan jean-luc picard KHAAANNN! riker maneuver tribble highly illogical shakespeare romulans.

          Where No One Has Gone Before

          Memory alpha the next generation vulcan captain redshirt vulcan stardate. Transporter spock technician officer warp speed doctor, not a commander. Highly illogical borg queen stardate jean-luc picard starfleet command federation.

          Image/Video – One column w/ Left Copy

          We can add an image or video to this component. Live ipsum long and prosper dolor where no one sit amet has gone before the next generation logic computer Q starship enterprise captain picard tricorder logic logic 4-D chess. 

          Image/Video – One Column w/ Opt Text Below

          The copy is below this Image/Video. Data lieutenant james t. kirk cloaking device officer the next generation uss enterprise-d riker. Set to stun tricorder mind-meld kirk khan harry mudd the next generation 4-D chess. Starfleet warp speed uss enterprise sulu vulcan. Vulcan nerve pinch sector logic beam me up, scotty highly illogical. Set to stun tricorder computer officer uss enterprise-d ensign ncc-1701 sulu the borg. Deanna bridge khan warp speed uss enterprise-d tricorder starfleet quark. Beverly uss enterprise holodeck romulans gene roddenberry fleet trekkie ensign technician.

          Mural Workstations
          Restricted Content
          Image - One-Column w/ Left Text Overlay

          Opt. Title

          Image - One-column w/ Left Overlay w/ below Copy

          Opt. Title

          This is like the left overlay but with the addition of text right here! Live ipsum long and prosper dolor where no one sit amet has gone before captain kirk computer spock highly illogical commander warp klingon jim worf vulcan nerve pinch. Starfleet beverly vulcan ensign warp harry mudd uhura. Strange new worlds captain picard logic mccoy. Fleet uss enterprise KHAAANNN! vulcan cloaking device. Highly illogical memory alpha beam me up, scotty logic. Phase cannons cloaking device starfleet command Q. Mind-meld khan earl grey tricorder redshirt photon torpedos.

          Splitty Task Light
          Restricted Content
          •  

          Image - One-Column with Bottom Right Block Overlay

          We can put a copy over here in this corner. As well as add a link to this component.

          Image - One-Column with Bottom Right Block Overlay

          We can put a copy over here in this corner. As well as add a link to this component.

          Mural Workstations
          Restricted Content

          Image – Two Column w/ Text Below Image in One Column

          This copy can appear on either the left or right of this component. We can add up to 2 images to it. When 2 images are added it will appear below one of the images.

          Library_Teen_Recharge_hrhwnh.jpg
          Restricted Content

          Image – Two Column w/ Text Below Image in One Column

          This copy can appear on either the left or right of this component. We can add up to 2 images to it. When 2 images are added it will appear below one of the images.

          Image - Two Column with Top Text Overlay & CTA

          Opt. Title 2

          This is the copy for the images. We can also change the background colors of the top and bottom.

          Mural Workstations
          Restricted Content
          Environment_IE_Showroom_ 49.png
          Restricted Content
          Environment_IE_Showroom_ 49.png
          Restricted Content
          Mural Workstations
          Restricted Content
          Mural Workstations
          Restricted Content
          Two Column Content Block Component - Text/Image

          We can put this copy on either the left or the right. The component below this one is the Two Column Content Block Component - Image/Image component.

          Library_Workstation_Further_bx6i94.jpg
          Restricted Content
          Library_Children_Peak_x8gunu.jpg
          Restricted Content
          Image/Video - Three Column Title with CTA - Component
          Image - Three Column Title with CTA - Component

          Can have an image or video for this component.

          Mural Workstations
          Restricted Content
          Title

          We can also add more than one image to this component.

          Mural Workstations
          Restricted Content

          This is the Image w/ Caption. An image without caption also exists.

          Mural Suspended Screen
          Restricted Content
          Mural Suspended Screen
          Restricted Content

          Slider - Images w Title & Copy Item

          This is the copy for the slider.

          Mural Flex Connector
          Restricted Content
          NeoCon2022_BON_O6.jpg
          Restricted Content
          Image with Image Grid Component (Family/Collection)
          Image with Image Grid Component (Family/Collection)

          Copy for this component, with the images below showing off the Family/Collection. Live ipsum long and prosper dolor where no one sit amet has gone before prime directive uhura tribble uhura sulu officer romulans data computer vulcan. Trek doctor, not a ncc-1701 prime directive starfleet technician live long and prosper technician jean-luc picard.

          Detail_O6_Task_1825.png
          Restricted Content
          Detail_O6_Task_1812.png
          Restricted Content
          Detail_O6_Task_1805.png
          Restricted Content
          Detail_O6_Task_1801.png
          Restricted Content

          ^ ^ ^      Image Grid     ^ ^ ^

                 .^.
          .-----'   `-----.
          | [##'     `##] |
          `---'   __  `---'
             | .-'  `. |
             |'       `|
          
          

          v v v         Image - Grid with Label and Links             v v v   

           

          Text – One-Column Block w/ One Line

          This component's text is large by default.

          Text - One Column Rich Text

          This is another WYSIWYG, so we can easily do a bunch of cool formatting tricks.

          Computer warp speed trek kirk. Phase cannons vulcan nerve pinch uss enterprise doctor, not a cloaking device borg queen logic cloaking device set to stun. Captain picard strange new worlds starship enterprise picard starship enterprise spock harry mudd. Technician bridge Q lieutenant computer mccoy mind-meld set to stun. The final frontier uhura space memory alpha. Spock klingon fleet commander transporter. Kirk captain kirk checkov uss enterprise-d Q. Admiral vulcan james t. kirk picard.

          Text - Two-column Item


          Live ipsum long and prosper dolor where no one sit amet has gone before trekkie vulcan spock memory alpha klingon memory alpha borg queen vulcan KHAAANNN! transporter. Borg queen starfleet gene roddenberry vulcan cloaking device vulcan nerve pinch geordi la forge the borg.

          2nd column


          Riker the next generation the next generation wesley geordi la forge kirk wesley. The next generation technician borg queen trekkie romulans. Space sector fleet logic starfleet bridge the final frontier lieutenant earl grey. Tribble uhura beverly captain trek sector.

          Associated Products - This goes on a Surface Materials detail page along w/ more similar products

           

          WYSIWYG's really can do a lot - like this below for example 

          __________________           __
          \____NCC-1701_____|)____.---'--`---.____
                        ||    \----.________.----/
                        ||     / /    `--'
                      __||____/ /_
                     |___         \
                         `--------'
          

           

          Design Intent

          Here is an example of an Idea Starter Detail

          This component is used on the Idea Starter CT/ Idea Starter Detail page.

          You can also add links and attach files to this

          Statement of Line

          Chair

          Overall
          height" x width" x depth"

          Seat
          height" x width" x depth"

          Back
          height" x width" x depth"

          Storage

          Overall
          height" x width" x depth"

          Seat
          height" x width" x depth"

          Back
          height" x width" x depth"

          Table

          Overall
          height" x width" x depth"

          Seat
          height" x width" x depth"

          Back
          height" x width" x depth"

          This is the end of part 1 of the example pages.

          View the other example page here: Example Page 2

           

          Table of Contents (Example-Page)

          • Hero Image Carousel
          • Hero Video
          • Video w/ Caption
          • Rich Text - Video Scroll Table
          • Image/Video – One column w/ Left Copy
          • Image/Video – One Column w/ Opt Text Below
          • Image - One-Column w/ Left Text Overlay
          • Image - One-column w/ Left Overlay w/ below Copy
          • Image - One-Column with Bottom Right Block Overlay
          • Image – Two Column w/ Text Below Image in One Column
          • Image - Two Column with Top Text Overlay & CTA
          • Two Column Content Block Component - Text/Image
          • Two Column Content Block Component - Image/Image
          • Image - Three Column Title with CTA - Component
          • Image Overlay Products
          • Image w/ Caption
          • Slider - Three Image
          • Slider - Images w Title & Copy
          • Image with Image Grid Component (Family/Collection)
          • Image Grid
          • Image - Grid with Label and Links
          • Icon w/ Title, Copy, and Links
          • Title and Link
          • Link Group - One heading, Two column of links
          • Link Group - Two headings, two columns of links
          • Text – One-Column Block w/ One Line
          • Text - One Column Rich Text
          • Text - Two-column
          • Associated Products
          • Resources Section Group Content
          • Idea Starter Details
          • Featured Idea Starters
          • Statement of Line


          Components not seen on either of the example pages:

          • Image/Video Thumbnail Gallery
          • From Library
          • Content Lists with Group Title
          • Brand Redirect Popup Modal
          • Colors
          • Product List Image Grid
          • Grid Reference Data
          • PDP Designer Tab Details
          • Hot Spot Overview Details
          • Single Entity Reference field
          • PDP Designer Tab Details for Brand Partners
          • Custom Block Component
          • Authenticated CTA Content
          • Authenticated Document Content
          • Authenticated Image Content
          • Authenticated Rich Text Content
          • Authenticated Video Content
          • Authenticated Document/CTA/Image/Video
          • Dealer Access
          • Decoupled - React Component
          • Pardot Forms - iFrame
          • States & Market