Thumbnails

You can find this control at Slider settings → Controls tab.

You can show the thumbnails of your slides, and navigate with them.

Image Pro

Enable or disable the thumbnail image.

Width and Height

You can specify the size of your thumbnails.

Position

Pick a position, where you would like to have your thumbnails in your slider. If you change to Advanced Pro mode, you can specify the position, and here you will be able to use our control variables too.

  • Stack - The order of the controls, which you put into the same position.
  • Offset - This is how far your thumbnail will be from the selected position.
Action Pro

The action on the thumbnails, which makes your slider switch to the thumbnail's slide.

Align thumbnails

Put your thumbnails in the beginning, center or the end part of your thumbnail bar or make them having spaces between or around them.

Style

This is where you can style the whole thumbnail bar and the thumbnails. There is a limitation here, that the Thumbnail style's padding can't be applied to the thumbnails, because they get their size from the Thumbnail size, so you shouldn't use that option, you will see it differently at the Style manager, then at the live preview.

Caption
  • Style: You can style your caption in here.
  • Title: You can choose to show your slides' titles in your thumbnails, and if you do, you can pick a font for them.
  • Description: You can choose to show your slides' descriptions too, and if you do, you can pick a font for them.
  • Placement: This is where the text will be compared to the thumbnails, either before or on them, or after them.
  • Size: This is how much space you give to your captions, based on using horizontal or vertical thumbnails.
Arrow Pro

  • Show arrow: You can show or hide the thumbnail arrow
  • Size: You can set the size of the thumbnail arrow, to make it bigger or smaller.
  • Offset: The distance from the thumbnail container.
  • Previous alt tag: For SEO or usability purposes, you can set the arrow's alt tag.
  • Next alt tag: For SEO or usability purposes, you can set the arrow's alt tag.
  • Next arrow image: You can set the image of the next arrow. The previous image will be created automatically by mirroring the next image.

You can choose whether to show or not the thumbnail switching arrow. When you click on the last thumbnail, it will switch the thumbnails to show the ones after it, so you don't necessarily need it.

Minimal thumbnail count

You can specify the minimum thumbnails to be shown in your thumbnail list.

  • if your thumbnails are horizontal,  they will be resized to fit the slider.
  • if your thumbnails are vertical, they'll be hidden when the set amount can't fit.
Group by Pro

You can put your thumbnails in more lines or columns, not just one.

Invert group direction Pro

The vertically and horizontally orientated thumbnail control puts down the thumbnails differently, when you are using the "Group" option. With this setting you can make your thumbnail control to use the other orientation's thumbnail placement.

Orientation Pro

The orientation of the thumbnails, whether they should be horizontally, or vertically next to each other. (The Simple positioning is limiting this option at certain positions. Use Advanced Pro positioning if you are experiencing this as an issue.)

Size Pro

The size of the whole thumbnails control, based on using horizontal or vertical thumbnails.

Shows on hover

This option will make your thumbnails only appear on desktop screen, when you hover your cursor over the slider. On tablet and mobile screen they will always be seen.

Hide on

You can make your thumbnails invisible on Desktop, Tablet or Mobile view.

Hide on slides Pro

You can hide your thumbnails on specific slides separated by commas. Use the slide index (1 = first slide) instead of the slide ID.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.