Skip to documentation

Effect comparison

Layout, content and available controls for Effect comparison.

Where to find it

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

Available content blocks

  • Outcome card
  • Ticker image

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
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.
Subheading
Edit the formatted text for this component.
Outcome note
Edit the text shown by this component.
Show image ticker
Enable or disable this option and preview the result.
Ticker speedConditional
Adjust within the range offered by the theme editor.
Ticker accessibility labelConditional
Edit the text shown by this component.
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.
Accent textConditional
Choose a local color when the relevant custom source is enabled.
Card backgroundConditional
Choose a local color when the relevant custom source is enabled.
BorderConditional
Choose a local color when the relevant custom source is enabled.

Still need a hand?

Send support your store domain, theme version, error code and what you tried. Keep authentication tokens out of public messages.

Contact Scale support ↗