Scroll to Top Button

Layout, content and available controls for Scroll to Top Button.

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.

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
Enable scroll to top button: Enable or disable this option and preview the result.
Display after scrolling: 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
Color schemeConditional: Choose an available Shopify color scheme.
Position: Choose the presentation or source that fits this component.Options: Bottom right · Bottom left · Bottom center
Offset X: Not applied when the button is centered
Offset Y: Adjust within the range offered by the theme editor.
Custom CSS: Scoped to this section only.