Slider styles
Three styles built around thumbnails: a vertical column beside the image, a scrolling stack of every image, and wrapping rows of thumbnails.
Vertical Thumbnail Slider
- Thumbnail column on the left, main image with arrows
A sliding main image with a column of thumbnails on the left or right, as tall as the image. Arrows, swipe, and ↑ ↓ in the thumbnail column. Uses the Main Image tab's ratio, fit and all 6 transitions, the Thumbnails tab's visible count and scroll buttons, and every zoom mode.
| Setting | Default | Options |
|---|---|---|
| Placement (thumbnails) | Left of image | Left, Right |
| Show prev/next arrows on the main image | On | |
| Arrow placement | Inside image | Inside (overlay), Outside. Also applies to the column's scroll buttons |
| Enable click-to-zoom lightbox | On |
On tablets and phones (782 px and narrower) the column becomes a horizontal row: above the image for Left placement, below it for Right.
Shortcode: [siteryn_pgz_pro_vertical_slider]
Vertical Scroll
- Thumbnail column beside a scrolling stack of images
Every image stacked in a scrollable column of fixed height, with the next image peeking in. Scrolling highlights the matching thumbnail; clicking a thumbnail scrolls to its image. There are no main-image arrows. Zoom: Inner and Lens.
| Setting | Default | Options |
|---|---|---|
| Gallery height (px) | 700 | 400–1400, the visible window; the thumbnail column matches it |
| Image ratio | 4:3 | 1:1, 4:3, 3:4, 16:9 for every image |
| Spacing between images (px) | 16 | 0–40 |
| Placement (thumbnails) | Left of images | Left, Right |
| Scroll button placement | Inside column | Inside (overlay), Outside |
| Enable click-to-zoom lightbox | On |
On tablets and phones the thumbnails become a row (above for Left, below for Right); the column keeps its height.
Shortcode: [siteryn_pgz_pro_vertical_scroll]
Multi-Row Thumbnail Slider
- Main image with arrows, and the thumbnails in wrapping rows below
The Free sliding image, with every thumbnail visible in wrapping rows above or below; no scrolling. Arrows, swipe, ← → in the thumbnails, and every zoom mode.
| Setting | Default | Options |
|---|---|---|
| Placement (thumbnails) | Below image | Above, Below |
| Thumbnails per row | 5 | 2–10, at every screen size |
| Show prev/next arrows on the main image | On | |
| Arrow placement | Inside image | Inside (overlay), Outside |
| Enable click-to-zoom lightbox | On |
Shortcode: [siteryn_pgz_pro_multirow_slider]