Customer Review Card

Placement and available controls for the Customer Review Card block.

Scale Theme · v1.9.3 · 1 min read

Where to find it

Open the parent section and use Add block where this block is offered.

Editor controls

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

Color source: Theme colors use Color DNA, Color scheme uses a shared Shopify preset, and Custom affects only this block.Options: Theme colors · Color scheme · Custom
Color schemeConditional: Choose an available Shopify color scheme.
Card backgroundConditional: Choose a local color when the relevant custom source is enabled.
NameConditional: Choose a local color when the relevant custom source is enabled.
Review textConditional: Choose a local color when the relevant custom source is enabled.
Stars and avatarConditional: Choose a local color when the relevant custom source is enabled.
Avatar textConditional: Choose a local color when the relevant custom source is enabled.
BorderConditional: Choose a local color when the relevant custom source is enabled.
Customer Name: Edit the text shown by this component.
Review Text: Edit the formatted text for this component.
Avatar Image: Choose an image from your shop. Preview its crop on desktop and mobile.
Starter image: Uploaded image takes priority. Included photos travel with the demo theme.Options: None · Skincare · Supplement · Matcha · Pet Supplement · Shapewear · Led Mask · Vacuum
Starter photoConditional: Choose the presentation or source that fits this component.Options: Hero · Detail · Lifestyle · Portrait · Listing
Star Rating: Adjust within the range offered by the theme editor.
Show Verified Badge: Enable or disable this option and preview the result.
Card Background: Use the matching control in the theme editor and preview the component before publishing.
Border Width: Adjust within the range offered by the theme editor.
Border Style: Choose the presentation or source that fits this component.Options: Solid · Dashed · Dotted · None
Border Color: Choose a local color when the relevant custom source is enabled.
Dash Length (for dashed borders): Adjust within the range offered by the theme editor.
Dash Gap (for dashed borders): Adjust within the range offered by the theme editor.
Border Radius: Adjust within the range offered by the theme editor.
Customer Name Color: Choose a local color when the relevant custom source is enabled.
Review Text Color: Choose a local color when the relevant custom source is enabled.
Star Color: Choose a local color when the relevant custom source is enabled.
Avatar Background Color: Choose a local color when the relevant custom source is enabled.
Avatar Text Color (Initial): Choose a local color when the relevant custom source is enabled.
Verified Icon Color: Choose a local color when the relevant custom source is enabled.
Vertical padding: Adjust within the range offered by the theme editor.
Horizontal padding: Adjust within the range offered by the theme editor.
Avatar/content gap: Adjust within the range offered by the theme editor.
Avatar size: Adjust within the range offered by the theme editor.
Avatar initial size: Adjust within the range offered by the theme editor.
Name/stars gap: Adjust within the range offered by the theme editor.
Header bottom spacing: Adjust within the range offered by the theme editor.
Name size: Adjust within the range offered by the theme editor.
Review text size: Adjust within the range offered by the theme editor.
Review text line height: Adjust within the range offered by the theme editor.
Star size: Adjust within the range offered by the theme editor.
Star gap: Adjust within the range offered by the theme editor.
Verified badge size: Adjust within the range offered by the theme editor.
Mobile vertical padding: Adjust within the range offered by the theme editor.
Mobile horizontal padding: Adjust within the range offered by the theme editor.
Mobile avatar/content gap: Adjust within the range offered by the theme editor.
Mobile avatar size: Adjust within the range offered by the theme editor.
Mobile avatar initial size: Adjust within the range offered by the theme editor.
Mobile name/stars gap: Adjust within the range offered by the theme editor.
Mobile header bottom spacing: Adjust within the range offered by the theme editor.
Mobile name size: Adjust within the range offered by the theme editor.
Mobile review text size: Adjust within the range offered by the theme editor.
Mobile review text line height: Adjust within the range offered by the theme editor.
Mobile star size: Adjust within the range offered by the theme editor.
Mobile star gap: Adjust within the range offered by the theme editor.
Mobile verified badge size: Adjust within the range offered by the theme editor.
Top Margin: Adjust within the range offered by the theme editor.
Bottom Margin: Adjust within the range offered by the theme editor.
Reference review layout: Enable or disable this option and preview the result.
Use included reviewer portrait: Used only when the avatar picker is empty.
Reference review backgroundConditional: Use the matching control in the theme editor and preview the component before publishing.