ThemeKit Slide

ThemeKit Slide Slider

$150.00

The text area has the option to add one or two slide panel action tabs and an internal/external link.

Slideshow

The ThemeKit Slide Slider widget has a two column grid layout with a slideshow and article. The relative column widths are adjustable, the layout can be switched and the text can be above or below the slider below the breakpoint.
Slideshow
The slideshow images use an intrinsic aspect ratio so the image width and heigt is entered into the widget settings.
The caption and controls share the same color and background and the caption can be at the bottom left, center or right.
The default transition is slide which can be changed to fade by checking a box. The transition time is adjustable and set in milliseconds.
Lazy Loading
The images have a lazy load option which should be used if the item is not in view at page load. The opton should be turned on just prior to publishing since the images wil disappear from view on the EverWeb design canvas.

Article

The article has a heading, an optional styled span for price/date etc, text, one or two optional slide panel action tabs and an optional internal/external link.

Slide Cards

This is an example of the ThemeKit Slide Module without the optional image and used here for describing offscreen content and providing the action tab(s).
The "Show More" action tab opens the ThemeKit Slide Cards which are set to slide in from the left.
Cards
The cards widget can show two, three or four items with an image with alt text, heading, span for price/date etc, descriptive text and a full width link with a background hover animation.

Panel Setup

The panels have a fixed position so they can be inserted out of the way below the footer widget on the EverWeb design canvas.
When using EverWeb Responsive Widgets it best to set the default footer height to zero and use a suitable widget to create the footer.

Drag the widget onto the EverWeb design canvas
Set a suitable editing height so that all the panel content can be seen
After editing is finished, reduce the editing height to about 100px so that it doesn't take up too much space on the EverWeb design canvas
Now check the "Hide panel" checkbox
Make sure the panel ID number is the same as the ID in the corresponding action tab

Action Tabs

One or more action tabs can be set up in the Article, Jumbotron, Module or Tabs widget.