De débutant à avancé dans OpenCart développement supplémentaire de modules

Bienvenue dans la série des développeurs OpenCart. Dans notre précédent article sur le développement de modules, nous avons construit notre premier "module Hello World" en utilisant MVC (Model-View-Controller) par rapport au tableau de bord.. 

Dans cet article, nous allons créer un module pour le front-end. Je vous recommande de consulter mon article précédent si vous ne l'avez pas encore lu. De nombreux développeurs ont peur de développer des modules pour OpenCart, car ils recherchent d'abord les modules disponibles sur le marché, mais il est en fait très facile de développer des fonctionnalités par vous-même..

Comme vous le savez, nous avons construit un module simple qui prend une entrée du back-end et l’enregistre dans la base de données..

Configuration du module

1. Mettez du contenu factice dans le champ "Hello World Code".
2. Définissez la mise en page, la position, le statut et son ordre de tri conformément à la capture d'écran suivante.

Pour comprendre quelles sont les dispositions, vous pouvez lire mon article sur la configuration OpenCart.

Créer un contrôleur de magasin

1. Aller vers catalogue / contrôleur / module et créer un nouveau fichier PHP.
2. Nommez le fichier helloworld.php.
3. Ouvrez le fichier dans votre IDE favori et utilisez la convention de dénomination de classe OpenCart, c.-à-d.. class ControllerModuleHelloworld étend le contrôleur  .
4. Créer une fonction OpenCart par défaut dans la classe, c.-à-d.. fonction publique index ()  . (Pour référence, veuillez lire cet article.)
5. À l'intérieur de la valeur par défaut indice() fonction, écrivez le code ci-dessous:
   

$ this-> language-> load ('module / helloworld'); // charge le fichier de langue de helloworld $ this-> data ['cap_title'] = $ this-> language-> get ('cap_title'); // définit le titre du module $ this-> data ['helloworld_value'] = html_entity_decode ($ this-> config-> get ('helloworld_text_field')); // récupère la valeur enregistrée du champ de texte helloworld et l'analyse dans une variable à utiliser dans la vue du module $ this-> template = $ this-> config-> get ('config_template'). '/template/module/helloworld.tpl'; // Chemin de modèle du magasin helloworld module $ this-> render (); // rend la sortie

Et nous avons fini de créer notre contrôleur.

Notez qu'il est important de lire les commentaires après chaque ligne de code ci-dessus pour comprendre le travail effectué..

Créer une vue de magasin

1. Accédez au dossier de modèles par défaut de votre magasin. dans mon cas c'est: catalogue / vue / thème / défaut / modèle / module.
2. Créer un nouveau fichier modèle.
3. Nomme le helloworld.tpl. 
4. Vous pouvez écrire votre propre code HTML pour afficher le contenu de votre module. La façon dont j'ai écrit le HTML est la suivante:

Création d'un fichier de langue

1. Créer un helloworld.php fichier de langue à l'intérieur de votre catalogue / langue / (langue) / module. 
2. Ajoutez des données linguistiques dans votre fichier de langue, dans mon cas: 

Si votre site est multilingue, placez le fichier de langue dans toutes vos langues..

Qu'avons-nous fait?

Fondamentalement, notre module fonctionne simplement parce qu'il prend une seule entrée du tableau de bord et l'affiche sur le front-end du magasin. À cet égard, nous avons ajouté des données factices à partir du module Hello World d’arrière-plan et défini les dispositions et le positionnement où le module doit être affiché. Dans notre cas, ces mises en page sont Contact et Compte et leurs positions sont à Colonne de gauche et Colonne de droite, respectivement.

Tester notre travail

Le travail de rédaction d'un module pour notre boutique en ligne est terminé. Mais ne supposez jamais que cela fonctionne sans tester le code.

1. Vous pouvez soit aller au Contactez nous page en partant du bas du magasin ou en appuyant sur le bouton http: //localhost/OpencartStore/index.php? route = information / contact URL. 
2. Là notre module devrait être dans sa position définie selon la capture d'écran suivante.
   

Merveilleux! Le module apparaît à la bonne position et dans la bonne disposition. Cela signifie que tout votre travail va bien. Vous pouvez également vérifier si votre module apparaît dans le Mise en page des comptes ou pas. Si vous avez suivi les bonnes étapes, alors il devrait également apparaître là.

Conclusion

À ce stade, vous avez effectué le travail le plus important de la série de développement OpenCart. Comme je l’ai mentionné dans l’introduction de cet article, le développement de modules pour OpenCart est assez facile à comprendre pour les débutants..

Dans les prochains tutoriels, nous nous concentrerons sur l'intégration d'API avec OpenCart et sur le développement de thèmes. J'espère que vous appréciez nos articles - beaucoup de choses amusantes vont arriver!

Si vous aimez mes articles, envoyez vos commentaires en utilisant le flux ci-dessous.