Three Reasons

Layout, content and available controls for Three Reasons.

Scale Theme · v1.9.3 · 1 min read

Where to find it

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

Available content blocks

Reason

Editor controls

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

Display section ID: Enable or disable this option and preview the result.
Display on: Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only
Eyebrow: Edit the text shown by this component.
Heading: Use bold or italic to apply Theme settings > Typography accent styling.
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: Choose the presentation or source that fits this component.Options: Heading DNA · Custom
Custom accent colorConditional: Choose a local color when the relevant custom source is enabled.
Description: Edit the formatted text for this component.
Guarantee text: Edit the text shown by this component.
Container width: Adjust within the range offered by the theme editor.
Card gap: Adjust within the range offered by the theme editor.
Heading to cards: Adjust within the range offered by the theme editor.
Mobile heading to cards: Adjust within the range offered by the theme editor.
Image height: Adjust within the range offered by the theme editor.
Mobile image height: Adjust within the range offered by the theme editor.
Card radius: Adjust within the range offered by the theme editor.
Card border width: Adjust within the range offered by the theme editor.
Card padding: Adjust within the range offered by the theme editor.
Mobile card padding: 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.
Mobile top padding: Adjust within the range offered by the theme editor.
Mobile bottom padding: Adjust within the range offered by the theme editor.
Heading size: Adjust within the range offered by the theme editor.
Mobile heading size: Adjust within the range offered by the theme editor.
Description size: Adjust within the range offered by the theme editor.
Mobile description size: Adjust within the range offered by the theme editor.
Card heading size: Adjust within the range offered by the theme editor.
Mobile card heading size: Adjust within the range offered by the theme editor.
Card text size: Adjust within the range offered by the theme editor.
Mobile card text 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
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.
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.
Card colors: Choose the presentation or source that fits this component.Options: Card DNA · Custom
Card backgroundConditional: Choose a local color when the relevant custom source is enabled.
Card textConditional: Choose a local color when the relevant custom source is enabled.
Card borderConditional: Choose a local color when the relevant custom source is enabled.