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.

Notre équipe vous propose régulièrement de nouveaux thèmes dans notre boutique. Elle peut aussi s’occuper de la création de votre thème sur mesure, n’hésitez pas à  nous contacter.

    Articles sur le même sujet :

  1. Installer un thème pour Prestashop N'hésitez pas à vous inscrire au flux RSS pour ne rater aucun article.Installer Prestashop de base, c”est déjà un grand pas ! Mais sans thème, sans modules complémentaires, vous n”irez pas loin… Suivez cet article pour installer un thème sur...
  2. Ouverture prochaine de Prestastore N'hésitez pas à vous inscrire au flux RSS pour ne rater aucun article. L’équipe de Prestashop ouvrira bientôt une nouvelle plateforme Prestastore, celle-ci permettra aux développeurs de proposer leurs thèmes et modules. Vous pourrez alors facilement acheter un module ou...
  3. Nouveau comparateur de systèmes e-commerce et interview du co-fondateur de codeur.com N'hésitez pas à vous inscrire au flux RSS pour ne rater aucun article.Un nouveau service original est sorti depuis quelques temps maintenant. http://www.comparatif-ecommerce.com. Il vous permet simplement de comparer les différents systèmes Open-Sources existant sur le marché. A l’heure d’aujourd’hui,...

15 commentaires pourquoi ne pas laisser le vôtre ?

un grand merci vraiment , cela fonctionne effectivement le dossier avais un sous dossier ( pr le theme et aussi pr l’autre module) cela fait 48H que j’essais et je m’arrachais les cheveux, qd on pose ce genre de questions toutes simple sur le forum de presta , on est limite ignoré, merci vraiment d’etre la et d’avoir repondu a mon probleme!

kelly le 10 avril 2009 à 0 h 43 min

Dans le dossier que vous placez dans modules ou themes, y a t’il bien les fichiers à la racine, ou sont ils contenus encore dans un sous dossier ?
Si oui, il faut que le dossier que vous placez, contiennent directement tous les fichiers.

Sinon, cela peut être du à un problème d’autorisation des fichiers…

Magavenue le 10 avril 2009 à 0 h 14 min

bonjour,

je suis encore en local (jai suivi votre tuto video) , et la je viens de faire le test pr le theme, j’ai donc mis dans le fichier theme de prestashop en local le fichier deziper muriper, et il n’apparait pas dans apparence !
pourriez vous m’aidez, j’ai aussi essayez d’installer un module et pareil le module n’apparait pas dans la liste des module a activer .
Merci de votre aide!

kelly le 9 avril 2009 à 20 h 20 min

La propriété block permet de définir comment un élément doit être affiché.
Ici l’élément est l’arbre de catégorie.
En mettant un display:none, on ordonne à l’arbre de catégorie de ne pas s’afficher.
En mettant display:block; on spécifie que l’élément est un bloc et celui-ci est affiché en tant que tel. (on pourrait aussi mettre table etc… pour un affichage différent.).

Magavenue le 25 janvier 2009 à 19 h 52 min

Génial, ca fonctionne très bien.
Merci
Et pour l’apprentissage, Pourquoi le faite de mettre block fait apparaitre le texte ?

Nico le 25 janvier 2009 à 19 h 46 min

Ecrire un commentaire