Reviews

Placement and available controls for the Reviews 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.
TextConditional: Choose a local color when the relevant custom source is enabled.
StarsConditional: Choose a local color when the relevant custom source is enabled.
Avatar textConditional: Choose a local color when the relevant custom source is enabled.
Avatar borderConditional: Choose a local color when the relevant custom source is enabled.
Avatar backgroundConditional: Choose a local color when the relevant custom source is enabled.
Rating: Adjust within the range offered by the theme editor.
Scale max: Adjust within the range offered by the theme editor.
Show partial star for decimals: Enable or disable this option and preview the result.
Review text: Edit the formatted text for this component.
Fallback prefix text: Edit the text shown by this component.
Fallback out of text: Edit the text shown by this component.
Star color: Choose a local color when the relevant custom source is enabled.
Empty star color: Choose a local color when the relevant custom source is enabled.
Star size: Adjust within the range offered by the theme editor.
Mobile star size: Adjust within the range offered by the theme editor.
Star gap: Adjust within the range offered by the theme editor.
Mobile star gap: Adjust within the range offered by the theme editor.
Text color: Choose a local color when the relevant custom source is enabled.
Text size: Adjust within the range offered by the theme editor.
Mobile text size: Adjust within the range offered by the theme editor.
Text weight: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold
Rating number weight: Choose the presentation or source that fits this component.Options: Semi Bold · Bold · Extra Bold
Show avatar stack: Enable or disable this option and preview the result.
Avatar border colorConditional: Choose a local color when the relevant custom source is enabled.
Fallback avatar backgroundConditional: Choose a local color when the relevant custom source is enabled.
Fallback avatar textConditional: Choose a local color when the relevant custom source is enabled.
Avatar 1Conditional: Choose an image from your shop. Preview its crop on desktop and mobile.
Avatar 1 fallback initialConditional: Edit the text shown by this component.
Avatar 2Conditional: Choose an image from your shop. Preview its crop on desktop and mobile.
Avatar 2 fallback initialConditional: Edit the text shown by this component.
Avatar 3Conditional: Choose an image from your shop. Preview its crop on desktop and mobile.
Avatar 3 fallback initialConditional: Edit the text shown by this component.
Avatar 4Conditional: Choose an image from your shop. Preview its crop on desktop and mobile.
Avatar 4 fallback initialConditional: Edit the text shown by this component.
Avatar 5Conditional: Choose an image from your shop. Preview its crop on desktop and mobile.
Avatar 5 fallback initialConditional: Edit the text shown by this component.
Avatar sizeConditional: Adjust within the range offered by the theme editor.
Mobile avatar sizeConditional: Adjust within the range offered by the theme editor.
Avatar overlapConditional: Adjust within the range offered by the theme editor.
Mobile avatar overlapConditional: Adjust within the range offered by the theme editor.
Avatar border widthConditional: Adjust within the range offered by the theme editor.
Alignment: Use the matching control in the theme editor and preview the component before publishing.
Gap: Adjust within the range offered by the theme editor.
Mobile gap: Adjust within the range offered by the theme editor.
Mobile avatar group left marginConditional: Adjust within the range offered by the theme editor.
Avatar group left marginConditional: 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.
Mobile top margin: Adjust within the range offered by the theme editor.
Mobile bottom margin: Adjust within the range offered by the theme editor.