Thème Hummingbird PrestaShop : tout ce qu'un e-commerçant doit savoir

Avec PrestaShop 9.1, Hummingbird devient le thème de référence. Bootstrap 5, TypeScript, SCSS structuré, plus de jQuery : c'est un changement d'architecture complet, pas un simple lifting. Ce guide fait le point sur ce que ça change concrètement, pour un e-commerçant comme pour un développeur.

Qu'est-ce que le thème Hummingbird et pourquoi il change la donne

Hummingbird est le nouveau thème par défaut de PrestaShop, intégré à partir de la version 9.1. Il remplace le thème Classic, utilisé depuis PrestaShop 1.7, soit près de huit ans sans refonte majeure du front-office.

Le projet a démarré en 2022. La version 2.0.0, publiée fin 2025, représente à elle seule plus de 490 commits et 580 fichiers modifiés. D'après le blog officiel PrestaShop Build, l'objectif est clair : proposer un socle moderne, modulaire, pensé d'abord pour les développeurs.

Concrètement, Hummingbird repose sur Bootstrap 5.3.3, utilise SCSS et TypeScript, et supprime la dépendance à jQuery côté thème. Le code suit la convention BEM pour les composants non-Bootstrap, ce qui simplifie considérablement la lecture et la personnalisation.

Pour un e-commerçant, cela signifie un front-office plus léger, plus rapide, plus facile à faire évoluer. Et surtout, un thème conçu pour durer, aligné sur les standards web de 2026.

Performance et Core Web Vitals : ce que Hummingbird apporte vraiment

Le thème Classic posait un problème récurrent : même sur un hébergement correct, les scores Lighthouse restaient moyens. Trop de CSS chargé inutilement, des scripts jQuery lourds, un rendu mobile perfectible.

Hummingbird change l'approche. Le lazy loading natif réduit le poids initial des pages. L'abandon de jQuery allège les ressources JavaScript. Et la structure HTML repensée améliore le LCP (Largest Contentful Paint) et le CLS (Cumulative Layout Shift).

C'est exactement ce que j'ai observé sur la migration de RSRC, e-commerce spécialisé dans les voitures radiocommandées. La boutique tournait depuis près de 10 ans sur PrestaShop 1.7.6 avec le thème Classic, un socle difficile à faire évoluer et incompatible avec PS 9. Lors de la migration complète vers PrestaShop 9 et Hummingbird v2, le score Lighthouse mobile est passé de 40 à plus de 75, sans sacrifier les modules métier indispensables au fonctionnement de la boutique.

PrestaShop 9 supporte nativement les formats WebP et AVIF. Sur des photos de produits, le passage à AVIF réduit souvent le poids de fichier de 50 % ou plus par rapport au JPEG, parfois bien davantage sur les images à fort contraste. Sur une boutique avec 500 fiches produits, l'impact sur le temps de chargement est mesurable.

Les Core Web Vitals ne sont pas qu'un indicateur technique. Ils influencent directement le classement Google et le taux de conversion. Sur les boutiques que j'accompagne, chaque seconde gagnée au chargement se traduit par une baisse du taux d'abandon panier.

Accessibilité et European Accessibility Act : Hummingbird vous met en conformité

Depuis le 28 juin 2025, l'European Accessibility Act (EAA) impose aux sites e-commerce européens de respecter des critères d'accessibilité numérique. Navigation clavier, contraste des couleurs, hiérarchie des titres, gestion du focus : les exigences sont précises.

Hummingbird a été conçu dès le départ pour y répondre. J'étais présent à la PrestaShop Developer Conference 2025 : le thème atteint plus de 95 % de conformité aux exigences de l'EAA dès l'installation. Aucune correction manuelle lourde nécessaire.

Le thème Classic, lui, nécessite des audits et des ajustements CSS/JS importants pour atteindre ce niveau. Pour une PME sans ressource technique dédiée, c'est un budget et un délai supplémentaires que Hummingbird permet d'éviter.

Bootstrap 5.3, sur lequel repose Hummingbird, supporte le dark mode nativement. En revanche, Hummingbird n'intègre pas de switch on/off prêt à l'emploi : il faut l'implémenter côté thème. C'est un travail accessible pour un développeur, mais qui ne s'active pas tout seul.

Hummingbird vs Classic : les différences techniques clés

La comparaison ne se limite pas à l'esthétique. Les deux thèmes reposent sur des fondations radicalement différentes.

Stack technique

Classic utilise Bootstrap 4 et jQuery. Hummingbird passe à Bootstrap 5.3.3, TypeScript et SCSS avec une architecture en @layer CSS, ce qui permet de gérer les priorités de styles sans conflits quand des modules injectent leur propre CSS. Les deux thèmes utilisent SCSS, mais Classic l'exploite de façon peu structurée. Côté JavaScript, jQuery est abandonné dans le code du thème Hummingbird, bien que le core.js de PrestaShop le charge encore pour assurer la compatibilité des modules tiers.

Organisation du code

Hummingbird sépare clairement les styles Bootstrap des styles spécifiques PrestaShop. La convention BEM rend chaque composant identifiable. Pour un développeur qui reprend un projet, c'est la différence entre chercher une aiguille dans une botte de foin et travailler sur un code lisible.

Hooks front-office

Hummingbird introduit de nouveaux hooks dédiés, documentés via une carte visuelle Figma officielle. L'injection de contenus personnalisés (promos, bannières, FAQ) devient plus propre et plus prévisible.

Maintenabilité

L'architecture modulaire de Hummingbird et la séparation des overrides Bootstrap limitent les conflits lors des mises à jour, un point sensible sur les boutiques Classic qui ont accumulé des personnalisations.

Compatibilité des modules : le vrai point de vigilance

C'est le sujet qui inquiète le plus, à raison. Le passage de Bootstrap 4 à Bootstrap 5 impacte tous les modules qui injectent du HTML ou du CSS dans le front-office.

Les modules natifs ont été refactorisés principalement via des overrides de templates .tpl dans le thème, une pratique courante en intégration PrestaShop. Pour les modules tiers, des ajustements manuels sont souvent nécessaires, mais ils restent accessibles pour un intégrateur PrestaShop. Il est aussi possible d'ajouter une couche de compatibilité Bootstrap si un module tiers pose problème.

Aujourd'hui, rien n'oblige les développeurs de modules à assurer la compatibilité Hummingbird, contrairement au thème Classic. Mais Classic approche de la dépréciation et n'évoluera plus. Mieux vaut anticiper et se concentrer sur Bootstrap 5 et Hummingbird dès maintenant.

Besoin d'un intégrateur pour migrer votre thème ? Contactez-moi, on fait le point sur vos modules.

Personnaliser Hummingbird

Hummingbird est un thème de base : sans personnalisation, toutes les boutiques PS 9.1 se ressemblent. Adapter les couleurs, la typographie et les composants via les variables SCSS est tout à fait accessible si vous maîtrisez le sujet. Sinon, c'est le terrain du développement de thème sur mesure.

Faut-il migrer vers Hummingbird maintenant ?

La réponse dépend de votre situation.

Vous créez une boutique de zéro

Partez directement sur PrestaShop 9 avec Hummingbird. C'est le socle de référence pour les années à venir. Vous bénéficierez de la conformité EAA, des performances optimisées et d'un code maintenable.

Vous êtes sur PrestaShop 8 avec un thème Classic personnalisé

Pas d'urgence immédiate. PrestaShop 8 reçoit encore des correctifs de sécurité en 2026. Mais commencez à planifier la transition. Auditez vos modules, évaluez le coût de refonte du thème et intégrez Hummingbird dans votre feuille de route à 6-12 mois.

Vous êtes sur PrestaShop 1.7 ou antérieur

La priorité est la migration vers PrestaShop 8 ou 9. Le support des versions 1.7 est terminé. Chaque jour qui passe vous expose à des failles de sécurité et des incompatibilités croissantes. La migration directe de 1.7 vers 9 est déconseillée : passez d'abord par la version 8 pour stabiliser, puis envisagez le passage à 9.

Vous préparez une refonte complète

C'est le moment idéal pour intégrer Hummingbird comme base. Hummingbird n'impose rien aujourd'hui mais oriente clairement les standards de demain. Baser votre refonte sur Classic, c'est construire sur un socle qui ne sera plus maintenu à moyen terme.

Vous sentez que votre boutique freine votre croissance ? Parlons de votre projet PrestaShop.

Vos questions les plus fréquentes sur le thème Hummingbird PrestaShop

Hummingbird fonctionne-t-il sur PrestaShop 8 ?

Hummingbird 2.0 est conçu pour PrestaShop 9.1, mais il est tout à fait possible de l'adapter sur PrestaShop 8 avec quelques corrections manuelles, c'est faisable et plutôt accessible pour un développeur PrestaShop. La version 1.0 d'Hummingbird fonctionnait nativement sur des versions antérieures. J'ai par exemple réalisé le thème de Lecopot (PrestaShop 8) sur cette base.

Combien coûte la migration de Classic vers Hummingbird ?

Le coût dépend du niveau de personnalisation de votre thème actuel. Une boutique avec un Classic peu modifié peut migrer pour quelques centaines d'euros. Un thème lourdement personnalisé avec des overrides PHP, des templates modifiés et des modules front spécifiques nécessite une vraie refonte. Comptez entre 2 000 et 8 000 euros selon la complexité, tests et recette inclus.

Le dark mode est-il activé par défaut ?

Non. Bootstrap 5.3, sur lequel repose Hummingbird, supporte le dark mode nativement. Mais Hummingbird n'intègre pas de switch on/off prêt à l'emploi : il faut l'implémenter côté thème. C'est un travail accessible pour un développeur, mais qui ne s'active pas tout seul.

Mon thème marketplace est-il compatible avec Hummingbird ?

Aujourd'hui, tous les thèmes disponibles sur la marketplace PrestaShop sont basés sur Classic. Choisir Hummingbird, c'est donc prendre une longueur d'avance sur ses concurrents qui restent sur un socle vieillissant. Si vous souhaitez bénéficier de l'architecture moderne de Hummingbird, il faut construire un thème sur mesure basé dessus.

Hummingbird améliore-t-il le SEO de ma boutique ?

Oui, mais indirectement. Le thème intègre des données structurées JSON-LD nativement, une structure HTML plus propre et le lazy loading natif. Ces éléments contribuent à de meilleurs Core Web Vitals et une meilleure indexation. Mais le SEO dépend aussi du contenu, du maillage et de la stratégie globale de votre site.

Puis-je utiliser Hummingbird et Classic en parallèle ?

Techniquement, PrestaShop 9 permet de garder Classic installé pendant que vous activez Hummingbird. C'est d'ailleurs la méthode recommandée pour tester : activez Hummingbird sur votre staging tout en gardant Classic en production. Les deux thèmes coexistent dans le back-office, mais un seul est actif à la fois.

Quels modules natifs ont été adaptés pour Hummingbird ?

Tous les modules natifs PrestaShop ont été adaptés pour Hummingbird. Ce sont les modules tiers front-office qu'il faut vérifier : menus, sliders, filtres, widgets visuels. Un test en staging reste indispensable avant toute mise en production.

Hummingbird, un virage technique à ne pas rater

Le thème Hummingbird n'est pas une mode passagère. C'est le nouveau standard de l'écosystème PrestaShop. Performance, accessibilité, modularité : il pose les bases du front-office e-commerce pour les prochaines années.

Migrer demande de la préparation. Auditer ses modules, tester en pré-production, adapter ses personnalisations : ce n'est pas un projet anodin. Mais c'est un investissement qui sécurise votre boutique et vous positionne sur les bons rails.

Que vous lanciez une nouvelle boutique ou que vous prépariez une refonte de votre site existant, Hummingbird est le socle à considérer en priorité.

Un projet PrestaShop ? Parlons-en.