TapTop Scroll

Documentation

Add a scroll-to-top button and reading progress bar to your Shopify storefront without editing theme code.

Quick setup

  1. Install TapTop Scroll from Shopify Admin.
  2. Open Theme Editor.
  3. Enable the app embed named Scroll to top.
  4. Save the theme.
  5. Return to the TapTop Scroll dashboard and click Check test store.

Enable the app embed

The storefront widget only appears after the Shopify theme app embed is enabled. The dashboard can save settings before this step, but customers will not see the widget until the embed is active in your theme.

In the dashboard, use Open Theme Editor to jump directly to the Shopify theme editor for the current store.

Widget settings

Accent color

Controls the button color and reading progress fill color.

Button position

Choose bottom-right or bottom-left placement.

Button style and icon

Choose circle, rounded square, or pill style. Choose arrow or chevron icon.

Mobile size

Set a separate mobile button size: small, medium, or large.

Reading progress bar

Enable or disable the reading progress bar and choose whether it appears at the top or bottom of the storefront page.

Page targeting

Choose where the widget should appear: all pages, product pages, collection pages, or blog pages.

Testing the storefront

  1. Save settings in the TapTop Scroll dashboard.
  2. Open the storefront in a new tab.
  3. Hard refresh the storefront if you recently changed settings.
  4. Scroll down the page to confirm the button and progress bar behavior.
  5. Use Check test store in the dashboard to confirm the storefront can load the saved settings.

Troubleshooting

The widget does not appear

Confirm the app embed is enabled in Theme Editor and the theme was saved.

The progress bar is hard to see

Use a high-contrast accent color. The progress bar has a track and a fill; the fill grows as the customer scrolls.

Settings look stale

Hard refresh the storefront with Ctrl+Shift+R. TapTop Scroll serves the widget with Cache-Control: no-store, but browser/theme preview caches can still hold a previous page state.

Page targeting does not match

Product pages must use /products/, collection pages must use /collections/, and blog/article pages must use /blogs/ in the storefront URL.

Privacy

TapTop Scroll does not collect customer identity data. The storefront widget reads saved display settings for the shop and runs in the browser without customer tracking.