Thumbnail Settings

Thumbnails provide at-a-glance navigation for all product images. The plugin gives you detailed control over their appearance and behavior.

Thumbnail Trigger

  • Click — Customers click a thumbnail to switch the main image.
  • Hover — The main image updates as the cursor moves over each thumbnail.

Thumbnail Sizing

Width and height can be set in pixels. The plugin respects the aspect ratio of the original images, so it is recommended to use consistent dimensions that match your uploaded image proportions.

Thumbnail Gap

The spacing between individual thumbnails in pixels.

Thumbnail Visible

The number of thumbnails displayed at one time before the strip becomes scrollable (slider layout) or wraps to the next row (grid layout).

Grid Columns

When the thumbnail layout is set to Grid, this controls how many columns the grid uses.

Active State

The currently selected thumbnail receives a highlighted border or overlay to visually indicate which image is being shown in the main view.

Thumbnail Animation

Controls the easing style used when the thumbnail strip scrolls to bring an off-screen thumbnail into view.

Border Radius

Applies a rounded corner effect to thumbnail images.

Was this article helpful to you? No Yes

How can we help?