Testimonial Carousel
layout:testimonial-carousel
This layout turns each nested Basic page into one testimonial slide.
#Nested testimonial mapping
| Visible element | NationBuilder field |
|---|---|
| Quote | Child Basic page content |
| Author or attribution | Child page headline |
| Portrait, photograph or logo | First child-page image attachment |
The module page headline is used as the carousel's accessible label. If it is empty, the label defaults to “Testimonials”. The module page's visible headline/content are not rendered by this layout.
Behaviour
- Slides rotate every 12 seconds and pause on hover.
- Previous/next controls and position indicators appear when there is more than one slide.
- Slides are automatically given the height of the tallest testimonial to avoid page jumping.
- On mobile the image is above the testimonial. On larger screens the quote is on the left and image on the right.
- A testimonial without an image uses a text-only presentation.
Reorder the child pages to change the slide order. Keep quotes reasonably similar in length even though the carousel equalises their heights.
The homepage uses home_testimonials.