Section Divider

Layout, content and available controls for Section Divider.

Scale Theme · v1.9.3 · 1 min read

Where to find it

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

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
Shape: Choose the presentation or source that fits this component.Options: Diagonal 1 · Diagonal 2 · Curved 1 · Curved 2 · Curved 3 · Curved 4 · Sharp 1 · Sharp 2 · Sharp 3 · Sharp 4 · Waves 1 · Waves 2 · Waves 3 (Animated) · Random 1
Shape Height: Adjust within the range offered by the theme editor.
Shape height (mobile): 0 keeps the original Shape Height on every device.
Flip Horizontal: Enable or disable this option and preview the result.
Flip Vertical: Enable or disable this option and preview the result.
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.
AccentConditional: Choose a local color when the relevant custom source is enabled.
Shape ColorConditional: Choose a local color when the relevant custom source is enabled.
Background ColorConditional: Choose a local color when the relevant custom source is enabled.
Top Padding: Adjust within the range offered by the theme editor.
Bottom Padding: Adjust within the range offered by the theme editor.