Gallery styles
Pick one layout for every product page, from a vertical slider to a mosaic grid or a video gallery. Each style keeps its own settings.
- Active style cards with a preview of each layout
- The selected style's settings below
The 11 styles
| Style | Layout | Variations |
|---|---|---|
| Horizontal Thumbnail Slider | The Free gallery: main image and a thumbnail strip | Yes |
| Vertical Thumbnail Slider | Thumbnail column beside the main image | Yes |
| Vertical Scroll | All images in a scrolling column, with thumbnails | Yes |
| Multi-Row Thumbnail Slider | Main image with every thumbnail in wrapping rows | Yes |
| Grid Gallery | All images as equal tiles | No |
| Modern Grid | A repeating mosaic with a full-width hero | No |
| Masonry Gallery | Columns of images at their natural heights | No |
| Split Gallery | One large featured image beside smaller ones | No |
| Carousel Gallery | One large image with dots and optional autoplay | Yes |
| Fullscreen Gallery | A cover image that opens a full-screen viewer | Yes |
| Video Gallery | Image grid with video tiles | No |
"Variations" means choosing a variation shows its image. On styles without it, the gallery stays as it is.
Choosing the Active style
- Open Premium Gallery
Click a style card. Its settings appear below without reloading.
- Adjust the style's settings
Then Save Changes. Settings of other styles are kept.
- Clear your cache
The style applies to every product page.
- One style applies site-wide; there is no per-product or per-category style. To use a different style somewhere, use a style shortcode.
- Enable Product Gallery (General) must be on.
- A Pro style replaces a theme's copy of the gallery template.
- Horizontal Thumbnail Slider has no settings on this tab; it uses the Free tabs (Main Image, Thumbnails, Arrows and so on).
- Reset to Defaults on this tab sets the Active style back to Horizontal Thumbnail Slider. Each style's own settings are kept.
Shared settings
Pro styles use some of the Free tabs' settings for a consistent look. They don't use these: Main Image Spacing below image, Thumbnails Position and Aspect ratio, Arrows Enable arrows and icon choices, the Lightbox tab's master switch, background, fit, max width, close icon and counter, and the whole Responsive tab. Each style has its own settings for those.
| Free tab | Used by Pro styles for |
|---|---|
| Main Image | Background, border, corner radius, zoom icon; image fit (most styles); ratio and transition (Vertical Slider, Multi-Row; Carousel uses fade or slide) |
| Zoom | Inner and Lens on every style; Window only on Vertical Slider, Multi-Row and Carousel |
| Thumbnails | Spacing, shape, active border, opacity; visible count and scroll buttons on the vertical styles and Fullscreen |
| Arrows | Size, shape, colors, border, custom icons, Hide on mobile; placement on Carousel and Fullscreen |
| Lightbox | Thumbnail strip, zoom, share and slideshow buttons, interval, icon colors, keyboard and swipe |
Style shortcodes
Each style has a shortcode that shows it regardless of the Active style, listed with copy buttons in the Pro Style Shortcodes panel on the General tab.
- A card per style with its shortcode and a copy button
- The note on the id attribute and the expandable attribute reference
[siteryn_pgz_pro_standard] [siteryn_pgz_pro_grid] [siteryn_pgz_pro_vertical_slider] [siteryn_pgz_pro_modern_grid] [siteryn_pgz_pro_vertical_scroll] [siteryn_pgz_pro_masonry] [siteryn_pgz_pro_multirow_slider] [siteryn_pgz_pro_split] [siteryn_pgz_pro_carousel] [siteryn_pgz_pro_fullscreen] [siteryn_pgz_pro_video]
id="123"shows a specific product; otherwise the current product.- Any Free setting can be overridden as an attribute for that one shortcode, e.g.
[siteryn_pgz_pro_grid id="123" main_image_fit="cover" zoom_mode="lens"]. The panel's attribute reference lists each attribute, its values and default. Style-specific settings (such as grid columns) can't be set this way. - They load their own styles and scripts, so they work on any page.
- Without an active license they show the Free gallery and ignore the attributes.