Quand vous créez votre boutique en ligne Prestashop, parmi les choses à faire en tout premier, après avoir passé votre boutique en Maintenance, c’est de créer votre thème enfant.
En effet, il est fortement déconseillé de travailler sur le thème d’origine qui s’appelle CLASSIC.
Évidement si vous avez fait le choix d’acheter un thème sur la plateforme ADDON de Prestashop, ce sujet ne vous concerne pas.
Un thème enfant c’est quoi ?
On appelle cela aussi un thème « hérité », c’est à dire que ce thème hérite les réglages et les scripts du thème principal.
Pour vous donner un exemple, si sur le thème d’origine le titre d’une page est écrit en bleu, fonte Arial, taille 15px, et centré, et que vous voulez l’écrire en rouge, dans le thème enfant vous ne modifiez que la couleur. Dans ce cas, le titre apparaitra en rouge, mais avec la fonte Arial, centré et de taille 15px.
Si vous faites une mise à jour de Prestashop, le thème d’origine CLASSIC sera mis à jour, mais pas le thème enfant.
Vous pourrez donc garder tous les réglages que vous avez fait.
Ce système est primordial si vous utilisez un Builder (constructeur de thème) type Créative Elements.
De quoi ai-je besoin pour créer mon thème enfant ?
Vous aurez besoin de (pour Windows) :
- Notepad ++ : lien de téléchargement : https://notepad-plus-plus.org/downloads/
- Filezilla : lien de téléchargement : https://filezilla-project.org/download.php?platform=win64
- Canva : lien pour y accéder : https://www.canva.com/
Vous aurez besoin de (Pour IOS – Mac) :
Comme sur Mac il n’y a pas de Notepad ++, je vous conseille de lire cet excellent article qui vous donne quelques utilitaires de remplacement : https://www.imymac.fr/powermymac/notepad++-for-mac.html
Pour Filezilla : https://filezilla-project.org/download.php?platform=osx
Et pour CANVA, cela ne change rien, vue que c’est en ligne : https://www.canva.com/
Procédure de création d’un thème enfant Prestashop
Maintenant que vous avez les outils, et les pré-requis, il n’y a plus qu’à faire.
Le contenu du fichier theme.yml à placer dans le dossier CONFIG
parent: classic
name: classic-child
display_name: Theme enfant version: 1.0
assets: use_parent_assets: true
author:
name: "e-Commerce Concept"
email: "info@e-commerce-concept.eu"
url: "https://e-commerce-concept.eu"IMPORTANT ! ! : ne pas mettre d’espace avant les ‘:’ par contre en mettre un après les ‘:’, comme sur l’exemple.
La ligne ‘author:’ et les suivantes ne sont pas obligatoires
Voici le PREVIEW.PNG à récupérer pour mettre dans le dossier CLASSIC-CHILD :
Voici une vidéo explicative concernant la création d’une thème enfant Prestashop
Si vous voulez récupérer le fichier ZIP contenant toute l’arborescence du thème enfant :