A slider of images
A slideshow at the top of a page.
Life cycle: Build, example 25 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 Slider (group Gallery) into the zone
main. - Select the block, open the Design tab and fill the source: Parent node ID, Limit, Class filter, Image attribute identifier, Thumbnail size alias.
- Publish layout. The pages that use the layout show the block on their next view.
With templates
- Override
explayouts/block/gallery/slider.tplof the media design in your extension to change the slides' markup.
Which to choose
Respect prefers-reduced-motion in the styles if the slider moves by itself.
Check
- The slides can be moved with the keyboard.
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.