Compact customer proof
Placement and available controls for the Compact customer proof block.
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.
- Title
- Edit the text and use supported inline formatting.
- Supporting text
- Edit the text shown by this component.
- Avatar 1
- Choose an image from your shop. Preview its crop on desktop and mobile.
- Avatar 1 URL fallback
- Optional. Use an image URL you own. The image picker takes priority.
- Avatar 2
- Choose an image from your shop. Preview its crop on desktop and mobile.
- Avatar 2 URL fallback
- Optional. Use an image URL you own. The image picker takes priority.
- Avatar 3
- Choose an image from your shop. Preview its crop on desktop and mobile.
- Avatar 3 URL fallback
- Optional. Use an image URL you own. The image picker takes priority.
- Avatar 4
- Choose an image from your shop. Preview its crop on desktop and mobile.
- Avatar 4 URL fallback
- Optional. Use an image URL you own. The image picker takes priority.
- Avatar 5
- Choose an image from your shop. Preview its crop on desktop and mobile.
- Avatar 5 URL fallback
- Optional. Use an image URL you own. The image picker takes priority.
- Fallback avatar symbols
- Fills unbound avatar slots with decorative person symbols. Uploaded avatars take priority.
- Show verified badge
- Enable only when this verification claim is accurate.
- Verified badge colorConditional
- Choose a local color when the relevant custom source is enabled.
- Custom verified badge SVGConditional
- Optional. Use currentColor for the badge color setting; fixed SVG fills keep their own colors.
- Stars (0 hides)
- Adjust within the range offered by the theme editor.
- Appearance
- Choose the presentation or source that fits this component.
- Compact green avatar style
- Enable or disable this option and preview the result.
- Verification position
- Choose the presentation or source that fits this component.
- Color source
- Choose the presentation or source that fits this component.
- Color schemeConditional
- Choose an available Shopify color scheme.
- BackgroundConditional
- 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.
- 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.
- Avatar sizeConditional
- Adjust within the range offered by the theme editor.
- Avatar overlap
- Adjust within the range offered by the theme editor.
- Text sizeConditional
- Adjust within the range offered by the theme editor.
- Pill radius
- Adjust within the range offered by the theme editor.
- Gap
- Adjust within the range offered by the theme editor.
- Vertical margin
- Adjust within the range offered by the theme editor.
- Reference text sizeConditional
- Adjust within the range offered by the theme editor.
- Reference avatar sizeConditional
- Adjust within the range offered by the theme editor.
- Reference star sizeConditional
- Adjust within the range offered by the theme editor.
- Reference rating weightConditional
- Choose the presentation or source that fits this component.
- Reference letter spacingConditional
- Adjust within the range offered by the theme editor.
- Reference rating scaleConditional
- Adjust within the range offered by the theme editor.
- Join preceding proof rowConditional
- Removes the parent compact stack gap before this row.
- Reference vertical marginConditional
- Adjust within the range offered by the theme editor.