Gallery parts
The values of `gallery` inside `smootify-product [product="gallery"]`.
On this page
At a glance
Slider and thumbnails
- Parts
gallery="slider"gallery="thumbnails"- A click
- On a thumbnail, moves the slider.
Slides that open full screen
- Parts
gallery="slider"with a Lightbox link in its first slide- A click
- On a slide, opens its picture full screen.
A slider with a zoom link
- Parts
gallery="slider"gallery="lightbox"- A click
- On the zoom link, opens every picture full screen.
A grid of pictures, no slider
- Parts
gallery="lightboxes"- A click
- On a picture, opens it full screen, then the others.
More in the guide.
Where it can go
- Inside
smootify-product [product="gallery"].
Values
| Attribute and value | What it is | Notes |
|---|---|---|
gallery="slider" | Slider | A slide per media; on slider |
gallery="thumbnails" | Thumbnails | Repeated; a click moves the slider; on container, image, link |
gallery="lightbox" | Lightbox | One link opening every media; on lightbox |
gallery="lightboxes" | Lightboxes | A link per media; on lightbox |