Health transformation

Layout, content and available controls for Health transformation.

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

Feature

Editor controls

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

Display section ID: ID is used in the Sections group section to create anchor links. Toggle on to show a copy button on this section.
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.
Center image: Choose an image from your shop. Preview its crop on desktop and mobile.
Center image alt text: Edit the text shown by this component.
Starter image: Optional bundled photography. An uploaded center image always takes priority.Options: None · Skincare · Supplement · Matcha · Pet supplement · Shapewear · LED mask · Vacuum
Starter image viewConditional: Choose the presentation or source that fits this component.Options: Product · Detail · Lifestyle · Portrait · Product details graphic
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.
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.
Feature titleConditional: Choose a local color when the relevant custom source is enabled.
Feature textConditional: Choose a local color when the relevant custom source is enabled.
IconConditional: Choose a local color when the relevant custom source is enabled.
Container width: 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.
Header spacing: Adjust within the range offered by the theme editor.
Column gap: Adjust within the range offered by the theme editor.
Row gap: Adjust within the range offered by the theme editor.
Image width: Adjust within the range offered by the theme editor.
Heading size: Adjust within the range offered by the theme editor.
Subheading size: Adjust within the range offered by the theme editor.
Feature title size: Adjust within the range offered by the theme editor.
Feature text size: Adjust within the range offered by the theme editor.
Icon size: Adjust within the range offered by the theme editor.
Icon spacing: Adjust within the range offered by the theme editor.
Show image shadow: Enable or disable this option and preview the result.
Shadow colorConditional: Choose a local color when the relevant custom source is enabled.
Shadow width: Adjust within the range offered by the theme editor.
Shadow height: Adjust within the range offered by the theme editor.
Shadow blur: Adjust within the range offered by the theme editor.
Shadow opacity: Adjust within the range offered by the theme editor.
Shadow offset: 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.
Mobile header spacing: Adjust within the range offered by the theme editor.
Mobile feature gap: Adjust within the range offered by the theme editor.
Mobile image width: Adjust within the range offered by the theme editor.
Mobile heading size: Adjust within the range offered by the theme editor.
Mobile subheading size: Adjust within the range offered by the theme editor.
Mobile feature title size: Adjust within the range offered by the theme editor.
Mobile feature text size: Adjust within the range offered by the theme editor.
Mobile icon size: Adjust within the range offered by the theme editor.