Thème Prestashop gratuit

Un template Prestashop à 0€ ! Et qui fonctionne bien (ép. 117)

Est-ce que vous avez envie d’un nouveau design pour votre boutique Prestashop ? Le vôtre semble fade ? Est-ce qu’en 2021 il est possible de trouver un thème prestashop gratuit qui soit bien ? Woooo… vous allez être vraiment surpris, je pense.

A l’époque les thèmes Prestashop gratuits étaient rares

Avant de faire ce tutoriel, je suis remonté dans mes archives jusqu’en 2010 et vous savez quoi ? A l’époque les templates Prestashop gratuits étaient rares, parfois on en trouvait 1 ou 2 dont la couleur globale avait été modifiée en CSS mais c’était à peu près tout.

Aujourd’hui en 2021, je décide à regarder ce qu’il existe sur le marché dans le domaine des templates Prestashop FREE… et je suis choqué de ce que je trouve. Des templates Prestashop gratuits sont à la hauteur des thèmes payants. Hum et incroyables, ils s’installent même sans « buguer » de partout…

Thème Prestashop gratuit VS thème premium

On serait tenté de dire qu’un thème payant c’est forcément mieux qu’un thème gratuit, parce que c’est psychologique… quand c’est gratuit la qualité est forcément « médiocre » et pourtant je peux vous confirmer que ce n’est pas le cas. Les thèmes FREE peuvent avoir le même niveau de qualité.

La qualité d’un template repose aussi sur l’intelligence de l’intégrateur / développeur du thème, la pire des choses c’est quand le thème embarque 20 modules différents et utilise peu les modules natifs du coeur et ça on le voit souvent sur des thèmes premium.

Le thème que j’ai testé aujourd’hui pour vous est typiquement un thème intelligent, parce que le rendu visuel est différent du thème par défaut… sans pour autant s’écarter trop du thème de base et exploite peu de nouveaux modules externes.

Partir du thème Prestashop de base ou d’un thème gratuit ?

En principe dans les tutoriels Prestashop que je vous montre, j’utilise toujours le thème de base par mesure de simplification et je vois ensuite beaucoup d’e-commerçants qui le personnalisent… mais parfois un peu trop haha.

Ce que je veux dire par là c’est que si votre vision est d’avoir quelque chose qui soit vraiment différent du thème de base Prestashop, il est peut-être plus simple d’utiliser un thème gratuit comme base, pour éviter que vous ayez à trop retoucher du code pour obtenir ce que vous voulez.

Certains e-commerçants ont trop déformé le thème Prestashop de base en effectuant des ajustements personnalisés et cela a tendance à générer des bugs d’UX. En revanche si vous utilisez un thème qui se rapproche de ce que vous voulez, vous éviterez d’ajouter trop de règles CSS personnalisées et assurez aussi plus de stabilité.

Un template gratuit Prestashop peut vous faire gagner des journées de travail

Pourquoi je vous dis ça ? Parce que certains e-commerçant par exemple décident de retoucher la fiche produit… parce que la présentation ne leur convient pas, ils commencent à manipuler les TPL dans tous les sens, parcourent le forum Prestashop de long en large et regardent des tutos sur internet (chez qui ? haha).

Tout ça c’est très bien, mais ça demande aussi beaucoup de temps et d’énergie ! Bien sûr certains adorent jouer avec le code et sont très fiers d’avoir réussi à faire ce qu’ils voulaient… En revanche d’autres sont épuisés et en ont marre que cela ne s’affiche pas comme ils le souhaitent.

Certains thèmes Prestashop gratuits ont déjà révisé et optimisé certaines pages stratégiques. Avec le thème qu’on va voir aujourd’hui, la fiche produit est mieux présentée qu’avec le thème par défaut, même si je propose des astuces pour l’optimiser. Il faut vous poser la question si cela vaut la peine de prendre un raccourci plutôt que de vous aventurer des heures dans le code.

Quand changer de template ? C’est comme un mariage !

Si vous avez peu de trafic, vous ne prenez pas vraiment de risque à changer de template (mais faites-le déjà sur un Prestashop test avant pour vous assurer que le template est bien).

Même si vous choisissez un thème gratuit, prenez le temps d’être certain que c’est vraiment ce qu’il vous faut. Le but est de faire perdurer le template pendant plusieurs années et de l’optimiser progressivement. Il faut éviter de devoir faire un gros chantier dessus dès son déploiement.

Le plus important en 2021 c’est que le thème soit optimisé est pratique sur mobile… Trop souvent les e-commerçant utilisent l’ordinateur comme outil de travail et ne testent pas assez sur mobile le template avant de se décider. Il faut bien se mettre en tête qu’un utilisateur sur deux verra votre site e-commerce sur mobile.

Choisir un template c’est un peu comme le mariage, si on peut faire le bon choix du premier coup c’est toujours plus agréable pour les années qui vont suivre.

Pour ce tutoriel Prestashop vous avez à disposition :

  • 1 x Thème Prestashop avec ses sources

Je vous invite à télécharger directement la dernière version du thème Prestashop sur le site de l’auteur pour les soutenir et aussi afin de bénéficier des derniers updates.

Télécharger sur Hiddentechies

Si le téléchargement est indisponible sur Hiddentechies :

Télécharger sur Webbax

Résumé de la vidéo : Un thème Prestashop gratuit vraiment sympa

  • On commence par installer le thème via le fichiez « .zip ».
  • Une fois le thème déployé, on peut s’apercevoir qu’il correspond assez bien à la démo, on analyse quand même les sources pour corriger les liens vers différentes ressources images.
  • C’est une bonne chose, car ils ont utilisé le slider par défaut de Prestashop et l’on revisité en faisant une grande image responsive (je valide à 100% ce concept).
  • Dans le dossier des modules (via la date de création) on constate que seuls 5 modules sont ajoutés ce qui est un très bon point.
  • La visualisation sur mobile donne aussi satisfaction une belle alternative au thème standard de Prestashop.
  • On dit « Merci HiddenTechies », parce que grâce à eux vous gagnez un temps précieux dans votre avancement.

6 commentaires sur “Un template Prestashop à 0€ ! Et qui fonctionne bien (ép. 117)”

    1. Hello Arnaud,

      Un thème Prestashop aussi bien sympa, j’aime bien les templatse qui vont à l’essentiel. A tous les lecteurs pensez aussi à le tester 😉

      Merci pour la contribution !

  1. HEllo Germain,

    encore une fois top .

    merci pour tous tes partages.

    quand on survole le produit add to card apparait, je ne trouve pas l’endroit poru changer le texte, as tu une piste?

    merci

  2. Bonsoir,
    C’est sympa comme templates, mais moi ce qui m’intéresse, c’est de pouvoir attribuer un code couleur différent par catégorie, ainsi qu’une image différente dans le top. Et la, je rame.
    Bonne soirée.

  3. Bonjour,
    Déjà un grand MERCI pour ce tuto qui me permet d’avoir un template génial !!

    Pour te répondre :
    Il faut aller dans product.tpl se trouvant dans /themes/next/templates/catalog/_partials/miniatures/ et ajouter la traduction {l s=’Add to cart’ d=’Shop.Theme.Actions’} ligne 58.

    Moi j’aimerai que le menu reste coller en haut de page et que mon logo, recherche et panier apparaissent dedans au moment du scroll.
    Si quelqu’un a une astuce je suis preneur.

    Merci

Laisser un commentaire

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