Skip to main content

Scroll to top

Scroll to top​

Since v1.0.0

The scroll to top button is a round button in the bottom corner of the screen. It appears once a customer scrolls down the page and takes them back to the top with one click, which is handy on long collection and product pages. You'll find its settings under Theme settings > Scroll to top in the theme editor. To open theme settings, click the gear (settings) icon in the left sidebar of the theme editor.

Settings​

  • Enable scroll to top button: Show the button. It stays hidden at the top of the page and fades in after the customer scrolls down a little.
  • Button color style: Use the colors of your primary or secondary buttons (options: Primary, Secondary). You set those colors in Colors under Buttons.

Position​

  • Horizontal spacing: The distance between the button and the edge of the screen (0 to 100 px).
  • Align to left side: Place the button in the bottom left corner instead of the bottom right. Useful when a chat widget or another app already uses the bottom right corner.