Soliloquy Documentation

Documentation, Reference Materials, and Tutorials for Soliloquy

Thumbnails Addon

Would you like to add some thumbnail navigation to your Soliloquy sliders? With the Thumbnails Addon this is very easy to do! We’ll walk you through how to set up and use Soliloquy’s Thumbnails Addon.


Requirements

Installation

Please follow our instructions on how to install and activate addons.

In this instance, you’ll be activating the Soliloquy Thumbnails Addon.

Setup

Step 1 – Create or edit your slider

Your first step is to create a new slider or edit an existing one. You can follow along with our documentation for creating your first slider.

Step 2 – Configure the thumbnail options

Now it’s time to enable thumbnails on the slider. To do this, navigate to the Thumbnails tab and click the box for Enable Slider Thumbnails? and then configure the remaining thumbnail options.

On the Thumbnails tab, click to Enable Slider Thumbnails

Step 3 – Configure the thumbnail options for mobile

Next, go to the Mobile tab. There is an option on the Mobile tab to turn on or off the slider thumbnails.

On the Mobile tab, click to enable the slider thumbnails there too

Step 4 – Publish or Update your slider

Finally, click Publish or Update on your slider to save the changes.

See the demo!

Would you like to schedule your slide images? Take a look at our documentation on the How to use the Schedule Addon!

Changelog

2.3.6 (04-14-2022)

  • Fixes: Click causing thumbnails to jump in some cases.
  • Fixes: Navigation Arrows not appearing.
  • Fixes: Thumbnails Disappearing on resize.

2.3.5 (1-16-2020)

  • Adds: Match Aria Labels like Soliloquy Core.

2.3.4 (12-10-2018)

  • Fixes: Unique Id for thumbnails for accessibility.

2.3.3 (2016-10-19)

  • Fix: Thumbnail option set to 0 or blank causing JS Error

2.3.2 (2016-07-11)

  • Fix: Mobile Setting

2.3.1 (2016-06-30)

  • Fix: Options not set

2.3.0 (2016-06-21)

  • UI Refresh

2.2.6 (2016-03-16)

  • Fix: Unexpected JS error.
  • Fix: Some Options not saving properly.

2.2.5 (2016-03-08)

  • Added: Option to display arrows on thumbnails.

2.2.4 (2016-02-23)

  • Added: fr_FR Translations

2.2.3 (2015-12-10)

  • Added: Loop thumbnails option
  • Fix: Don’t add thumbnail CSS classes to slideshow outer container when thumbnails are disabled, but another slider on page has thumbnails enabled

2.2.2 (2015-11-19)

  • Fix: Thumbnails not displaying when slider width not defined

2.2.1

  • Added: Image dimensions to thumbnails if Set Dimensions on Images is enabled

2.2.0

  • Added: Left/Right align thumbnail option

2.1.9

  • Fix: Thumbnail compatibility with Featured Content and Dynamic Addons

2.1.8

  • Fix: Thumbnails losing quality when previously generated and thumbnail sizes changed for a slider.
  • Fix: Thumbnails failing to resize unless cropping was enabled.

2.1.7

  • Added: Enable/disable thumbnails on Mobile (requires Soliloquy 2.4.0.2+)
  • Added: Conditional UI elements on Admin Screens

2.1.6

  • Fix: Dynamic Addon compatibility where thumbnails were not being generated.

2.1.5

  • Fix: Featured Content Addon compatibility where thumbnails were not being generated.

2.1.4

  • Added: Ability to define different thumbnail than the main slider image.
  • Added: Localization support
  • Fix: IE11 thumbnails not loading

2.1.3

  • Fixed bug with thumbnails settings being inherited from first on page if more than one thumbnails slider existed on a page.

2.1.2

  • Arrows over thumbnails only display if checked in the Config settings.

2.1.1

  • Fixed JS parse error bug with incorrect object definition.

2.1.0

2.0.2

  • Add proper quotes around JS object keys to prevent JS parse errors.

2.0.1

  • Allow thumbnail cropping even if main slider image cropping is turned off.
  • Miscellaneous bug fixes and improvements.

2.0.0

  • Say hello to version 2.0!