Child pages
  • Fondamentaux de la création de thème

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Le système de thème de PrestaShop est basé sur un moteur de modèle/template, appelé Smarty (http://www.smarty.net/), qui permet aux web-designers et développeurs de créer facilement leur propre thème, avec peu de connaissances techniques.

Tip

Tous les designers et développeurs web devraient utiliser les outils suivants :

Ils offrent de nombreux outils, parmi lesquels un outil de parcours du DOM, un éditeur CSS en direct, un inspecteur du réseau, etc., et apportent une aide essentielle lorsqu'il s'agit de déboguer du code HTML, CSS, JavaScript, et même les requêtes Ajax.

 

...

Il s'agit du même principe que pour l'architecture MVC (Modèle-Vue-Contrôleur), en plus simple et plus accessible.
Pour plus d'informations sur le MVC, lisez la page Wikipédia http://fr.wikipedia.org/wiki/Mod%C3%A8le-Vue-Contr%C3%B4leur.

Notre équipe de développeur développeurs à choisi de ne pas utiliser de framework PHP, tel que Zend Framework, Symfony ou CakePHP, afin d'obtenir une meilleure lisibilité du code, et donc de permettre des modifications plus rapides.

...

Il décrit ou contient les données qui ont été traitées par l'application. Il gère ces données, et garantis garantit leur intégrité.

Vue

Une vue est l'interface avec laquelle l'utilisateur interagit.

...

  1. Ne mélangez jamais du code XHTML et du code PHP ; utiliser les balises Smarty pour gérer votre contenu dynamique.
  2. Ne mélangez jamais du code XHTML et du code CSS, placez le code dans un fichier .css à part.
  3. Validez toujours votre code XHTML et votre code CSS grâce aux validateurs du W3C : http://validator.w3.org/ pour le code HTML et XHTML, http://jigsaw.w3.org/css-validator/ pour le code CSS.
  4. N'effectuez jamais de requête SQL dans un contrôleur PHP (fichiers .php à la racine de PrestaShop), privilégiez l'utilisation des méthodes existantes dans les classes PHP et/ou créez de nouvelles méthodes dans ces classes.
  5. Vérifiez toujours si une méthode n'existe pas déjà dans les classes disponibles.
  6. Ne modifiez pas les fichiers du cœur de coeur de PrestaShop ; développez au maximum sous forme de modules afin de faciliter les mises à jour.
  7. Respectez les normes de codes pour un code lisible et clair, facilement maintenable.
  8. Commentez votre code, en anglais.
  9. Lorsque vous effectuez des corrections, mettez la boutique en maintenance via le back-office de PrestaShop.
  10. Utilisez les navigateurs Firefox, Google Chrome, IE9 ou Opera, et incitez les gens autour de vous à en faire autant.
  11. Autant que possible, utilisez des CSS sprites (lire http://www.alsacreations.com/tuto/lire/1068-sprites-css-background-position.html ).

...