Protégez vos personnalisations à chaque mise à jour — le guide pas à pas pour e-commerçants
✍️ Patrick BAISSAT | 🕐 Lecture : 6 min | 🏷️ PrestaShop – Thème – Tutoriel
Vous venez d’installer PrestaShop et vous vous apprêtez à personnaliser votre boutique en ligne ? Avant de toucher quoi que ce soit, il y a une étape indispensable que beaucoup d’e-commerçants sautent à tort : la création d’un thème enfant.
Sans cette précaution, chaque mise à jour de PrestaShop risque d’effacer vos personnalisations. Couleurs, polices, mises en page modifiées… tout peut disparaître en un clic. Ce tutoriel vous explique pas à pas comment mettre votre travail à l’abri, sans avoir besoin d’être développeur.
📋 Dans cet article
On parle aussi de thème « hérité ». Un thème enfant reprend tous les réglages du thème d’origine (le thème Classic par défaut dans PrestaShop), mais vous permet de faire vos propres modifications sans jamais toucher au thème parent.
Un exemple concret : dans le thème Classic, le titre de vos pages est en bleu, police Arial, taille 15 px, centré. Vous souhaitez le passer en rouge ? Dans le thème enfant, vous ne modifiez que la couleur. Résultat : le titre s’affiche en rouge, mais conserve la police Arial, la taille 15 px et le centrage — tout ce que vous n’avez pas touché reste identique.
Ce principe s’appelle l’héritage : ce qui n’est pas redéfini dans le thème enfant est automatiquement récupéré du thème parent. Si vous mettez PrestaShop à jour, le thème Classic sera mis à jour, mais pas votre thème enfant. Vous gardez donc tous vos réglages.
Quand PrestaShop se met à jour, le thème Classic est également mis à jour. Votre thème enfant, lui, n’est pas touché : toutes vos personnalisations restent intactes.
Si vous utilisez un constructeur de thème comme Créative Elements, le thème enfant est indispensable. Sans lui, vos créations de pages seraient perdues à chaque mise à jour.
En cas de problème, supprimez le fichier modifié dans le thème enfant. PrestaShop reprend automatiquement le fichier d’origine du thème parent.
Bonne nouvelle : vous n’avez pas besoin de logiciels coûteux. Trois outils gratuits suffisent.
💡 Conseil : Si votre hébergeur PrestaShop propose un gestionnaire de fichiers depuis votre espace client, vous pouvez l’utiliser à la place de FileZilla.
Voici les 5 étapes pour créer votre thème enfant. Comptez environ 15 minutes si vous suivez la procédure pour la première fois.
Avant toute intervention technique, activez le mode maintenance dans Paramètres de la boutique > Général. Vos clients verront un message de maintenance et vous pouvez travailler sereinement.
Connectez-vous à votre serveur via FileZilla et naviguez jusqu’au dossier /themes/. Créez un nouveau dossier nommé classic-child. À l’intérieur, créez un sous-dossier nommé config.
Ouvrez Notepad++ et créez un nouveau fichier vide. Copiez le contenu présenté dans la section suivante, puis enregistrez-le sous le nom theme.yml. Déposez ce fichier dans le dossier config.
Créez une image de 250×250 pixels avec Canva. Enregistrez-la en PNG sous le nom preview.png et déposez-la à la racine du dossier classic-child, au même niveau que le dossier config.
Dans votre back-office, rendez-vous dans Apparence > Thèmes. Votre thème classic-child apparaît dans la liste. Cliquez sur Utiliser ce thème pour l’activer, puis désactivez le mode maintenance.
C’est le fichier le plus important du thème enfant. Il indique à PrestaShop de quel thème parent il hérite et comment il s’appelle. Voici son contenu :
parent: classic
name: classic-child
display_name: Theme enfant
version: 1.0
assets:
use_parent_assets: true
author:
name: "Mon e-boutique"
email: "contact@monsite.com"
url: "https://monsite.com"Voici ce que signifie chaque ligne :
parent: classic — Indique que le thème parent est le thème Classic de PrestaShop.name: classic-child — Le nom technique (doit correspondre exactement au nom du dossier).display_name: Theme enfant — Le nom affiché dans votre back-office PrestaShop.version: 1.0 — Le numéro de version de votre thème enfant.use_parent_assets: true — Charge les fichiers CSS et JS du thème parent.author: — Section facultative avec vos coordonnées.⚠️ Point de vigilance : Ne mettez jamais d’espace avant les deux-points « : » mais mettez toujours un espace après. Une erreur de formatage empêchera PrestaShop de reconnaître votre thème enfant.
Gagnez du temps : récupérez directement le fichier ZIP contenant toute la structure du thème enfant Classic-Child (dossiers + theme.yml + preview.png). Déposez-le sur votre serveur et activez le thème dans votre back-office.
Non. Si vous avez acquis un thème premium sur la marketplace officielle PrestaShop Addons, ce thème est en général autonome et déjà prévu pour être personnalisé. Le thème enfant n’est pas nécessaire dans ce cas — sauf si vous souhaitez modifier le code source du thème lui-même.
Non. Le thème enfant n’ajoute aucune charge supplémentaire. Il hérite des performances du thème parent et ne contient que les fichiers que vous avez modifiés. En pratique, il n’a aucun impact sur la vitesse de votre site.
Oui, techniquement c’est possible. La procédure est identique : créez un dossier enfant et adaptez le fichier theme.yml pour pointer vers le bon thème parent. Chaque thème premium ayant ses spécificités, consultez sa documentation ou faites appel à un expert PrestaShop.
Le thème enfant ne fonctionnera plus, car il dépend du thème parent pour tous les fichiers qu’il n’a pas redéfinis. Ne supprimez jamais le thème Classic tant que votre thème enfant est actif. Conservez-le sur le serveur même si vous ne l’utilisez pas directement.
E-Commerce Concept accompagne les commerçants et entrepreneurs dans la création, l’optimisation et la maintenance de leur boutique en ligne PrestaShop.
Votre boutique PrestaShop clé en main, avec hébergement et formation inclus dès le départ.
Apprenez à maîtriser votre boutique en toute autonomie grâce à nos formations personnalisées.
Mises à jour, corrections, évolutions : confiez la maintenance de votre boutique à un professionnel.
Au-delà du thème enfant, de nombreux réglages impactent la visibilité et les performances de votre boutique. Profitez de notre audit gratuit pour identifier les points à corriger en priorité.