Testimonials 3 section

testimonials3.png

1. Purpose

Displays customer reviews in a slider to build trust and highlight positive experiences with your products or services.

2. Common use cases

3. How to add

Shopify Admin → Online Store → Themes → Customize → Add section → Testimonials 3

4. Main blocks

5. Key settings

5.1. Heading options

Setting

Description

Heading

Adds the main section title.

Alignment

Aligns the heading left or center.

Heading tag

Sets the HTML heading tag for SEO and accessibility.

Heading font size

Controls the heading size.

Subheading

Adds supporting text below the heading.

Subheading size

Controls the supporting text size.

Heading reverse

Swaps the heading and subheading positions.

Distance between heading items

Adjusts spacing between heading elements.

Distance between heading and content

Sets the gap above the testimonial content.

5.2. General and slider settings

Setting

Description

Content align

Aligns testimonial content left or center.

Use prev/next button

Displays slider navigation arrows.

Navigation design

Selects the arrow style.

Use dots

Displays pagination dots.

Distance from dots to boundary

Adjusts spacing around the dots.

5.3. Testimonial item

Setting

Description

Image

Adds a customer photo or brand logo.

Heading

Adds a short testimonial title.

Text

Adds the customer review.

Author

Displays the reviewer’s name.

5.4. Section layout

Setting

Description

Color scheme

Controls the section colors.

Image

Adds a background image.

Enable section full width

Expands the section across the browser width.

Section padding

Adjusts spacing above and below the section.

Rate padding (mobile)

Controls responsive spacing on mobile.

Custom CSS

Adds custom styles to this section only.

6. Best practices

7. Common issues

Issue

Solution

Testimonials are not showing

Add and enable at least one Testimonial item.

Slider navigation is missing

Enable arrows or dots.

Reviews have uneven heights

Keep testimonial text lengths similar.

Background image reduces readability

Adjust the color scheme or use a clearer image.

Heading hierarchy is incorrect

Select an appropriate heading tag such as H2 or H3.