Le système de compilation de fichiers de prestashop 1.7

Dans sa version 1.7, prestashop compile des fichier en utilisant sass (Syntactically Awesome Stylesheets) qui est un langage de génération de feuilles de style.

Prestashop 1.7 utilise les fichiers contenus dans le dossier css du dossier -dev du thème pour créer un fichiers theme.css qui est situé dans le dossier asset du thème.

Donc modifier le fichier theme.css est la méthode la plus simple, mais n’est pas la meilleure pratique, le mieux serait de modifier les fichiers scss puis de les recompiler.

 

N'hésitez pas à laisser un commentaire

Vous pouvez vous abonner à notre newsletter mensuelle pour être informé de nos nouveaux tutoriels.

Vous pouvez aussi aimer notre page facebook.

6 thoughts on “Le système de compilation de fichiers de prestashop 1.7

  1. Bonjour,
    Oui c’est une bonne méthode je pense, mais comment faites-vous pour les recompiler? je cherche depuis un moment mais à chaque fois je me retrouve avec un fichier theme.css qui contient des erreurs (bourbon, bootstrap..)

  2. Bonjour ,

    Je n’ai pas de base en informatique ou même codage, et j’aimerais néanmoins changer les couleurs de mon thème connaissez-vous d’autres méthode?

    Merci d’avance.

  3. Bonjour,
    Merci pour l’excellent auto « Changer le fond d’un site prestashop 1.7 ».
    Quel outil conseillez-vous pour recompiler le CSS en version minified ? Suffit-il alors de copier le CSS minifié dans le répertoire themes>classic>assets>css pour que PS prenne en compte (après avoir vidé le cache) ?
    Il y a-t-il une référence où l’on peut apprendre à quoi servent les différents paragraphes de la theme.css du thème Classe ? (je cherche p.ex. à élargir la zone dévolue à la ‘Description’ et ‘Détail’ Produit (par défaut sur une demi-colonne à droite).
    Bonne journée

    1. Bonjour,
      Oui il suffit de copier le theme.css dans themes>classic>assets>css tous les outils de recompilation font l’affaire, nous on à des recompilateurs dans nos outils de développement.
      La zone dont vous parlez est un peu compliqué à modifier car ce n’est pas dans le css, c’est une zone qui est dans une colonne de 50% il faut donc sorti ces éléments de cette zone dans le product.tpl.

      Bonne journée

Répondre à zebruo Annuler la réponse.

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