Testimonial images
What is the Testimonial Images section?
The Testimonial Images section allows you to showcase customer feedback in a visually engaging slider format. This section provides dedicated blocks where you can add images optimized for both desktop and mobile, a star rating, a testimonial quote, and the author's name. It offers a polished, dynamic alternative to the basic testimonial layout, helping you build trust and enhance your store’s visual storytelling.
Main settings
General
- Heading – Allows you to set a title for the testimonial section, such as "What our customers say," to introduce the reviews elegantly.
- Text style – Choose between "Subtitle" or "Body" text style to adjust the visual hierarchy of your heading.
- Font size for large screen – Adjust the heading and text font size on larger screens (desktop and tablets).
- Font size for mobile screen – Adjust the heading and text font size specifically for mobile devices.
- Desktop layout – Choose whether the image or the text appears first on desktop screens ("Image first" is the default for mobile).
- Desktop percentage image width – Set the proportion of the section occupied by the image on desktop devices.
- Make section full width – Enable this option to stretch the testimonial slider to the full width of the page.
- Auto-rotate slides – Automatically cycle through testimonials without user interaction.
- Change testimonials every – Set the interval (in seconds) for how often slides rotate when auto-rotate is enabled.
Section Height
- Height – Choose whether the section height adapts to the image size or remains at a fixed height.
- Desktop fixed height – Define the section's height (in pixels) for desktop screens when "Fixed height" is selected.
Large screen version
- Large screen text alignment – Adjust the vertical alignment of text within the testimonial area (Top, Center, or Bottom).
- Horizontal alignment – Align the text horizontally (Left, Center, or Right) on large screens.
Mobile version
- Mobile screen text alignment – Set the horizontal text alignment (Left, Center, or Right) specifically for mobile screens.
Colors
- Heading color – Customize the heading text color for better brand consistency.
- Section background color – Set a background color for the entire testimonial section.
- Background opacity – Control the transparency level of the section background.
- Text color – Define the main text color for the testimonials and author names.
- Text container color – Set a background color specifically for the text container area.
- Background opacity – Adjust the transparency of the text container background.
Section spacing
- Distance from the top – Add spacing (in pixels) above the testimonial section to create breathing room.
- Distance from the bottom – Add spacing (in pixels) below the testimonial section for better layout balance
Customize Testimonial block
Click one of the Testimonial block to customize it.
Mobile view example
