Voici 10 bonnes pratiques pour le développement front-end (à Magento):
- Comprenez la structure avant de Magento et suivez les conventions. Sachez comment Magento est composé de modules, savoir comment la mise en page XML crée des mises en page et savoir comment les blocs html sont chargés tels que définis par les mises en page. Il est bon d’apprendre la structure de Magento d’abord, puis commencer à apprendre comment les fichiers .phtml fonctionnent. Plonger immédiatement dans le code html/php est possible mais plus difficile et plus sujet aux erreurs. Magento est un programme bien anocé, suivant les conventions utilisées par le cadre de commerce électronique est nécessaire pour le déploiement le mieux entretenu.
- N’essayez pas de personnaliser tout dès le début. Vous serez probablement soumis à une limitation de temps ou de budget et vous devriez vous concentrer sur la situation dans son ensemble. Magento est un logiciel très flexible qui a le danger inhérent pour l’ingénieur enthousiaste de commencer à bricoler avec tout.B
ien sûr, compte tenu du temps et du budget, et si nécessaire un partenaire de mise en œuvre solide, tout est possible. - Parce que l’extrémité avant peut obtenir relativement CSS & Javascript-lourd, en utilisant un outil de débogage comme Firebug est fortement recommandé.
- Utilisez les conseils de chemin de modèle et bloquez les noms de la section configuration Magento (onglet développeur). Cela permet de trouver des blcoks .phtml pertinents beaucoup plus rapidement. Notez que vous devez sélectionner un site Web ou une vue de magasin pour être en mesure d’activer les conseils de chemin de modèle.
- Utilisez les forums Magento / wiki, approchez vos collègues ou d’autres personnes avec les connaissances nécessaires, si vous êtes coincé.
- Lorsque vous fondez une conception sur la mise en page de base qui est par défaut dans Magento (1,2 ou 3 colonnes, en-tête, pied, plusieurs blocs dans les colonnes), il est sage d’utiliser le modèle « blanc » pour baser votre propre modèle propre au lieu de Magento « par défaut / par défaut » modèle. Le modèle « vide » contient moins de style CSS et plus clairsemée code HTML (juste les crochets nécessaires).
- Lorsque vous construisez un modèle personnalisé ou ajustez un modèle existant, travaillez de haut en bas. Pensez d’abord à la structure et affinez-la, puis affinez le contenu.
- Diaporamas / scripts popup comme Lightbox et Shadowbox sont excellents, mais il faut prendre soin qu’ils sont basés sur ou compatibles avec le cadre javascript Prototype. Javascript framework jQuery a un mode de compatabilité par exemple, mais les scripts basés sur Mootools sont intrinsèquement très difficiles à obtenir pour se rendre au travail dans Magento.
- Testez tôt et souvent, également dans plusieurs navigateurs. Bien que cela puisse être évident, le large éventail d’options présentes dans le cadre du commerce électronique de Magento rend ce point très important. Si vous travaillez sur l’affichage des prix par exemple, vous devriez vérifier à quoi il ressemble avec des prix spéciaux, gammes de prix, « aussi bas que » les prix, les prix de niveau, si le prix est ajusté correctement lorsque les options de baisse avec des prix supplémentaires sont choisis, etc.
- Si vous faites partie d’une équipe, soyez très clair sur qui modifie quoi, et utilisez des outils de version comme Subversion.