Testimonials

Layout, content and available controls for Testimonials.

Scale Theme · v1.9.3 · 2 min read

Where to find it

Add this section from the theme editor on a supported template.

Available content blocks

Review

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Display section ID: ID is used in the Sections group section to create anchor links. Toggle on to show a copy button on this section.
Display on: Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only
Color source: Theme colors follow Theme settings > Colors. Other sources apply only to this section.Options: Use theme colors · Choose a color scheme · Set custom colors
Saved color schemeConditional: Choose an available Shopify color scheme.
BackgroundConditional: Choose a local color when the relevant custom source is enabled.
HeadingConditional: Choose a local color when the relevant custom source is enabled.
TextConditional: Choose a local color when the relevant custom source is enabled.
Rating accentConditional: Choose a local color when the relevant custom source is enabled.
Accent textConditional: Choose a local color when the relevant custom source is enabled.
BorderConditional: Choose a local color when the relevant custom source is enabled.
Card backgroundConditional: Choose a local color when the relevant custom source is enabled.
Card borderConditional: Choose a local color when the relevant custom source is enabled.
Heading: Use bold or italic in this heading to apply the global Heading DNA accent style. Change it in Theme settings > Typography.
Accent effect: Highlight adds a slanted color plate behind bold or italic heading text. The existing accent color controls set its background.Options: Theme setting · Highlight
Heading accent color source: Global accent styling is managed in Theme settings > Typography; choose Custom for a local color.Options: Heading DNA · Custom
Custom accent colorConditional: Choose a local color when the relevant custom source is enabled.
Heading Font Size: Adjust within the range offered by the theme editor.
Heading Weight: Choose the presentation or source that fits this component.Options: Regular · Medium · Semi Bold · Bold · Extra Bold
Heading ColorConditional: Choose a local color when the relevant custom source is enabled.
Heading GradientConditional: Overrides heading color when set
Heading Alignment: Choose the presentation or source that fits this component.Options: Left · Center · Right
Heading Bottom Margin: Adjust within the range offered by the theme editor.
Mobile Heading Alignment: Choose the presentation or source that fits this component.Options: Left · Center
Show Summary Bar: Enable or disable this option and preview the result.
Rating Label: Edit the text shown by this component.
Rating Text: Edit the text shown by this component.
Review Count Text: Edit the text shown by this component.
Summary Stars: Adjust within the range offered by the theme editor.
Summary Star Size: Adjust within the range offered by the theme editor.
Summary Font Size: Adjust within the range offered by the theme editor.
Summary Font Weight: Choose the presentation or source that fits this component.Options: Regular · Medium · Semi Bold
Summary Text ColorConditional: Choose a local color when the relevant custom source is enabled.
Gap Stars - Text: Adjust within the range offered by the theme editor.
Summary Bottom Margin: Adjust within the range offered by the theme editor.
Star ColorConditional: Applies to summary and card stars
Card Star Size: Adjust within the range offered by the theme editor.
Card BackgroundConditional: Choose a local color when the relevant custom source is enabled.
Card Background GradientConditional: Overrides card background when set
Card Border ColorConditional: Choose a local color when the relevant custom source is enabled.
Card Border Width: Adjust within the range offered by the theme editor.
Card Border Radius: Adjust within the range offered by the theme editor.
Card Shadow: Enable or disable this option and preview the result.
Card Title Size: Adjust within the range offered by the theme editor.
Card Title Weight: Choose the presentation or source that fits this component.Options: Medium · Semi Bold · Bold
Card Title ColorConditional: Choose a local color when the relevant custom source is enabled.
Card Body Size: Adjust within the range offered by the theme editor.
Card Body ColorConditional: Choose a local color when the relevant custom source is enabled.
Avatar Size: Adjust within the range offered by the theme editor.
Avatar BackgroundConditional: Choose a local color when the relevant custom source is enabled.
Avatar Background GradientConditional: Use the matching control in the theme editor and preview the component before publishing.
Avatar Text ColorConditional: Choose a local color when the relevant custom source is enabled.
Author Name Size: Adjust within the range offered by the theme editor.
Author Name ColorConditional: Choose a local color when the relevant custom source is enabled.
Author Top Padding: Adjust within the range offered by the theme editor.
Show Verified Badge: Enable or disable this option and preview the result.
Verified Text: Edit the text shown by this component.
Verified Font Size: Adjust within the range offered by the theme editor.
Verified Text ColorConditional: Choose a local color when the relevant custom source is enabled.
Verified Icon Size: Adjust within the range offered by the theme editor.
Verified Icon ColorConditional: Choose a local color when the relevant custom source is enabled.
Show Edge Fade: Adds a shadow/fade effect on left and right edges
Fade Width: Adjust within the range offered by the theme editor.
Show Dots: Enable or disable this option and preview the result.
Show Arrows: Enable or disable this option and preview the result.
Dot ColorConditional: Choose a local color when the relevant custom source is enabled.
Active Dot ColorConditional: Choose a local color when the relevant custom source is enabled.
Arrow BackgroundConditional: Choose a local color when the relevant custom source is enabled.
Arrow Border ColorConditional: Choose a local color when the relevant custom source is enabled.
Arrow Icon ColorConditional: Choose a local color when the relevant custom source is enabled.
Arrow Active BackgroundConditional: Choose a local color when the relevant custom source is enabled.
Scrollbar Style: Choose the presentation or source that fits this component.Options: Hidden · Thin · Auto
Scrollbar ColorConditional: Choose a local color when the relevant custom source is enabled.
Section BackgroundConditional: Choose a local color when the relevant custom source is enabled.
Section Background GradientConditional: Use the matching control in the theme editor and preview the component before publishing.
Max Width: Adjust within the range offered by the theme editor.
Top Padding: Adjust within the range offered by the theme editor.
Bottom Padding: Adjust within the range offered by the theme editor.