Section

Layout, content and available controls for Section.

Scale Theme · v1.9.3 · 1 min read

Where to find it

This is a template or group section. Open its existing template or group in the theme editor.

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
Direction: Choose the presentation or source that fits this component.Options: Vertical · Horizontal
Vertical on mobileConditional: Enable or disable this option and preview the result.
AlignmentConditional: Choose the presentation or source that fits this component.Options: Left · Center · Right · Space between
PositionConditional: Choose the presentation or source that fits this component.Options: Top · Center · Bottom
Align text baselineConditional: Enable or disable this option and preview the result.
AlignmentConditional: Choose the presentation or source that fits this component.Options: Left · Center · Right
PositionConditional: Choose the presentation or source that fits this component.Options: Top · Center · Bottom · Space between
Gap: Adjust within the range offered by the theme editor.
Width: Choose the presentation or source that fits this component.Options: Page · Full
Color scheme: Choose an available Shopify color scheme.
Background media: Choose the presentation or source that fits this component.Options: None · Image · Video
VideoConditional: Select hosted video media in your shop.
Video positionConditional: Choose the presentation or source that fits this component.Options: Cover · Contain
ImageConditional: Choose an image from your shop. Preview its crop on desktop and mobile.
Image positionConditional: Choose the presentation or source that fits this component.Options: Cover · Fit
Borders: Choose the presentation or source that fits this component.Options: None · Solid
Border thicknessConditional: Adjust within the range offered by the theme editor.
Border opacityConditional: Adjust within the range offered by the theme editor.
Corner radius: Adjust within the range offered by the theme editor.
Top: Adjust within the range offered by the theme editor.
Bottom: Adjust within the range offered by the theme editor.