Split Offer Hero

Layout, content and available controls for Split Offer Hero.

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

Rating
Heading
Benefit
Button
Guarantee

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
Included demo photo: Merchant uploaded images take priority. Included photos travel with the theme.Options: None · skincare · supplement · matcha · pet supplement · shapewear · led mask · vacuum
Included photoConditional: Choose the presentation or source that fits this component.Options: Hero · Detail · Lifestyle · Portrait · Listing
Image: Choose an image from your shop. Preview its crop on desktop and mobile.
Mobile image: Optional. The desktop image is used when this is blank.
Image alt text: Edit the text shown by this component.
Image side on desktop: Choose the presentation or source that fits this component.Options: Left · Right
Image focal position: Choose the presentation or source that fits this component.Options: Center · Top · Bottom · Left · Right
Frame border width: Adjust within the range offered by the theme editor.
Frame corner radius: 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.
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
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.
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.
BorderConditional: Choose a local color when the relevant custom source is enabled.