sept
21
Avoir une boutique performante, passe aussi par une vitrine qui se démarque des autres. Cet argument est encore plus valable dans le domaine de l’e-commerce. De plus si vous utilisez un système clef en main comme Prestashop ou Magento et que vous ne modifiez pas votre thème, vous risquez d’avoir le même que d’autres e-commerçants !
Nous allons donc vous montrer comment utiliser un autre thème dans Prestashop que celui par défaut et cela en quelques minutes ! En effet cette opération s’avère être très simple. Donc pourquoi ne pas se lancer ?
Le thème que nous allons utilisé est celui que propose un ami bloggueur : Matthieu Perinet, vous pouvez le télécharger sur son blog ou à partir de nos serveurs.
Installation des modules complémentaires :
La première chose à vérifier avant d’installer un thème est que vous possédiez bien les modules complémentaires. En effet la plupart en nécessite. Le thème que nous souhaitons installer en nécessite deux .
Si votre installation de Prestashop est propre et que vous n’avez pas modifié les modules de celle-ci, alors vous pouvez sauter cette étape, les modules nécessaires pour ce thème étant installé par défaut dans Prestashop.
Connectez vous dans votre partie administrateur, rendez vous dans l’onglet module, puis cherchez les deux modules suivants situés dans la partie « Blocks » :
-bloc logo de paiement
-bloc publicité
Vérifiez que chacun de ces modules soit bien installé (présence d’un logo positif vert devant les lignes).
Si ce n’est pas le cas cliquez sur le bouton « installer » devant ceux ci (vous pouvez aussi cocher les deux cases devant les lignes puis cliquez sur le bouton “installer la selection” en bas de page.
Si l’opération s’est correctement déroulée, vous devriez avoir un message de confirmation de la bonne installation de vos modules.
Si vous n’avez pas trouver les modules précédent dans la page indiquée, vous pouvez les télécharger ici.
Module 1
Module 2
Décompressez (en utilisant un logiciel comme 7-zip par exemple) alors ces modules dans le dossier « module » de votre répertoire Prestashop, puis recommencez l’étape 1.
Installation du thème :
Si vous ne l’avez pas encore fait, téléchargez le thème.
Une fois celui-ci téléchargé, vous n’avez qu’à décompressez l’archive (en utilisant un logiciel comme 7-zip par exemple) et le placer dans le dossier « themes » de votre installation Prestashop.
Activation du thème :
Rendez vous dans votre partie administration de Prestashop.
Allez dans l’onglet préférences, puis dans le sous-onglet « Apparence ».
En bas de page dans l’onglet Thèmes, vous devriez trouver un nouveau thème “muriper” au côté de celui par défaut de Prestashop.
Il vous suffit alors de cocher le thème que vous souhaitez utiliser (ici muriper) puis de cliquer sur « Enregistrer », tout à fait au bas de la page.
Ensuite rendez vous dans la partie client de votre boutique, votre thème devrait alors avoir changé.
Récapitulatif pour l’installation d’un thème :
Assurez vous d’avoir tous les modules nécessaires au bon fonctionnement de celui-ci, si ce n’est pas le cas, téléchargez les et installez les.
Décompressez votre nouveau thème dans le dossier « themes » de votre installation puis activez le.
Ces billets peuvent aussi vous interesser :
Mots clefs : ajouter un thème, modules, nouveau thème, Prestashop, thème
Notez ce billet :
(1 vote(s), moyenne: 5 sur 5)
Loading ...
Je souhaite avoir un tutos pour modifier les styles nCSS???
Est ce que vous savez comment modifier le contenu:
Les menus, les conditions générales, les pages de transactions de paiement, …bref tout le contenu.
Merci d’avance pour ce blog.
Un tutoriel sur comment créer un thème n’est pas une chose évidente à faire. Tout dépend du niveau de chacun, et de ce que l’on souhaite faire…
Le mieux est d’étudier par soit même les différentes pages que vous souhaitez modifier en notant les sélecteurs css que vous repérez.
Ensuite rendez vous dans la feuille de style de votre thème et modifiez ces sélecteurs.
J’ai testé le nouveau thème Muriper. Mais seulement, je constate qu’il ne prend pas en charge le logo qui s’affiche pourtant dans le thème Prestashop. Il se contente juste d’écrire le nom donné à la boutique. Comment remédier à ce problème. Mercil
Bonjour Peter,
C’est étrange, il semble pourtant s’afficher dans notre cas.
Êtes vous sur que le logo est au bien présent..
Oui, le logo est bien présent. La preuve c’est que je n’ai pas de problème d’affichage du logo avec le thème Prestashop.
Quel est le chemin exact d’accès à votre logo ? Car apparemment celui à l’adresse :http://catalogue.daabou.com/boutique/img/logo.png n’est pas trouvé. essayer de le mettre dans un autre répertoiree, et changer le chemin d’accès dans le fichier header.tpl de votre thème
Je rencontre le même problème que Peter.
Le problème vient de l’extension du logo : mon logo se nomme logo.jpg mais dans le thème Muriper, c’est le fichier logo.png qui est appelé.
Après plusieurs essais (avec des jpg, gif et png), il semblerait que quelque soit le nom et le format du logo, PrestaShop convertit l’image en jpg et la renomme logo.jpg.
Une toute petite modification serait donc nécessaire dans le thème Muriper : remplacer logo.png par logo.jpg dans le fichier header.tpl
Bonsoir Vivi,
En effet l’extension n’est pas gérée, et le nom du fichier est en dur dans le template.
Pour le modifier, rendez vous dans le fichier header.tpl ligne 39 et remplacez logo.png par logo.jpg