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

Versions Compared

Key

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

...

  • Il est plus facile de lire le code du logiciel.
  • Les développeurs peuvent ajouter et corriger le code plus rapidement.
  • Les designers et intégrateurs HTML peuvent travailler en tout toute sécurité dans le dossier /themes sans avoir à comprendre ou même lire une seule ligne de code PHP.
  • Les développeurs peuvent travailler sur des données et modules supplémentaires que les intégrateurs HTML peuvent exploiter.

...

  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 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 Chromen 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 ).

...

  • Tous les thèmes ont leurs fichiers dans le dossier racine /themes.
  • Chaque thème dispose de son propre sous-dossier, dans le thème racine.
  • Chaque thème est fait de fichiers modèles (.tpl), d'images (.gif), .jpg, .png), d'un ou plusieurs fichiers CSS .css, et parfois même de fichiers JavaScript (.js).
  • Chaque thème a un fichier preview.jpg dans son dossier racine, permettant au propriétaire du site d'avoir un aperçu du thème directement depuis le back-office, et donc de choisir son thème en connaissance de cause.

...

En tant que développeur de thèmes, il y a des dossiers auxquels vous devez faire attention :

  • /modules : c'est ici que se trouvent tous les modules. Un module peut interagir avec des fichiers template, qui redéfinissent des parties du thème.
  • /themes : c'est ici que se trouvent tous les modulesthèmes. Le thème par défaut de la version 1.5 se trouve dans le dossier /default (celui de la version 1.4 était dans /prestashop).
  • /mails : c'est ici que se trouvent tous les modèles d'e-mails. Ces modèles devraient correspondre autant que possible au style et au design du thème principal. Chaque sous-dossier contient des modèles par langue.
  • /img : c'est ici que se trouvent toutes les images de la boutique. Les images propres à un thème se trouvent dans le dossier du thème.
  • /pdf : c'est ici que se trouvent les modèles de documents.

...