Créer un thème enfant pour prestashop 1.7

Dans ce tutoriel, nous allons voir comment créer un thème enfant pour prestashop 1.7

Ce tutoriel existe aussi en vidéo en fin de page.

Dans le dossier thème de prestashop créer un nouveau dossier, nous, nous l’appellerons classic-child car nous allons faire un thème enfant du thème classic, le thème par défaut de prestashop 1.7

Dans ce dossier, créer un dossier config, dans lequel vous allez créer un fichier theme.yml avec un éditeur de texte, par exemple notepad++

Sur ce fichier, écrire :

parent: classic
name: classic-child
display_name: Mon theme enfant
version: 1.0.0
assets:
 use_parent_assets: true

Parent : c’est le nom du dossier du thème parent, dans notre cas le thème classic

name c’est le nom de votre thème, j’ai fait simple…

display_name : le nom qui s’affichera

laissez asset vide

et mettez use_parent_assets sur true

Créez aussi une image preview.png qui peux être une copie de celle du thème parent.

Dossier thème enfant sur prestashop 1.7

Maintenant rendez-vous dans votre back-office allez sur l’onglet apparence, puis thème, votre thème doit être apparu dans la liste des thèmes disponibles.

Thème enfant dans le bakc office prestashop 1.7

Sans autre modifications, votre thème enfant utilisera chaque fichiers du thème

Et voila, vous savez maintenant comment créer un thème enfant à partir d’un thème parent pour prestashop 1.7

N'hésitez pas à laisser un commentaire

Vous pouvez vous abonner à notre newsletter mensuelle pour être informé de nos nouveaux tutoriels.

Vous pouvez aussi aimer notre page facebook.

23 thoughts on “Créer un thème enfant pour prestashop 1.7

  1. Merci pour vos excellents tutos !
    Cependant en ce qui concerne celui-ci, je l’ai suivi à la lettre mais à la fin quand je vais dans le menu theme pour sélectionner mon nouveau child theme, j’ai une erreur 500. Avez vous rencontré ce problème ou une idée de solution ?

    Ma version 1.7.0.5

    1. Bonjour,
      Peut-être un problème de droits d’écriture dans le répertoire du thème. Prestashop va y créer un répertoire assets/cache, il doit pour ça pouvoir écrire dans le répertoire du thème, sinon on aura droit à une erreur 500, comme ça a été le cas chez moi.

      1. Salut,peut tu m’expliquer
        Les droits d’écriture dans le répertoire du thème,erreur 500.Je rencontré toujours le même problème.

  2. Bonjour,
    Merci pour votre tuto !
    Je débute sur Prestashop.
    J’ai bien effectué les modifications enseigné ci dessus cependant quand j’active le thème enfant via l’administration j’ai un message d’erreur provenant de Prestashop:
    [PrestaShopException]
    [ThemeRepository] Theme configuration file not found for theme at `/home/kd/sd/presta.kalvansdesign.com/public_html/themes/classic-child/config/theme.yml`.
    at line 129 in file src/Core/Addon/Theme/ThemeRepository.php

    Pouvez-vous me venir en aide?
    Merci d’avance.

  3. Bonjour et merci pour votre tuto vidéo.
    Si je souhaite faire quelques modifications couleur de boutons ou autres, quels fichiers css dois-je modifier dans le chil-classic ? Et si je fais une mise à jour de Prestashop, qui va aussi mettre à jour le thème par défaut, est-ce que je vais perdre mes modifications css ? Merci à vous pour votre réponse.

  4. Bonjour,
    l’installation du thème enfant a bien fonctionné.
    J’ai ajouté quelques lignes de code dans le fichier theme.yml mais cela n’a aucun effet sur l’affichage du front. Est-ce bien ici qu’il faut intervenir ou dans un autre fichier ?
    merci pour votre réponse

  5. Bonjour,
    est-il possible à votre connaissance de baser un child template sur un autre child template ?
    (child template avec les corrections générales, puis child template du premier child template pour la customisation par boutique)

  6. Bonjour, j’ai bien tout suivi à la lettre, je suis sous prestashop 1.7.6 et PHP 7.2. Lorsque que je veux basculer sur le thème enfant j’ai ce message « Une erreur est survenue. Le modèle « templates/contact.tpl » est manquant. » Avez-vous une idée ?

Répondre à Necriis Annuler la réponse.

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *