Qu'est-ce que Hummingbird ?
Hummingbird est le nouveau thème par défaut de PrestaShop 9, succédant au thème Classic qui accompagnait PrestaShop depuis la version 1.7. C'est une refonte complète du front-end, pensée pour la performance et la modernité.
Les nouveautés de Hummingbird
Bootstrap 5
Hummingbird abandonne Bootstrap 4 au profit de Bootstrap 5, avec :
- Suppression de jQuery comme dépendance (Bootstrap 5 est en vanilla JS)
- Nouveau système de grille — plus flexible, avec support natif du gap CSS
- Composants modernisés — accordéons, tooltips, modales revus
- Variables CSS natives — personnalisation facilitée via custom properties
TypeScript et architecture moderne
Le JavaScript du thème est réécrit en TypeScript, offrant :
- Type safety — moins de bugs, meilleure maintenabilité
- Modules ES6 — import/export natif, tree-shaking possible
- Webpack — bundling optimisé, code splitting
Performance native
Hummingbird est conçu pour des scores PageSpeed élevés dès l'installation :
- CSS allégé — suppression du code mort, utilisation de Sass moderne
- JavaScript optimisé — chargement différé (defer), moins de dépendances
- Images — support natif WebP via la balise
<picture> - Core Web Vitals — LCP, FID, CLS optimisés par défaut
Personnaliser le thème Hummingbird
Pour les e-commerçants
La personnalisation basique se fait depuis le back-office PrestaShop :
- Couleurs et typographies via le module Theme Customization
- Logo, favicon et visuels via Apparence → Thème & Logo
- Pages CMS pour le contenu statique
Pour les développeurs
La personnalisation avancée nécessite de créer un thème enfant ou de modifier les templates :
- Templates Smarty — structure modulaire dans
templates/ - Sass/SCSS — variables dans
assets/scss/, compilation via Webpack - Hooks — points d'insertion pour les modules
- JSON-LD — données structurées Schema.org incluses
Migrer de Classic vers Hummingbird
Si vous êtes sur PrestaShop 1.7 ou 8 avec le thème Classic, la migration vers PrestaShop 9 implique un changement de thème. Points d'attention :
- Templates personnalisés — doivent être adaptés à la nouvelle structure
- CSS custom — les classes Bootstrap 4 ne sont plus valides
- Modules front — vérifier la compatibilité des templates de modules
- JavaScript — les scripts dépendant de jQuery doivent être réécrits
Mon expertise Hummingbird
J'ai travaillé sur Hummingbird dès sa version beta et je l'utilise en production sur ce site. Mon expertise couvre :
- Personnalisation du thème — design sur-mesure, intégration de maquettes
- Optimisation performance — score PageSpeed 99-100 sur ce site
- Adaptation des modules — compatibilité front avec Bootstrap 5
- Migration Classic → Hummingbird — accompagnement complet
Discuter de votre projet Hummingbird →