Testimonials

Overview #

The Testimonials section is designed to showcase customer testimonials, enhancing credibility and trust by linking testimonials to related products. This section allows for flexible display options, making it suitable for various layouts and devices.

Key components and functionality #

Layout settings

Layout settings allow you to customize how testimonials are displayed on different devices, ensuring an optimal viewing experience.

• Desktop column count: Adjusts the number of testimonial columns displayed on desktop. The range is from 1 to 8, with a default of 4.
• Mobile column count: Adjusts the number of testimonial columns displayed on mobile devices. The range is from 1 to 4, with a default of 2.
• Desktop layout: Choose between a grid or slider layout for desktop. Options include "grid" and "slider".
• Mobile layout: Choose between a grid or slider layout for mobile. Options include "grid" and "slider".
• Content alignment: Aligns the content within the testimonials. Options include "top", "center", and "bottom".
• Stretch content vertically: Ensures that blocks stretch to match the height of the largest block in the row. The default is true.

Slideshow settings

Slideshow settings control the behavior and appearance of the slideshow when testimonials are displayed in a slider format, providing a dynamic and engaging user experience.

• Animation style: Choose the transition style for slides. Options include "default" and "fade", with a default of default.
• Animation speed: Sets the speed of the slide transition, ranging from 0.1 to 5 seconds, with a default of 0.8s.
• Autoplay delay: Determines the delay between automatic slide transitions, ranging from 0 to 10 seconds, with a default of 4s.
• Autoplay slideshow: Enables or disables automatic slide transitions. The default is false.
• Controls position vertical: Sets the vertical position of slideshow controls. Options include "above" and "below", with a default of above.
• Pagination style: Defines the style of pagination indicators. Options include "dynamic", "fraction", "progress bar", and "scrollbar".
• Loop slides: Allows slides to loop continuously. The default is false.
• Show navigation: Displays navigation controls for the slideshow. The default is true.
• Show pagination: Displays pagination indicators for the slideshow.
• Show preview of next slides: Shows a preview of the next slides in the slideshow. The default is true.

Usage examples #

1. Desktop grid layout: Set the desktop column count to 4 and choose the grid layout to display testimonials in a structured format. This is ideal for showcasing multiple testimonials at once.

2. Mobile slider layout: Opt for a slider layout on mobile with a column count of 2. Enable autoplay with a delay of 3 seconds to create an engaging, dynamic display that captures user attention.

3. Custom content alignment: Use the content alignment setting to center-align testimonials, creating a balanced and visually appealing presentation.

These settings and examples provide a flexible framework for displaying customer testimonials, enhancing user engagement and trust.