Bouton retour en haut
Bouton retour en haut Images
Retour sous 30 jours
Retour simple - sans questions
Modules Plug & Play
Installer, configurer et profiter
Support en priorité
Aide et satisfaction avant tout
Bouton retour en haut
Bouton retour en haut fluide — sans jQuery, entièrement personnalisable
Prix :
0,00 €
HT
Offrez a vos clients un retour fluide et en un clic vers le haut de n'importe quelle page. Ce bouton Back to Top léger apparait automatiquement lorsque les visiteurs défilent vers le bas, offrant une navigation sans effort sur les longues listes de categories, les pages produits et le contenu CMS. Zero dependance a jQuery signifie zero impact sur vos Core Web Vitals.
- Défilement anime et fluide -- pas de sauts brusques, juste une expérience utilisateur soignée
- Position configurable -- placez le bouton a gauche ou a droite de l'écran
- Visibilite intelligente -- apparait uniquement après un seuil de distance de défilement configurable
- JavaScript vanilla pur -- pas de jQuery, pas de bibliothèques externes, pas de pénalité sur la vitesse de la page
- Compatibilité universelle avec les themes -- fonctionne avec Classic, Starter, Hummingbird et tous les themes personnalisés
- Responsive mobile -- zone tactile correctement dimensionnée sur téléphones et tablettes
- Pret pour l'accessibilité -- focalisable au clavier avec des labels ARIA appropries
Une amelioration UX simple mais essentielle qui maintient l'engagement des visiteurs au lieu de les frustrer. Compatible avec PrestaShop 1.7, 8.x et 9.x. Entièrement gratuit -- aucun cout cache, aucune vente additionnelle premium.
Navigation sans effort en un seul clic
Les pages longues sont une realite du e-commerce. Les listes de categories peuvent s'etendre sur des dizaines d'écrans. Les descriptions de produits avec un contenu multimedia riche defilent sans fin. Les articles de blog et les pages CMS necessitent un espace vertical important. Sans un moyen rapide de revenir en haut de page -- ou se trouvent le menu de navigation, la barre de recherche et l'icone du panier -- vos clients font face a une expérience de defilement fastidieuse qui augmente le taux de rebond et diminue l'engagement.
Le module Back to Top Button resout ce problème avec un bouton elegant et anime de retour en haut de page qui apparait exactement quand vos visiteurs en ont besoin. Des qu'ils defilent au-dela d'un seuil de distance configurable, un bouton subtil apparait en fondu. Un clic, et ils glissent en douceur vers le haut de la page -- sans saut brusque, sans desorientation, juste une expérience soignee qui semble native a votre boutique.
Zero impact sur les performances -- JavaScript Vanilla pur
De nombreuses solutions de retour en haut de page s'appuient sur jQuery ou des bibliothèques JavaScript lourdes qui ajoutent des centaines de kilo-octets au poids de votre page. Ce module adopte une approche fondamentalement différente : il est entièrement construit avec du JavaScript vanilla et du CSS. Aucune dependance a jQuery. Aucune bibliothèque externe chargee. Aucun script bloquant le rendu injecte dans votre chemin critique.
L'empreinte totale du module se mesure en octets, pas en kilo-octets. L'ecouteur d'événement de defilement utilise le mode passif et requestAnimationFrame pour une animation fluide sans bloquer le thread principal. Vos Core Web Vitals -- Largest Contentful Paint, Cumulative Layout Shift et Interaction to Next Paint -- restent totalement inaffectes.
- Aucun jQuery requis -- fonctionne même si votre thème ne charge pas jQuery du tout
- Ecouteur de defilement passif -- ne bloque pas les performances de defilement du navigateur
- Animation requestAnimationFrame -- defilement fluide accelere par le GPU
- Transitions CSS pour la visibilite -- opacite et transformation gerees par le thread du compositeur
- Sortie minifiee -- JS + CSS combines sous 2 Ko au total
Configuration simple mais flexible
Le back office du module vous donne un contrôle total sur le comportement et l'apparence du bouton sans toucher au moindre code :
- Position du bouton -- choisissez un placement a gauche ou a droite pour eviter les conflits avec d'autres éléments flottants comme les widgets de chat ou les bannieres de cookies
- Seuil de distance de defilement -- definissez exactement la distance que le visiteur doit parcourir avant que le bouton n'apparaisse (par ex. 300px, 500px ou 1000px)
- Vitesse d'animation du defilement -- contrôlez la rapidite de l'animation de retour en haut
- Style du bouton -- choisissez parmi les designs intégrés ou personnalisez les couleurs pour correspondre a votre thème
- Controle du z-index -- assurez-vous que le bouton apparait toujours au-dessus ou en dessous des autres éléments flottants
- Visibilite mobile -- masquez optionnellement sur les appareils mobiles si l'espace d'écran est limite
Chaque paramètre prend effet immédiatement -- aucune purge de cache requise, aucune recompilation de thème nécessaire.
Compatibilite universelle avec les thèmes
Le bouton Back to Top est concu pour fonctionner avec tous les thèmes PrestaShop, quelle que soit leur architecture. Il s'accroche aux hooks d'affichage standard de PrestaShop et utilise un positionnement CSS absolu/fixe qui n'interfere pas avec la grille de mise en page de votre thème. Teste et verifie avec :
- Theme Classic PrestaShop (1.7.x et 8.x)
- Theme Starter PrestaShop
- Theme Hummingbird PrestaShop (9.x)
- Theme Warehouse par IT4PROFIT
- Theme Flavor par Jesuspended
- Theme Flavor par Jesusbased
- Tout thème personnalisé base sur Bootstrap
- Tout thème personnalisé sans Bootstrap
Accessibilite et expérience mobile
L'accessibilite n'est pas une reflexion apres coup -- elle est intégrée au coeur de ce module. Le bouton inclut des labels ARIA appropries, est entièrement navigable au clavier (focalisable via Tab, activable via Entree), et respecte la media query prefers-reduced-motion pour les utilisateurs ayant demande un minimum d'animations dans les paramètres de leur système d'exploitation.
Sur les appareils mobiles, le bouton s'affiche avec une taille minimale de zone tactile de 44x44 pixels (conformement aux directives WCAG 2.1) et est positionne pour eviter le chevauchement avec les éléments d'interface courants des navigateurs mobiles comme la barre de navigation inferieure de Safari sur iOS.
Specifications techniques
- Compatibilite PrestaShop : 1.7.0 a 9.x
- Compatibilite PHP : 7.2 a 8.4
- Multi-boutique : Oui -- configuration independante par boutique
- Multilingue : Non applicable (aucun texte visible)
- Dependances : Aucune
- Hooks utilises : displayFooter, actionFrontControllerSetMedia
- Tables en base de données : Aucune -- tous les paramètres stockes dans ps_configuration
- Licence : Academic Free License 3.0
Pourquoi ce module est-il unique ?
- Absolument zero dependance a jQuery -- la plupart des alternatives necessitent jQuery qui ajoute plus de 90 Ko a votre page
- Utilise requestAnimationFrame pour un defilement fluide accelere par le GPU au lieu d'une animation de defilement basee sur JavaScript
- Respecte prefers-reduced-motion pour la conformite en matière d'accessibilite
- Moins de 2 Ko d'empreinte totale -- la solution de retour en haut la plus legere disponible pour PrestaShop
- Entierement gratuit sans niveau premium, sans restriction de fonctionnalités, sans publicites dans le back office
Cas d'utilisation
- Boutiques avec un large catalogue -- les pages de categories avec plus de 50 produits par page necessitent une navigation rapide vers le haut
- Pages produits riches en contenu -- les descriptions détaillées avec plusieurs sections beneficient d'un retour facile en haut de page
- Pages de blog et CMS -- le contenu editorial long ou le menu d'en-tete est la navigation principale
- Boutiques mobile-first -- les petits écrans rendent le defilement manuel vers le haut fastidieux et frustrant
- Boutiques utilisant le defilement infini -- les pages qui continuent de charger des produits au fur et à mesure du defilement necessitent un moyen de revenir en haut
-
Référencemprbacktotop
-
Compatibilité PrestaShopPS 1.6 – 9.x
-
Modèle tarifaireAchat unique
-
Type de moduleFront-office
-
Concerne le RGPDNon
-
Objectif commercialBooster les conversions
-
Compte externe requisNon
-
Complexité du moduleWidget léger
-
Étape du parcours clientEngager les acheteurs
-
Compatible avec la plateformeAucune plateforme externe
v1.1.0 — 2026-01-18
- ▸Added PrestaShop 9.x compatibility
- ▸New scroll progress indicator option (horizontal bar at top of viewport)
- ▸Added configurable scroll threshold before button appears (percentage or pixels)
- ▸Smooth scroll animation with configurable duration and easing
- ▸Fixed button not appearing on pages with infinite scroll pagination
v1.0.2 — 2025-06-15
- ▸Fixed button overlap with cookie consent banners
- ▸Added mobile-specific positioning and size options
- ▸Improved accessibility: ARIA label and keyboard focus support
v1.0.1 — 2025-01-20
- ▸Fixed button flickering on short pages where scroll threshold was borderline
- ▸Added custom icon upload option (SVG, PNG) alongside built-in icons
- ▸Minor CSS specificity fix for theme compatibility
v1.0.0 — 2024-08-01
- ▸Initial release
- ▸Smooth-scroll back to top button with configurable appearance
- ▸Multiple button styles: circle, rounded square, pill
- ▸Configurable colors, size, position, and opacity
- ▸Show/hide based on scroll position
- ▸Compatible with PrestaShop 1.7 and 8.x
What customers say about us
5.0
★
★
★
★
★
(1 avis)
Great work and support
Great work and support
5.0
★
★
★
★
★
(3 avis)
Niesamowite doświadczenie i znajomość Prestashop. Każdy minimalny błąd analizowany i poprawiany. Bardzo dobry kontakt podczas realizacji zlecenia
Jest to najlepszy informatyk / programista jakiego znam. Gość jest geniuszem do wszystkich spraw związanych z prowadzeniem strony internetowej oraz sklepu internetowego. Usługi warte każdych pieniędzy, polecam!
Very professional service. The store staff has a customer-focused approach. They effectively helped us select the most optimal solution for our store, then efficiently guided us through the technical aspects of the implementation process. They also provide ongoing support in managing and promoting our website. We highly recommend them!
Aucune demande pour le moment. Soyez le premier à suggérer une idée !
Aucun problème connu
Aucun problème ouvert ou résolu n'est enregistré pour ce module.
Retour sous 30 jours
Retour simple - sans questions
Modules Plug & Play
Installer, configurer et profiter
Support en priorité
Aide et satisfaction avant tout
Plus de cette catégorie
Aucun avis pour le moment. Soyez le premier à laisser un avis !
Écrire un avis