Module description
Free scroll-to-top module for PrestaShop
Improve navigation on long storefront pages with Concepty Scroll to Top, a free PrestaShop module that adds a customizable floating button. Once visitors scroll past a configurable threshold, the button appears and lets them return to the top of the page in one click. It is useful on long category pages, product descriptions, editorial pages and other content-heavy areas.
The module can be configured directly in your PrestaShop back office without editing theme files. Adjust its visual style to suit your store rather than relying on a fixed button design.
What can you customize?
The configuration screen offers a live preview for desktop and mobile layouts. Its settings include:
- Enable or disable the button across the storefront.
- Show or hide it on mobile devices.
- Pick the background and arrow colors independently.
- Choose between a round button and a rounded-square shape.
- Position the control on the left or right of the screen.
- Set horizontal and bottom spacing to avoid overlapping other interface elements.
- Adjust the button size.
- Choose how far a visitor must scroll before it appears.
- Enable or disable smooth scrolling back to the top.
A live preview lets you review the general look and placement before saving the configuration. No custom stylesheet is required for everyday changes.
A helpful shortcut on desktop and mobile
A floating back-to-top button helps visitors navigate long pages without scrolling the entire way up manually. On mobile, you can keep the shortcut visible or switch it off when your theme already uses fixed controls. On desktop, selecting the left or right corner can help avoid collisions with chat widgets or other floating elements.
The default appearance threshold is 300 pixels, and the threshold setting can be adjusted from 0 to 2,000 pixels. The default button size is 48 pixels, with further adjustments available in the administration panel.
Smooth scrolling and motion preferences
Enable smooth scrolling for a gradual return to the page header or turn it off for an immediate jump. The front-office script also respects a visitor's reduced-motion preference. Use enough contrast between the arrow, its background and the page to make the button clear.
How to install the PrestaShop scroll-to-top module
1. Download concepty-scroll-top-prestashop-1.0.0.zip from this page.
2. Go to Modules > Module Manager in PrestaShop.
3. Install the downloaded ZIP file.
4. Open the Concepty Scroll to Top settings.
5. Configure the colors, shape, size, position and visibility threshold, then save.
6. Test a long storefront page on desktop and mobile.
The module uses a native PrestaShop front-office resource hook and does not require a theme override or a manual SQL import for installation.
Compatibility and version
Module version: 1.0.0. This page lists PrestaShop 9.X, based on the real configuration and storefront captures taken on PrestaShop 9.2.0. The module's declared technical range includes PrestaShop 8.x and 9.x, but other versions and themes should be checked individually before production use.
Frequently asked questions
Can I change the arrow color independently?
Yes. The arrow color and background color can be changed separately in the back office.
Can the button be placed on the left?
Yes. Pick the left or right side, adjust the horizontal offset, and set the distance from the bottom edge.
Does it appear immediately after page load?
By default it appears after 300 pixels of scrolling. You can reduce the threshold to zero to have it displayed from the start.
Is the mobile button optional?
Yes. Mobile visibility can be switched on or off independently of desktop display.
Explore more PrestaShop resources
Read our guide to building a custom PrestaShop module, explore the PrestaShop private shop module, or find out more about PrestaShop development.
Need a modification or an additional feature?
For different animations, page-specific visibility, new design options or integration with your theme, contact Concepty to discuss a custom improvement.