Product Display

The ThemeKit Slider Product display widget createsa slideshow with a placeholder image on view at page load and a thumbnail grid.
Slideshow Stage
The width of the stage is determined by the maximum width setting minus the value for the thumbnail cimage width. The stage can have a border to define its perimeter.
Thumbnails
The thumbnail colums can be to the left or right of the sldier stafe and appears below the stage below the breakpoint.
The thumbnail images can be seooarated and have a border added. The optional captions create a full size overlay with controls for color and opacity. The color and its opacity can be changed for mobile devices.
Thumbnails scroll horizontally on mobile devices by swiping horizontally on the mouse or trackpad