I try to learn how to create a simple module in Magento 2. I create one but I have a lot of errors. If anyone can help me with a sample. How I can create a simple Magento2 module. This module must have the following:

1. to have layout folder (I want to call a custom javascript file that require jquery);
2. template folder (I want to add a phtml file);
3. to have enable / disable option in the admin panel;

Some Helpful Links

1) Magento 2 Module Creator


2) Hello World Simple module in Magento 2




For Adding jQuery

put your jQuery files inside web/js folder and add requirejs-config.js file

var config = {
    'map': {
        '*': {
            loader: 'Vendor_Module/js/jquery.loader',
            menu: 'Vendor_Module/js/jquery.menu'

For Enable/Disable - create system.xml file in below location


<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Config:etc/system_file.xsd">
        <section id="test" translate="label" sortOrder="130" showInDefault="1" showInWebsite="1" showInStore="1">
            <group id="view" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Module View Settings</label>
                <field id="enabled" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Module On Frontend</label>
  • the problem here is that I add in my module layout folder default.xml file, and I call the js and css files there but my js file is in front of jquery and this is jquery dependent, for that I ask for a working module with my requirements
    – Robert
    Nov 27 '17 at 21:54
  • check my updated answer to add and load jQuery files Nov 27 '17 at 21:58
  • Thanks and how I can call the phtml file? and how I can add that enable / disable admin function?
    – Robert
    Nov 27 '17 at 21:59
  • I already do this what you told me with the requirejs-config but my files in luma theme for example are in the front of all
    – Robert
    Nov 27 '17 at 22:01
  • please update your question with what you want and problem you are facing Nov 27 '17 at 22:02

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.