Testimonials settings

This guide describes the Testimonials section.

The Testimonials section is designed to highlight customer feedback in a visually engaging way.

Right side: A vertical list of customer reviews that smoothly scrolls as the user navigates.
Left side: A badge, heading, and button that provide context and a call-to-action.
Styling option: You can optionally add a background image to further enhance the visual style of the section.

How to access the Slideshow section

Access this section through the theme customizer:

Navigate to Online Store > Themes
Select “Customize” on your active theme
On any theme template, click “Add section”
Search and select “Testimonials”

To insert a new section between existing ones, follow the steps in the article "Sections and blocks" and locate the section titled “How to add a section”.

How to configure the Testimonials section

Basic Components

The “Testimonials” section consists of two primary components:

General settings – These control the overall settings of the section.
Testimonial block – Each testimonial has its own individual settings.

To insert a new block between existing ones or to add a block when none have been added yet, refer to the article "Sections and blocks" and locate the section titled “How to add a block”.

General settings

Setting	Description
Color scheme	You can apply different color schemes to your store: After creating color schemes in the theme settings under the 'Colors' tab, you can assign them to different sections of your store. In each template, section, or block, you'll find a 'Color Scheme' dropdown. Simply select the appropriate color scheme to maintain consistency and align with your brand's identity.
Heading	This field is for adding a heading to the section. The heading will be displayed on the left side of the image. In the top menu of the field, you can find options to customize the heading. Furthermore, you can click the dynamic source button to insert a dynamic source as the heading of the section.
Heading size	The heading size setting offers three options to control the size of your section heading: Small Medium Large

Background image settings

Setting	Description
Background image	This option allows you to upload an image that will be displayed as the background for all testimonial blocks.
Image mobile	You can use a landscape image for desktop and a square or portrait image for mobile. This allows you to add an image with the appropriate ratio for each device, ensuring optimal display.
Image fit	“Media fit” refers to how background images are sized and displayed within their respective containers on a web page. Two options for Media fit: Original: This setting displays the media at its original size, without any cropping or resizing. Fill: This option adjusts the media to fill the entire container, even if it requires cropping or resizing to do so.

Badge settings

Settings

Description

Color scheme

Select a color scheme from the dropdown list to customize the badge colors.

You can apply different color schemes to your store:

After creating color schemes in the theme settings under the 'Colors' tab, you can assign them to different sections of your store.
In each template, section, or block, you'll find a 'Color Scheme' dropdown.
Simply select the appropriate color scheme to maintain consistency and align with your brand's identity.

Badge

Add text to the field to display it in the badge.

Button settings

Setting	Description
Button label	Decide whether the section includes a button: To display the button, enter text into the field as the label. To hide the button, leave the text field empty.
Button link (paste a link or search)	Input the URL you want the button to direct to, or select a page from the dropdown list of options that appears when you click on the field. Also, you can click the source button to add a dynamic source as a URL.
Button style	In Shopify, Button style can be customized by using the primary and secondary button color sets, which are defined in the theme settings. These color sets allow you to style buttons consistently across your store.
Button type	Button type: Choose how the button will be displayed: Button – a solid button. Button with icon – a button that includes an icon. Link – text styled as a hyperlink. Link with icon – a hyperlink that includes an icon.
Icon	Select an icon from the dropdown list; it will be displayed in the button before the text.

Section padding

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.