Hero Image Slider Widget

The Hero Image Slider Widget can make a big statement and be useful at the same time! Here are a couple of things you should know before you dive in:

• The slider area will conform to the tallest image.
• The navigation will remain consistent with where it's placed when the first image in the slider is showing. If image 1 is 1200 px tall, the navigation will stay where it is in relation to that image even if the next image is a different size.

To incorporate the Hero Image Slider Widget onto a standard layout or a custom page:

1. From your homepage, select Site > Site Builder.
2. In the left menu, select Layouts. 
3. Choose from the provided default page layouts.
4. Select Actions and then Edit from the dropdown.
   Note

   If you want to add the Hero Image Slider widget to a custom page, click Actions and then Design from the dropdown.

5. In the left sidebar menu of available widgets, select Hero Image Slider Widget.
6. Select Content Type to display in widget: Dynamically Display Content or Manually Create Content.
   • Dynamically Display Content:
     • Choosing this option allows you to select content individually or through a query. The tiles will update dynamically as changes are made to the content, in individual content item settings (i.e. title change, description change, image change, etc.).
     • Populate the widget by selecting content individually or writing a query. See our article on writing queries for further guidance.
     
   • Manually Create Content:
     • Choosing this option allows you to have flexibility on the Item Title, Item Description, Item Image, and the Item Link. Values in these fields will override the display in the content tiles.
     • Add Items by clicking the "+ Icon" button.
     • The items will be sorted in the order they are added.
     
7. Choose Display Options.
   • Title
   • Use New Title Display
     • Adds a CTA button
   • Dynamically Display Content:
     • Populate Widget
     • Content Sort Order
     • Number of Items (max 50)
   • Manually Create Content:
     • Item Title
     • Item Description
     • Item Image
     • Item Link
   • Content Display Options
   • Select Sidebar Type
     • RSS/Atom Feed
     • Static Content
   • CSS Classes
8. Click Save.

Your newly designed widget will be easily located at the bottom of your page layout.

Other Editing Options

• After saving, edit the settings for the widget by clicking the Pencil Icon at the top left of the widget.
• To reposition the widget on the page, simply click the Carrots on the left side of the widget.
• To delete the widget off the page completely, click the Trash Can Icon on the right side of the widget.
• To preview how the widget appears for your learners, click View Preview Mode at the top right of the page. Click Back to Editor Mode to continue editing the page layout.

The following is a list of default Thought Industries page layouts where you could incorporate the Hero Widget:

• Homepage
• Video
• Transcript
• Article
• Support
• Registration
• Redemption
• Learning Path
• Dashboard
• Catalog
• Custom Pages