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.
- 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.
- Heading accent color source
- Global accent styling is managed in Theme settings > Typography; choose Custom for a local color.
- 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.
- 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.