Testimonials

At a glance

Customer quotes and ratings in a carousel or grid to build trust.

Where to find it

Theme editor path: Online Store → Customize → select the relevant page → Testimonials
Add to a page: Add via Add section → category Content.

Settings

Layout

Setting	What it does	Default	Shows when
Padding top	Adds empty space (padding top) around the section content.	24	Always
Padding bottom	Adds empty space (padding bottom) around the section content.	24	Always
Full width	Controls “Full width” on the storefront. Open the theme editor to preview live.	Yes	Always

Separator

Setting	What it does	Default	Shows when
Show separator line	Turns “Show separator line” on or off on the storefront.	No	Always
Use global separator color	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Show separator is on
Separator color	Controls the divider line: separator color.	#E5E5E5	Show separator is on and Use global separator color is off
Separator thickness	Controls the divider line: separator thickness.	2	Show separator is on
Separator margin top	Controls the divider line: separator margin top.	0	Show separator is on
Separator margin bottom	Controls the divider line: separator margin bottom.	0	Show separator is on

Color scheme

Setting	What it does	Default	Shows when
Color scheme	Applies a color scheme from Theme settings → Colors.	scheme-1	Always

Blocks

Block	Purpose	Limit
Header & CTA Content	Add and configure in theme editor.	1
Card Design	Add and configure in theme editor.	1
Column Settings	Add and configure in theme editor.	1
Testimonial	Add and configure in theme editor.	—

Header & CTA Content settings

Setting	What it does	Default	Shows when
Overline	Controls “Overline” on the storefront. Open the theme editor to preview live.	—	Always
Use global overline styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Overline is filled in
Overline font size (mobile)	Sets overline font size (mobile) in pixels for the matching screen size.	12	Overline is filled in and Use global overline styles is off
Overline font size (tablet)	Sets overline font size (tablet) in pixels for the matching screen size.	13	Overline is filled in and Use global overline styles is off
Overline font size (desktop)	Sets overline font size (desktop) in pixels for the matching screen size.	14	Overline is filled in and Use global overline styles is off
Overline font weight	Sets how bold overline text appears.	500	Overline is filled in and Use global overline styles is off
Heading	Controls “Heading” on the storefront. Open the theme editor to preview live.	What our customers say	Always
Use global H2 heading styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Heading is filled in
Heading font size (mobile)	Sets heading font size (mobile) in pixels for the matching screen size.	26	Heading is filled in and Use global heading styles is off
Heading font size (tablet)	Sets heading font size (tablet) in pixels for the matching screen size.	29	Heading is filled in and Use global heading styles is off
Heading font size (desktop)	Sets heading font size (desktop) in pixels for the matching screen size.	33	Heading is filled in and Use global heading styles is off
Heading font weight	Sets how bold heading text appears.	500	Heading is filled in and Use global heading styles is off
Subheading	Controls “Subheading” on the storefront. Open the theme editor to preview live.	Real stories from real people	Always
Use global subheading styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	subHeading is filled in
Subheading font size (mobile)	Sets subheading font size (mobile) in pixels for the matching screen size.	16	Subheading is filled in and Use global subheading styles is off
Subheading font size (tablet)	Sets subheading font size (tablet) in pixels for the matching screen size.	18	Subheading is filled in and Use global subheading styles is off
Subheading font size (desktop)	Sets subheading font size (desktop) in pixels for the matching screen size.	19	Subheading is filled in and Use global subheading styles is off
Subheading max width	Controls “Subheading max width” on the storefront. Open the theme editor to preview live.	500	subHeading is filled in

Alignment

Setting	What it does	Default	Shows when
Hide heading and subheading (for accessibility)	Controls “Hide heading and subheading (for accessibility)” on the storefront. Open the theme editor to preview live.	No	Always
Content alignment	Controls “Content alignment” on the storefront. Open the theme editor to preview live.	center	Hide heading/subheading visually is off

CTA

Setting	What it does	Default	Shows when
Button text	Controls “Button text” on the storefront. Open the theme editor to preview live.	—	Always
Button link	Controls “Button link” on the storefront. Open the theme editor to preview live.	—	Button text is filled in
Button variant	Chooses the button look (primary, secondary, outline, or ghost).	primary	Button text is filled in
Button size	Chooses the button size from Theme settings → Button sizes.	medium	Button text is filled in
Use global button styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Button text is filled in
Button background	Controls “Button background” on the storefront. Open the theme editor to preview live.	#ffffff	Button text is filled in and Use global button styles is off
Button text color	Controls “Button text color” on the storefront. Open the theme editor to preview live.	#000000	Button text is filled in and Use global button styles is off
Enable full width on mobile	Turns “Enable full width on mobile” on or off on the storefront.	No	Button text is filled in
Enable shimmer	Adds a moving highlight across the button or ribbon.	Yes	Button text is filled in

Card settings

Setting	What it does	Default	Shows when
Card aspect ratio	Controls “Card aspect ratio” on the storefront. Open the theme editor to preview live.	3 / 4	Always
Featured card overlay opacity	Controls “Featured card overlay opacity” on the storefront. Open the theme editor to preview live.	45	Always
Card border radius	Rounds the corners. Higher values look more pill-shaped.	16	Always

Mobile (up to 639px)

Setting	What it does	Default	Shows when
Card style	Controls “Card style” on the storefront. Open the theme editor to preview live.	clean	Always

Tablet (640px – 879px)

Setting	What it does	Default	Shows when
Card style	Controls “Card style” on the storefront. Open the theme editor to preview live.	clean	Always

Desktop (880px+)

Setting	What it does	Default	Shows when
Card style	Controls “Card style” on the storefront. Open the theme editor to preview live.	clean	Always

Layout

Setting	What it does	Default	Shows when
Grid gap (mobile)	Controls “Grid gap (mobile)” on the storefront. Open the theme editor to preview live.	15	Always
Grid gap (tablet)	Controls “Grid gap (tablet)” on the storefront. Open the theme editor to preview live.	15	Always
Grid gap (desktop)	Controls “Grid gap (desktop)” on the storefront. Open the theme editor to preview live.	15	Always

Mobile (up to 639px)

Setting	What it does	Default	Shows when
Enable horizontal scroll	Swipe through images. Adjust visible items to show a peek of the next image.	No	Always
Visible items (mobile)	Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only.	1.7	Horizontal scroll (mobile) is on
How many items?	Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item.	none	Horizontal scroll (mobile) is on
Show swipe hint	Shows swipe helper text on mobile.	Yes	Horizontal scroll (mobile) is on
Slides per view (mobile)	Controls “Slides per view (mobile)” on the storefront. Open the theme editor to preview live.	1	Horizontal scroll (mobile) is off
How many rows?	Extra testimonials stay in the section but are hidden on the storefront until you add more rows or choose All testimonials.	show_all	Horizontal scroll (mobile) is off
Rows on mobile	Controls “Rows on mobile” on the storefront. Open the theme editor to preview live.	1	Horizontal scroll (mobile) is off and rows are capped

Tablet (640px – 879px)

Setting	What it does	Default	Shows when
Enable horizontal scroll	Swipe through images. Adjust visible items to show a peek of the next image.	No	Always
Visible items (tablet)	Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only.	2.2	Horizontal scroll (tablet) is on
How many items?	Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item.	none	Horizontal scroll (tablet) is on
Show swipe hint	Shows swipe helper text on mobile.	Yes	Horizontal scroll (tablet) is on
Slides per view (tablet)	Controls “Slides per view (tablet)” on the storefront. Open the theme editor to preview live.	2	Horizontal scroll (tablet) is off
How many rows?	Extra testimonials stay in the section but are hidden on the storefront until you add more rows or choose All testimonials.	show_all	Horizontal scroll (tablet) is off
Rows on tablet	Controls “Rows on tablet” on the storefront. Open the theme editor to preview live.	1	Horizontal scroll (tablet) is off and rows are capped

Desktop (880px+)

Setting	What it does	Default	Shows when
Enable horizontal scroll	Swipe through images. Adjust visible items to show a peek of the next image.	No	Always
Visible items (desktop)	Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only.	3.2	Horizontal scroll (desktop) is on
How many items?	Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item.	none	Horizontal scroll (desktop) is on
Show swipe hint	Shows swipe helper text on mobile.	Yes	Horizontal scroll (desktop) is on
Slides per view (desktop)	Controls “Slides per view (desktop)” on the storefront. Open the theme editor to preview live.	3	Horizontal scroll (desktop) is off
How many rows?	Extra testimonials stay in the section but are hidden on the storefront until you add more rows or choose All testimonials.	show_all	Horizontal scroll (desktop) is off
Rows on desktop	Controls “Rows on desktop” on the storefront. Open the theme editor to preview live.	1	Horizontal scroll (desktop) is off and rows are capped

Autoscroll

Setting	What it does	Default	Shows when
Enable autoscroll	Automatically advance the carousel.	No	Horizontal scroll (mobile) is on or Horizontal scroll (tablet) is on or Horizontal scroll (desktop) is on
Autoscroll direction	Controls “Autoscroll direction” on the storefront. Open the theme editor to preview live.	left_to_right	autoscroll
Animation time	Controls “Animation time” on the storefront. Open the theme editor to preview live.	4000	autoscroll
Pause animation on hover	Controls “Pause animation on hover” on the storefront. Open the theme editor to preview live.	Yes	autoscroll
Pause animation on focus	Controls “Pause animation on focus” on the storefront. Open the theme editor to preview live.	Yes	autoscroll

General

Setting	What it does	Default	Shows when
Card style	Controls “Card style” on the storefront. Open the theme editor to preview live.	standard	Always
Avatar image	Controls the image setting “Avatar image”. Upload clear photos for best results.	—	Always
Quote	Controls “Quote” on the storefront. Open the theme editor to preview live.	This product changed how our team works every day.	card style == 'standard'
Person name	Controls “Person name” on the storefront. Open the theme editor to preview live.	Alex Morgan	Always
Designation	Controls “Designation” on the storefront. Open the theme editor to preview live.	Product Manager	Always

Featured card

Setting	What it does	Default	Shows when
Background image	Controls the image setting “Background image”. Upload clear photos for best results.	—	Card style is Featured
Video type	Controls “Video type” on the storefront. Open the theme editor to preview live.	shopify	Card style is Featured
Video	Controls “Video” on the storefront. Open the theme editor to preview live.	—	Card style is Featured and video type == 'shopify'
External video URL	Paste a YouTube or Vimeo URL.	—	Card style is Featured and video type == 'external'

Playback

Setting	What it does	Default	Shows when
Autoplay	Automatically advances slides without the customer clicking.	No	Card style is Featured
Loop	Controls “Loop” on the storefront. Open the theme editor to preview live.	No	Card style is Featured
Muted	Controls “Muted” on the storefront. Open the theme editor to preview live.	Yes	Card style is Featured
Show controls	Turns “Show controls” on or off on the storefront.	No	Card style is Featured

Person name font

Setting	What it does	Default	Shows when
Use global font family	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Always
Global font family	Controls “Global font family” on the storefront. Open the theme editor to preview live.	accent	use global name font
Custom font family	Controls “Custom font family” on the storefront. Open the theme editor to preview live.	jost_n4	use global name font is off

Country visibility

Setting	What it does	Default	Shows when
Show in country	Enter ISO country codes separated by commas, for example: IN, CA. Leave blank to show in all countries.	—	Always
Exclude from country	Enter ISO country codes separated by commas to hide this slide in those markets. Leave blank to exclude no countries.	—	Always

Setting details

Each control from the tables above, explained simply:

Padding top

Adds empty space (padding top) around the section content. Default: 24.

Padding bottom

Adds empty space (padding bottom) around the section content. Default: 24.

Full width

Controls “Full width” on the storefront. Open the theme editor to preview live. Default: Yes.

Show separator line

Turns “Show separator line” on or off on the storefront. Default: No.

Use global separator color

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Show separator is on.

Separator color

Controls the divider line: separator color. Default: #E5E5E5. This control appears when: Show separator is on and Use global separator color is off.

Separator thickness

Controls the divider line: separator thickness. Default: 2. This control appears when: Show separator is on.

Separator margin top

Controls the divider line: separator margin top. Default: 0. This control appears when: Show separator is on.

Separator margin bottom

Controls the divider line: separator margin bottom. Default: 0. This control appears when: Show separator is on.

Color scheme

Applies a color scheme from Theme settings → Colors. Default: scheme-1.

Overline

Controls “Overline” on the storefront. Open the theme editor to preview live. Default: —.

Use global overline styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Overline is filled in.

Overline font size (mobile)

Sets overline font size (mobile) in pixels for the matching screen size. Default: 12. This control appears when: Overline is filled in and Use global overline styles is off.

Overline font size (tablet)

Sets overline font size (tablet) in pixels for the matching screen size. Default: 13. This control appears when: Overline is filled in and Use global overline styles is off.

Overline font size (desktop)

Sets overline font size (desktop) in pixels for the matching screen size. Default: 14. This control appears when: Overline is filled in and Use global overline styles is off.

Overline font weight

Sets how bold overline text appears. Default: 500. This control appears when: Overline is filled in and Use global overline styles is off.

Heading

Controls “Heading” on the storefront. Open the theme editor to preview live. Default: What our customers say.

Use global H2 heading styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Heading is filled in.

Heading font size (mobile)

Sets heading font size (mobile) in pixels for the matching screen size. Default: 26. This control appears when: Heading is filled in and Use global heading styles is off.

Heading font size (tablet)

Sets heading font size (tablet) in pixels for the matching screen size. Default: 29. This control appears when: Heading is filled in and Use global heading styles is off.

Heading font size (desktop)

Sets heading font size (desktop) in pixels for the matching screen size. Default: 33. This control appears when: Heading is filled in and Use global heading styles is off.

Heading font weight

Sets how bold heading text appears. Default: 500. This control appears when: Heading is filled in and Use global heading styles is off.

Subheading

Controls “Subheading” on the storefront. Open the theme editor to preview live. Default: Real stories from real people.

Use global subheading styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: subHeading is filled in.

Subheading font size (mobile)

Sets subheading font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: Subheading is filled in and Use global subheading styles is off.

Subheading font size (tablet)

Sets subheading font size (tablet) in pixels for the matching screen size. Default: 18. This control appears when: Subheading is filled in and Use global subheading styles is off.

Subheading font size (desktop)

Sets subheading font size (desktop) in pixels for the matching screen size. Default: 19. This control appears when: Subheading is filled in and Use global subheading styles is off.

Subheading max width

Controls “Subheading max width” on the storefront. Open the theme editor to preview live. Default: 500. This control appears when: subHeading is filled in.

Hide heading and subheading (for accessibility)

Controls “Hide heading and subheading (for accessibility)” on the storefront. Open the theme editor to preview live. Default: No.

Content alignment

Controls “Content alignment” on the storefront. Open the theme editor to preview live. Default: center. This control appears when: Hide heading/subheading visually is off.

Button text

Controls “Button text” on the storefront. Open the theme editor to preview live. Default: —.

Button link

Controls “Button link” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: Button text is filled in.

Button variant

Chooses the button look (primary, secondary, outline, or ghost). Default: primary. This control appears when: Button text is filled in.

Button size

Chooses the button size from Theme settings → Button sizes. Default: medium. This control appears when: Button text is filled in.

Use global button styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Button text is filled in.

Button background

Controls “Button background” on the storefront. Open the theme editor to preview live. Default: #ffffff. This control appears when: Button text is filled in and Use global button styles is off.

Button text color

Controls “Button text color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Button text is filled in and Use global button styles is off.

Enable full width on mobile

Turns “Enable full width on mobile” on or off on the storefront. Default: No. This control appears when: Button text is filled in.

Enable shimmer

Adds a moving highlight across the button or ribbon. Default: Yes. This control appears when: Button text is filled in.

Card aspect ratio

Controls “Card aspect ratio” on the storefront. Open the theme editor to preview live. Default: 3 / 4.

Featured card overlay opacity

Controls “Featured card overlay opacity” on the storefront. Open the theme editor to preview live. Default: 45.

Card border radius

Rounds the corners. Higher values look more pill-shaped. Default: 16.

Card style

Controls “Card style” on the storefront. Open the theme editor to preview live. Default: clean.

Card style

Controls “Card style” on the storefront. Open the theme editor to preview live. Default: clean.

Card style

Controls “Card style” on the storefront. Open the theme editor to preview live. Default: clean.

Grid gap (mobile)

Controls “Grid gap (mobile)” on the storefront. Open the theme editor to preview live. Default: 15.

Grid gap (tablet)

Controls “Grid gap (tablet)” on the storefront. Open the theme editor to preview live. Default: 15.

Grid gap (desktop)

Controls “Grid gap (desktop)” on the storefront. Open the theme editor to preview live. Default: 15.

Enable horizontal scroll

Swipe through images. Adjust visible items to show a peek of the next image. Default: No.

Visible items (mobile)

Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only. Default: 1.7. This control appears when: Horizontal scroll (mobile) is on.

How many items?

Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item. Default: none. This control appears when: Horizontal scroll (mobile) is on.

Show swipe hint

Shows swipe helper text on mobile. Default: Yes. This control appears when: Horizontal scroll (mobile) is on.

Slides per view (mobile)

Controls “Slides per view (mobile)” on the storefront. Open the theme editor to preview live. Default: 1. This control appears when: Horizontal scroll (mobile) is off.

Extra testimonials stay in the section but are hidden on the storefront until you add more rows or choose All testimonials. Default: show_all. This control appears when: Horizontal scroll (mobile) is off.

Rows on mobile

Controls “Rows on mobile” on the storefront. Open the theme editor to preview live. Default: 1. This control appears when: Horizontal scroll (mobile) is off and rows mode mobile == 'cap'.

Enable horizontal scroll

Swipe through images. Adjust visible items to show a peek of the next image. Default: No.

Visible items (tablet)

Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only. Default: 2.2. This control appears when: Horizontal scroll (tablet) is on.

How many items?

Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item. Default: none. This control appears when: Horizontal scroll (tablet) is on.

Show swipe hint

Shows swipe helper text on mobile. Default: Yes. This control appears when: Horizontal scroll (tablet) is on.

Slides per view (tablet)

Controls “Slides per view (tablet)” on the storefront. Open the theme editor to preview live. Default: 2. This control appears when: Horizontal scroll (tablet) is off.

How many rows?

Rows on tablet

Controls “Rows on tablet” on the storefront. Open the theme editor to preview live. Default: 1. This control appears when: Horizontal scroll (tablet) is off and rows mode tablet == 'cap'.

Enable horizontal scroll

Swipe through images. Adjust visible items to show a peek of the next image. Default: No.

Visible items (desktop)

Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only. Default: 3.2. This control appears when: Horizontal scroll (desktop) is on.

How many items?

Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item. Default: none. This control appears when: Horizontal scroll (desktop) is on.

Show swipe hint

Shows swipe helper text on mobile. Default: Yes. This control appears when: Horizontal scroll (desktop) is on.

Slides per view (desktop)

Controls “Slides per view (desktop)” on the storefront. Open the theme editor to preview live. Default: 3. This control appears when: Horizontal scroll (desktop) is off.

How many rows?

Rows on desktop

Controls “Rows on desktop” on the storefront. Open the theme editor to preview live. Default: 1. This control appears when: Horizontal scroll (desktop) is off and rows mode desktop == 'cap'.

Enable autoscroll

Automatically advance the carousel. Default: No. This control appears when: Horizontal scroll (mobile) is on or Horizontal scroll (tablet) is on or Horizontal scroll (desktop) is on.

Autoscroll direction

Controls “Autoscroll direction” on the storefront. Open the theme editor to preview live. Default: left_to_right. This control appears when: autoscroll.

Animation time

Controls “Animation time” on the storefront. Open the theme editor to preview live. Default: 4000. This control appears when: autoscroll.

Pause animation on hover

Controls “Pause animation on hover” on the storefront. Open the theme editor to preview live. Default: Yes. This control appears when: autoscroll.

Pause animation on focus

Controls “Pause animation on focus” on the storefront. Open the theme editor to preview live. Default: Yes. This control appears when: autoscroll.

Card style

Controls “Card style” on the storefront. Open the theme editor to preview live. Default: standard.

Avatar image

Controls the image setting “Avatar image”. Upload clear photos for best results. Default: —.

Quote

Controls “Quote” on the storefront. Open the theme editor to preview live. Default: This product changed how our team works every day.. This control appears when: card style == 'standard'.

Person name

Controls “Person name” on the storefront. Open the theme editor to preview live. Default: Alex Morgan.

Designation

Controls “Designation” on the storefront. Open the theme editor to preview live. Default: Product Manager.

Background image

Controls the image setting “Background image”. Upload clear photos for best results. Default: —. This control appears when: Card style is Featured.

Video type

Controls “Video type” on the storefront. Open the theme editor to preview live. Default: shopify. This control appears when: Card style is Featured.

Video

Controls “Video” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: Card style is Featured and video type == 'shopify'.

External video URL

Paste a YouTube or Vimeo URL. Default: —. This control appears when: Card style is Featured and video type == 'external'.

Autoplay

Automatically advances slides without the customer clicking. Default: No. This control appears when: Card style is Featured.

Loop

Controls “Loop” on the storefront. Open the theme editor to preview live. Default: No. This control appears when: Card style is Featured.

Muted

Controls “Muted” on the storefront. Open the theme editor to preview live. Default: Yes. This control appears when: Card style is Featured.

Show controls

Turns “Show controls” on or off on the storefront. Default: No. This control appears when: Card style is Featured.

Use global font family

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.

Global font family

Controls “Global font family” on the storefront. Open the theme editor to preview live. Default: accent. This control appears when: use global name font.

Custom font family

Controls “Custom font family” on the storefront. Open the theme editor to preview live. Default: jost_n4. This control appears when: use global name font is off.

Show in country

Enter ISO country codes separated by commas, for example: IN, CA. Leave blank to show in all countries. Default: —.

Exclude from country

Enter ISO country codes separated by commas to hide this slide in those markets. Leave blank to exclude no countries. Default: —.

Tips

Open the theme editor and select this section to preview changes live.
Use Theme settings for fonts, colors, and buttons that apply store-wide.

Testimonials

On this page