Social Proof Reviews

Layout, content and available controls for Social Proof Reviews.

Scale Theme · v1.9.3 · 2 min read

Where to find it

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

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
Content Position: Choose the presentation or source that fits this component.Options: Text Left / Images Right · Images Left / Text Right
Enable Auto Scroll: Images will auto-scroll automatically. Hover to pause.
Image 1: Choose an image from your shop. Preview its crop on desktop and mobile.
Image 2: Choose an image from your shop. Preview its crop on desktop and mobile.
Image 3: Choose an image from your shop. Preview its crop on desktop and mobile.
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.
Subtitle: Edit the text shown by this component.
Subtitle Font Size: Adjust within the range offered by the theme editor.
Rating Text: Edit the text shown by this component.
Rating Text Size: Adjust within the range offered by the theme editor.
Button Action: Choose the presentation or source that fits this component.Options: Custom Link · Scroll to Element
Button Text: Edit the text shown by this component.
Button Link (for Custom Link): Choose the destination for this link or button.
Scroll Target (CSS Selector): Example: #product-info or .product-section
Button Style: Primary, Secondary and Tertiary inherit from Theme Settings > Buttons. Custom uses the local controls below.Options: Primary · Secondary · Tertiary · Custom
Button Font Size: Adjust within the range offered by the theme editor.
Button Font Weight: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold · Bold
Button Text Transform: Choose the presentation or source that fits this component.Options: None · Uppercase · Capitalize
Button Vertical Padding: Adjust within the range offered by the theme editor.
Button Horizontal Padding: Adjust within the range offered by the theme editor.
Button Border RadiusConditional: Adjust within the range offered by the theme editor.
Button Background ColorConditional: Choose a local color when the relevant custom source is enabled.
Button Gradient (Optional)Conditional: If set, gradient will override background color
Button Text ColorConditional: Choose a local color when the relevant custom source is enabled.
Button Border ColorConditional: Choose a local color when the relevant custom source is enabled.
Hover Background ColorConditional: Choose a local color when the relevant custom source is enabled.
Hover Text ColorConditional: Choose a local color when the relevant custom source is enabled.
Hover Border ColorConditional: Choose a local color when the relevant custom source is enabled.
Shadow ColorConditional: Choose a local color when the relevant custom source is enabled.
Button Border WidthConditional: Adjust within the range offered by the theme editor.
Number of Stars: Adjust within the range offered by the theme editor.
Star Size: Adjust within the range offered by the theme editor.
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
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.
AccentConditional: Choose a local color when the relevant custom source is enabled.
Background ColorConditional: Choose a local color when the relevant custom source is enabled.
Text ColorConditional: Choose a local color when the relevant custom source is enabled.
Star ColorConditional: Choose a local color when the relevant custom source is enabled.
Font Family: Google Font name or system font
Heading Size: 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.