Back to Top Progress Button adds a modern floating button to your store that allows customers to quickly return to the top of the page.
The button includes a circular progress indicator that gradually fills as the visitor scrolls down the page, providing a clear visual cue of how far they have progressed through the content.
This small but effective usability enhancement improves navigation on long product pages, category listings, and content-heavy stores.
Features
- Floating “Back to Top” button displayed on all storefront pages
- Circular progress indicator showing scroll progress
- Smooth scroll back to the top of the page
- Lightweight implementation with minimal performance impact
- Works with standard X-Cart themes
- Choose colours for the circle and arrow icon in the settings page using the Color Picker
Benefits
- Improves navigation on long pages
- Enhances user experience on mobile and desktop
- Adds a modern UI element to your store
- Helps customers quickly return to menus and navigation
How It Works
As the visitor scrolls down the page, the circular indicator gradually fills to reflect how far they have scrolled. When clicked, the button smoothly scrolls the page back to the top.
The feature is designed to be lightweight and unobtrusive, appearing only when the user begins scrolling.