Créez en quelques secondes un thème enfant PrestaShop prêt pour la production. Un thème enfant vous permet de personnaliser l’apparence de votre boutique, couleurs, polices, templates, JavaScript, sans modifier le thème parent. Vos changements survivent aux mises à jour du thème.
Qu’est-ce qu’un thème enfant PrestaShop ?
Un thème enfant hérite de tous les templates, styles et fonctionnalités d’un thème parent (comme Classic ou Hummingbird), tout en permettant de remplacer des fichiers précis. Quand le thème parent est mis à jour, vos personnalisations sont conservées car elles vivent dans des fichiers séparés.
Sans thème enfant, toute modification CSS ou de template effectuée directement dans les fichiers du thème parent sera écrasée lors de la prochaine mise à jour du thème, avec perte de votre travail.
Ce que ce générateur crée
- config/theme.yml – Configuration de thème avec héritage parent, enregistrement des assets et définitions de layouts. Inclut available_layouts requis par l’importateur de thèmes PrestaShop.
- assets/css/custom.css – Une feuille de style prête à modifier avec des exemples commentés pour les couleurs, la typographie, l’en-tête, les pages produit et le pied de page. Les thèmes Hummingbird incluent des exemples CSS @layer pour une bonne spécificité.
- assets/js/custom.js – Fichier JavaScript avec des exemples d’écouteurs d’événements PrestaShop, updatedProduct, updateCart, changedCheckoutStep, et un wrapper DOMContentLoaded.
- preview.png – L’image d’aperçu réelle du thème parent. Remplacez-la par une capture de votre boutique personnalisée après vos modifications.
- Surcharges de templates – Exemples facultatifs de surcharges de page produit et d’en-tête avec Smarty {extends} et le préfixe parent: pour des remplacements de blocs sûrs et ciblés.
- Configuration de build SCSS – package.json facultatif avec compilateur Dart Sass, scripts build et watch pour un workflow CSS professionnel.
Thèmes parents pris en charge
- Classic – Le thème par défaut de PrestaShop depuis la 1.7. Bootstrap 4, jQuery, large compatibilité avec PS 1.7.x et 8.x. Le choix le plus sûr pour les boutiques existantes.
- Hummingbird – Le thème moderne par défaut pour PrestaShop 9. Bootstrap 5.3, CSS Layers, TypeScript compilé avec Webpack 5. Idéal pour les nouveaux projets PS 9+ ciblant les navigateurs modernes.
- Warehouse – Thème premium populaire d’iqit avec de nombreuses options de personnalisation. Utilisez « Other » et saisissez n’importe quel nom de dossier pour d’autres thèmes marketplace ou personnalisés.
Comment installer
- Téléchargez le ZIP depuis le formulaire
- Envoyez le contenu du ZIP dans /themes/ sur votre serveur via FTP, ou utilisez Back Office > Design > Theme & Logo > Import a theme
- Activez le thème enfant dans Design > Theme & Logo
- Modifiez assets/css/custom.css pour commencer la personnalisation
En savoir plus
- Guide complet des thèmes enfants – parcours détaillé de la création d’un thème enfant, des surcharges de templates, du modèle custom.css, de la personnalisation CSS et du débogage des problèmes courants
- Deep dive PrestaShop /themes/ – comment fonctionnent en interne la résolution des templates, le pipeline d’assets, le cache CCC et le rendu Smarty
- Série architecture PrestaShop – analyse dossier par dossier de toute la base de code PrestaShop pour développeurs et marchands