C’est simple, une fois que vous avez installé PrestaShop 1.7, vous voulez avoir une boutique en ligne jolie. Pour cela vous allez sûrement installer un thème PrestaShop 1.7 / 8 gratuit. Voici donc un thème pour votre futur projet.
Thème gratuit VS thème payant : est-ce que je fais le bon choix ?
Dois-je utiliser un thème gratuit ou un thème payant pour PrestaShop 1.7 / 8 ?
Cette question revient à se demander quelle est la différence entre les thèmes gratuits et les thèmes payants.
Voici quelques éléments de réponse :
- déjà ne vous détrompez pas, il n’y a pas de support sur du gratuit car c’est GRATUIT.
- ais-je besoin d’un thème payant pour avoir un « joli » site web ?
- et surtout, ais-je besoin d’un « joli » site web pour bien vendre ?
- le thème est-il complexe à utiliser ?
- le template PrestaShop est-il compatible avec la plupart des modules ?
- quelles sont les fonctionnalités embarquées dans le thème PrestaShop ?
- est-ce que le template PrestaShop est mis à jour et compatible avec la dernière version ?
En effet, un joli site web est très subjectif car les goûts et les couleurs diffèrent d’une personne à une autre.
Cependant, prenez en compte que votre site web doit être lisible, facile à utiliser et rapide à charger.
Sur ce dernier point, que vous ayez un thème PrestaShop payant ou gratuit, peu importe du moment qu’il est bien conçu.
Concernant la complexité, un thème payant embarquera souvent de nombreux modules avec de nombreuses options. Si vous êtes novice, vous risquez de perdre des heures à chercher comment modifier une seule option.
D’ailleurs, vérifiez aussi que le thème convoité embarque bien les fonctions demandées. Même si vous vous en doutez, sur un thème gratuit vous n’allez pas retrouver tout ce que vous souhaitez.
Prenez soin également de savoir si le template PrestaShop visé est compatible avec la plupart des modules. Car rien de plus agaçant d’acheter un module – un module de blog ou de filtres – et de ne pas pouvoir l’utiliser car visuellement il faut retravailler certains points !
Enfin, concernant la sécurité et la compatibilité, notez que le thème PrestaShop doit être compatible avec les dernières versions de PrestaShop 1.7. Je vous déconseille notamment de télécharger un thème ailleurs que depuis la source originale car il pourrait être modifié.
BLCK : template PrestaShop 1.7 / 8 gratuit
Après vous avoir listé 10 thèmes PrestaShop 1.7 gratuits et responsive quelques années plus tôt, je vous propose aujourd’hui en ressource gratuite un thème PrestaShop 1.7 / 8 gratuit : BLCK.
Avant tout, le thème PrestaShop BLCK est issu du travail sur le thème Classic officiel à savoir le Classic Rocket développé par Prestarocket. Merci à lui !
On part donc sur une bonne base puisque le thème PrestaShop 1.7 / 8 gratuit Classic Rocket est conçu pour être performant, simple à utiliser et efficace pour le SEO. Tout ce que vous voulez au final !
Voici les points clés que thème BLCK donc :
- dernière version de Bootstrap
- lazy loading pour les images
- menu principal et filtres produits avec offcanvas
- utilisation de less css et less js
- optimisation des formulaires (accessibilité et validation)
- optimisation du référencement SEO : Hn, pagination…
- optimisation du chargement des polices
- affichage responsive efficace
A cela vous pouvez ajouter quelques ajustements spécifiques au thème PrestaShop BLCK :
- code couleur minimaliste pour coller à tout type de business
- slider pleine largeur en page d’accueil
- effets visuels ajoutés sur certains éléments comme le menu
- bouton d’ajout panier ajouté dans les listes produits
- bloc de description produit en pleine largeur sur la fiche produit
Le thème PrestaShop 1.7 / 8 gratuit BLCK est compatible avec les versions 1.7.x.x toutes versions.
Voici le lien vers le thème PrestaShop 1.7 / 8 gratuit BLCK mis à jour vers la dernière version.
Comment installer le thème PrestaShop 1.7 / 8 BLCK ?
C’est très simple puisqu’il vous suffit de télécharger le thème puis de vous rendre dans le back office et de suivre ces étapes :
- Ajoutez un thème
- Sélectionnez le fichier blck.zip
- Cliquez sur « utiliser ce thème »
- Patientez 🙂
- Videz le cache de PrestaShop
- Vendez !
Voici également la vidéo tuto d’installation du thème PrestaShop 1.7 / 8 gratuit BLCK :
Bonnes ventes !
Merci beaucoup Mr Merigeau pour votre travail exemplaire ! Hâte de tester votre nouvelle version.
Bonjour,
Petits Warnings dans la console sur tout ce qui est « modal », de type :
« blocked aria-hidden on an element because it’s descendant retained focus »
Problème rencontré pour ma part à la fermeture de la modale de Filtre sur mobile, la fermeture de la modal d’ajout au panier, le clic dans le champs email de la section « Se connecter », et la fermeture de la modal liée aux CGV juste avant de valider le paiement.
gounacreations.com
Bonjour,
Merci beaucoup pour votre retour détaillé 🙏
Effectivement, ce warning peut apparaître selon certains scénarios liés à la gestion de focus dans les modales.
Bonne nouvelle : une mise à jour du module est en cours de finalisation et elle intégrera un correctif pour ce point.
Je publierai l’info directement sur le blog dès qu’elle sera disponible (très bientôt !).
Encore merci et à très vite !
Bonjour, les images ne s’affichent pas apres avoir installé le theme, sur cle classic elles apparaissent, que faire ?
Bonjour,
Pensez peu être à régénérer les miniatures dans le back office.
Bonne journée.
Bonjour, Pouvez vous me dire si le thème fonctionne sur la version 8.1.5 de prestashop SVP ?
Pour ma part, il ne fonctionne pas. D’après le dernier avis il « bug » depuis prestashop 8.1.3 . Mais après, c’est peut être moi…
Bonjour Sébastien,
Il a été testé fonctionnel pour PrestaShop 8.1 en effet.
Bon téléchargement 🙂
Bonjour,
Une mise à jour est-elle prévue pour supporter PHP 7.4 sur prestashop 1.7.8.10 ?
Merci.
Bonjour,
Merci pour le commentaire.
C’est fait : le thème BLCK est compatible PrestaShop 8 🥳🥳🥳
Lien vers le thème : Thème PrestaShop 1.7 / 8 responsive BLCK
Bonnes ventes !
Bonjour Arnaud,
Une mise à jour pour presta 8 est elle prévue ?
Si oui un délai approximatif ?
Merci d’avance.
Bonjour,
Merci pour le commentaire.
Et oui, une mise à jour est en cours et sera publiée très prochainement.
Bonne journée 🙂
Bonjour Arnaud. Le thème est super je l’utilise et je les bidouillé pour mon site hexagraine.com
D’après pagespeed insights le slide est chargé en Lazyloading et cela cause problème car il est l’élément le plus grand de la page et le fait d’avoir un chargement en lazy sur l’élément principal peut dégrader la note Largest Contentful Paint. J’aimerais supprimer le Lazy du slide mais je n’y arrive pas. A tu une piste a me donner? Merci pour toutes les astuces. Bien cordialement
Bonjour Vincent,
Il n’y a pas de support sur le thème étant donné qu’il est gratuit.
Cependant, de tête, il faut enlever la class « lazy » pour supprimer le lazyloading.
Salut Arnaud !
J’ai installé pour une amie le thème que tu as généreusement modifier, j’ai fait quelques modifs pour les couleurs etc… mais j’ai deux soucis (je sais que ce thème est gratuit et sans support) mais si jamais elles ne sont pas trop compliqué 🙂 les voici :
Le premier : Le Slide as tandance à disparaître 1/3fois…
Le second : J’ai essayé de modifier la typo mais sans réussite… ou dois-je modifier exactement ?
A bientôt !
Jofrey
Bonjour Jofrey,
Une mise à jour est en cours de développement et apportera des nouveautés 😉
Bonjour,
j’ai installé votre thème en local et j’aurai souhaité avoir le menu en version mobile à la place du menu version desktop quel que soit la taille d’écran. Je peine à comprendre le transition entre les deux. Pouvez-vous m’aiguiller ?
Merci encore pour ce thème !
Bonjour,
C’est avec plaisir que je construit une boutique avec ton excellent thème
Tu as installé le module du menu dans le hook displayNavFullWidth
Je me sert de créative Slider pour afficher mon carrousel dans le hook DisplayHome
Dans le menu j’ai des sous menu et lorsque je les ouvre ils passent dessous le carrousel.
Aurais tu une idée pour faire passer ces sous menu dessus ce carrousel?
Merci
PS:bien saisie que tu ne fais pas de support, c’est au cas ou tu ai une idée 🙂
Très belle fin de journée
Salut Thierry,
Avec plaisir 😉
Je pense que c’est juste une histoire de z-index sur le header ou le slider à modifier, par exemple z-index : 1 sur le header déjà.
A bientôt 🙂
Bonjour
J’ai téléchargé le thème prestashop Blck
Mais impossible de l’utiliser
Je l’ai telecharge correctement, mais qd je veux l’utiliser dan prestashop, rout a l’air de se passer normalement, c’est bien le thème utilisé, mais sur le site il y a le thème par défaut de plrestashop!!?
Bonjour Pascal,
Attention à bien videz le cache de PrestaShop cf https://doc.prestashop.com/pages/viewpage.action?pageId=51840325
Et merci d’utiliser le thème BLCK 🙂
Thème installé mais aucun effet. Message parfaitement installé mais n’est pas pris en charge par prestashop car resté sur le thème par défaut. Cache vidée mais rien. Une idée ?
Bonjour Dominique,
C’est la première fois que j’ai ce retour.
Avez-vous un message d’erreur avec le debug activé ?
Bonjour
J’ai voulu installer ce theme à partir du zip mais j’ai une erreur :Une erreur inattendue s’est produite. [PrestaShop\PrestaShop\Core\Domain\Theme\Exception\ThemeConstraintException code 2]
auriez vous une idée pour que je puisse installer ce theme ?
Merci d’avance
bon week end
VAlere
Bonjour
j’ai voulu installer le template en passant par le zip sur une version 1.7.6.8 mais j’ai cette erreur
Une erreur inattendue s’est produite. [PrestaShop\PrestaShop\Core\Domain\Theme\Exception\ThemeConstraintException code 2]
quelqu’un aurait une idée ?
Merci
Bonne journée
Valere
Bonjour !
Je voulais mettre à jour le thème que j’ai depuis un moment mais… il me note ceci : »Fichier de configuration manquant »
Je ne comprend pas bien :/
Bonjour Jofrey,
Vous devez bien retrouver le fichier /themes/blck/config/theme.yml dans le dossier du thème.
C’est ce fichier qui gère la configuration du thème.
Bonjour,
pour le problème avec le module des avis sous BLCK, voici la solution (trouvée sur github.com)
1) éditer le fichier « blck/modules/productcomments/views/js/list-comments.js » et remplacer tout son contenu par le contenu affiché ici : https://github.com/prestarocket-agence/classic-rocket/blob/39573718e57eaa99dba520ad531b178004912c76/modules/productcomments/views/js/list-comments.js
2) éditer le fichier « blck/modules/productcomments/views/js/post-comment.js » et remplacer tout son contenu par le contenu affiché ici : https://github.com/prestarocket-agence/classic-rocket/blob/39573718e57eaa99dba520ad531b178004912c76/modules/productcomments/views/js/post-comment.js
Les fichiers sont basé sur le thème classic rocket, mais je viens de tester sur mon shop qui est en thème blck modifié, cela fonctionne !!!
Cordialement
Coucou,
Merci pour le thème, ca me permet de mettre enfin les mains dans PrestaShop 🙂
Deux questions:
> Un conseil pour un mooc / vidéo / démo pour donner un coup de pouce à la config presta et modification de thème ?
> Si je veux supprimer des éléments (comme la Whishlist dans la fiche produit) je dois bosser sur le thème ou sur la configuration Prestashoop ?
Merci bonne journée 👌
Bonjour Juan,
Merci pour ton commentaire.
> Je n’ai pas compris ta demande.
> Il suffit de désinstaller le module wishlist / liste d’envies.
Bonne journée 🙂
Hello,
Merci beaucoup pour ce très beau thème simple et efficace. Juste pour info, lorsque l’on ajoute un produit avec déclinaison en liste déroulante, sur le thème black la photo du produit ne change pas en fonction de la sélection de la déclinaison alors que celle-ci est bien configurée. Lorsque je repasse sur le thème par défaut PS cela fonctionne de nouveau.
Rien de grave, je le contournerais mais je le signal au cas où cela peut aider au développement.
Bonne continuation et encore merci pour votre travail.
Bonjour Eric,
Merci beaucoup pour le retour qui en aidera plus d’un !
J’ajoute ce point pour la mise à jour du thème.
Bonne journée 🙂
Bonjour,
pour le problème avec le module des avis sous BLCK, voici la solution (trouvée sur github.com)
1) éditer le fichier « blck/modules/productcomments/views/js/list-comments.js » et remplacer tout son contenu par le contenu affiché ici : https://github.com/prestarocket-agence/classic-rocket/blob/39573718e57eaa99dba520ad531b178004912c76/modules/productcomments/views/js/list-comments.js
2) éditer le fichier « blck/modules/productcomments/views/js/post-comment.js » et remplacer tout son contenu par le contenu affiché ici : https://github.com/prestarocket-agence/classic-rocket/blob/39573718e57eaa99dba520ad531b178004912c76/modules/productcomments/views/js/post-comment.js
Les fichiers sont basé sur le thème classic rocket, mais je viens de tester sur mon shop qui est en thème blck modifié, cela fonctionne !!!
Cordialement
Bonjour,
j’ai exactement le même problème pour les avis.
Avez-vous trouvé une solution ?
Cordialement.
Bonjour.
Super theme, léger et beau.
Dans la page Produit « Prévenez-moi lorsque le produit est disponible » ne s’affiche plus alors qu’il s’affichait avec le theme de base.
Est-ce volontaire de votre part ?
merci.
Bonjour Sylvain,
Merci pour votre commentaire.
Normalement il devrait s’afficher, à voir sur quel hook se greffe ce module et voir si le hook est bien présent dans le tpl de la page produit.
Se sera corrigé si c’est un bug dans la mise à jour.
Bonne journée 🙂
Bonjour Arnaud,
Impossible de d’installer le module sous prestshop 1.7.7.4, il me signifie l’installation a échoué.
Cordialement
Bonjour Rotrou-Zerbé,
Thème installé sur PS 1.7.7.4 fonctionnel, regardez les logs d’erreurs de votre serveur pour trouver la solution.
Bonjour Merci pour le thème, il est vraiment très clean, par contre j’ai l’impression que cela désactive le module commentaires natif de PrestaShop. Savez-vous comment le
Bonjour,
Bien que je ne fasse pas de support sur ce thème gratuit, après test le thème ne désactive pas le module commentaire natif à son installation.
Bonjour Arnaud,
Quand ont active le module Commentaires produits, le nombre de commentaires et la note s’affiche bien, mais les commentaires ne s’affichent pas.
Quand ont laisse un commentaire, le message affiche « Désolé, votre avis ne peut être posté. » alors que je pensais qu’il devait afficher un message du genre « Votre commentaire a été soumis et sera examiné par un modérateur »
Merci par avance pour votre réponse.
Cordialement
Richard
Bonjour, il s’agit d’un thème gratuit sans support pour rappel.
Dans votre cas, regardez bien la config du module d’avis également.
Bonjour Arnaud
Merci pour ce beau partage.
J’ai un petit soucis, le bloc nouveaux produits, ne s’affiche pas.
Si je lance une réinitialisation, il affiche :
« Error!
Exception retournée par le module ps_newproducts pour reset. Erreur lors de la réinitialisation du module ps_newproducts. The hook id #593 does not exist in database »
Est ce normal ?
Que faire ?
Merci par avance pour votre réponse.
Cordialement
Richard
Bonjour Arnaud,
Tout d’abord merci pour ce super thème que j’adore.
J’ai utilisé un module afin de fixer le menu lorsque je scrolle et je souhaiterai réduire une petit peu la hauteur du header comme sur ce site : https://www.feed.co
Pourriez-vous s’il vous plaît m’indiquer les fichiers à modifier ?
Merci pour votre aide
Bien cordialement
Bonjour Sangoku91300,
Merci pour le commentaire,
Pour info, je ne fais pas de support sur les thèmes et modules gratuits 😉
Bonjour, je vous remercie pour ce thème !
Ma question peut sembler bête mais est-il libre de droit ?
Merci !
Bonjour,
C’est un thème sur la base de classic-rocket donc libre de droit et sans support.
Bonne journée 🙂
Bonjour,
je vines de l’ajouter et l’activer mais j’ai toujours le template par défaut qui apparait
je suis sous la version 1.7.7.0
Bonjour,
Pensez à bien désactiver et vider le cache de PrestaShop.
Bonjour merci de votre réponse, super thème encore une fois que j’ai étendu
par contre au niveau du checkout , en mode connecté je n’arrive pas à passer d’une étape à une étape antérieure : il ouvre l’étape et la referme tout de suite… c’est le cas sur le thème parent et le child… une idée ??? merci
Hi- Firstly, thank you for creating a free theme- really appreciate. The last paid theme I had, the developer stopped updates and it lead to security loopholes being kept open. Can you advice what you plan to do and if you will keep any update? I am happy to pay for those as you are providing a free service.
Hi Rahul,
Nice to read you.
I will happy to maintain this theme up to date in order to give a strong solution to merchant.
Bonjour, malgré avoir copié les fichiers du dependencies > modules > ps_searchbarjqauto dans le repertoire themes/blck/modules j’obitens tjrs l’erreur « L’action installer est impossible pour le module ps_searchbarjqauto. Le module n’est pas valide et ne peut pas être chargé. » sur prestashop 1.7.6.8
très envie d’essayer ce thème suis je le seul avec le souci ? merci et bravo pour cette contrib
Bonjour Breizhwave,
Je n’ai pas reproduit cette erreur.
Vous pouvez activer le mode debug pour comprendre d’où vient le problème.
Bon courage 😉
Bonjour,
Il est impossible d’accéder au panier lord de l’ajout du module. Serait il possible d’avoir un lien de téléchargement?
Merci beaucoup, j’ai hâte d’utiliser ce thème.
Bonne journée
Bonjour,
C’est corrigé, vous pouvez ajouter à nouveau le thème PrestaShop au panier.
Bonjour,
Attention à bien utiliser les fichiers sass et la logique de thème enfant pour faciliter les mises à jour. Il y a eu quelques mises à jour depuis
Bonjour Arnaud, avec du retard, je vous remercie, cela fonctionne parfaitement, et améliore aussi l’affichage sur des smartphones avec petit écran !
Le thème semble avoir bien aidé à la progression des ventes. 🙂
Cordialement, Marc
Bonjour, thème très sympa, mais j’aimerai simplement revenir au slider « d’origine » en terme largeur, car je trouve que visuellement c’est un peu trop envahissant. Quelles seraient les lignes de code du CSS à modifier ? En vous remerciant par avance
Bonjour Marc,
Dans ce cas il suffit de déplacer le module slider sur le hook displayHome.