A gallery with thumbnails
A product-style gallery: one large picture, small ones to switch.
Life cycle: Build, example 26 of 35. Worked out on the Fit & Healthy site of Exponential 6.0.15+.
Contents
In the Layouts editor
- Open Layouts > Layouts and the layout Landing Page / Home; the editor opens it in a draft.
- Open the block palette (+ at the top left) and drag Thumb gallery (group Gallery) into the zone
main. - Select the block, open the Design tab and fill the image source fields.
- Publish layout. The pages that use the layout show the block on their next view.
With templates
- Override
explayouts/block/gallery/thumb_gallery.tpl(media design) to change it everywhere.
Which to choose
No code for the block; override only for a new look.
Check
- Clicking a thumbnail changes the large image.
Related pages
- How a block maps to its templates
- Build examples, every page
- Free documentation: this page is free to copy, translate and improve under the GNU FDL 1.3.
Become an Exponential Partner
Partners share their information, provide funding, contribute back and develop the products with us, and that is how Exponential grows. A partner website and dashboard are planned for mid-2027: please become a partner today to speed up our growth rate and land new features faster.