Grid styles
Show every image at once: equal tiles, a mosaic, masonry columns, or one featured image beside the rest. Click any image to open the lightbox.
Grid Gallery
- Equal square tiles in three columns
| Setting | Default | Range |
|---|---|---|
| Columns (desktop · tablet ≤782px · mobile ≤480px) | 3 · 2 · 1 | 2–6 · 1–4 · 1–2 |
| Spacing between tiles (px) | 10 | 0–40 |
| Tile aspect ratio | 1:1 | 1:1, 4:3, 3:4, 16:9 |
| Enable click-to-zoom lightbox | On |
Tile fit comes from the Main Image tab. Shortcode: [siteryn_pgz_pro_grid]
Modern Grid
- Three tiles, one wide hero, two tiles
A repeating six-image mosaic: three across, one full-width hero, two across. On tablets and phones it becomes a plain grid.
| Setting | Default | Range |
|---|---|---|
| Tile ratio · Hero tile ratio | 1:1 · 16:9 | 1:1, 4:3, 3:4, 16:9, 21:9 |
| Spacing between tiles (px) | 10 | 0–40 |
| Columns (tablet · mobile) | 2 · 1 | 1–3 · 1–2 |
| Enable click-to-zoom lightbox | On |
Shortcode: [siteryn_pgz_pro_modern_grid]
Masonry Gallery
- Columns of images at varied heights
Pinterest-style columns, each image at its natural shape. Images run top to bottom down each column.
| Setting | Default | Range |
|---|---|---|
| Columns (desktop · tablet · mobile) | 3 · 2 · 1 | 2–6 · 1–4 · 1–2 |
| Spacing between tiles (px) | 10 | 0–40 |
| Enable click-to-zoom lightbox | On |
Shortcode: [siteryn_pgz_pro_masonry]
Split Gallery
- Large featured image left, two columns of smaller images right
One large featured image (shown whole) beside or above a grid of the others (filled, may crop). On tablets and phones it stacks, featured image first.
| Setting | Default | Options |
|---|---|---|
| Featured image position | Left | Left, Right, Above (supporting images below) |
| Featured image | First image | First, Last |
| Supporting image columns | 2 | 1–4 |
| Spacing between images (px) | 10 | 0–40 |
| Featured image aspect ratio | Natural | Natural, 1:1, 4:3, 3:4, 16:9 |
| Supporting image aspect ratio | 1:1 | Same options; applies in the Above layout (Left/Right stretch to the featured image's height) |
| Enable click-to-zoom lightbox | On |
Shortcode: [siteryn_pgz_pro_split]
Sticky product summary
Grid, Modern Grid, Masonry and Split galleries can be taller than the product summary beside them. Turn on Keep the product summary in view while scrolling (desktop only) in the style's Sticky Sidebar card.
| Setting | Default |
|---|---|
| Keep the product summary in view while scrolling | Off |
| Sticky top offset (px) | 20 (0–200); raise it if a fixed header covers the summary |
| Sticky target selector (optional) | Blank uses WooCommerce's classic summary; set your theme's summary selector if it doesn't stick (common with block themes) |