7 Steps to Create a New Admin Menu in Magento 2 at Singapore

7 Steps to Create a New Admin Menu in Magento 2 at Singapore

Have you ever questioned about how far you can custom admin menu in Magento 2?

 Adjacent to default settings, users must have expected ecommerce platform to accommodate their preferences even on niche details. The prevailing platform won the game should be the one with highest customization to target a large range of contrasting usage purposes. Magento genuinely understands that, and indeed gives many rooms to tailor the admin menu. Together with SmartOSC to clarify the details 7 Steps to Create a New Admin Menu in Magento 2 through the following article.

Step 1: Register The Module. Create The File Registration.Php

Path:  app/code/Bss/CreateMenuBackend/registration.php

<?php

\Magento\Framework\Component\ComponentRegistrar::register(

   \Magento\Framework\Component\ComponentRegistrar::MODULE,

   ‘Bss_CreateMenuBackend’,

   __DIR__

);

See more articles: https://www.smartosc.com/insights/top-10-magento-development-companies-in-singapore

Step 2: Configure Module. Create File Module.Xml

Path:  app/code/Bss/CreateMenuBackend/etc/module.xml

<?xml version=”1.0″?>

<config xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance” xsi:noNamespaceSchemaLocation=”urn:magento:framework:Module/etc/module.xsd”>

   <module name=”Bss_CreateMenuBackend” setup_version=”1.0.0″>

   </module>

</config>

Step 3: Create File Menu.Xml

Path:  app/code/Bss/CreateMenuBackend/etc/adminhtml/menu.xml

– Below is a sample of main menu, set name as: “Bss Menu”.

<?xml version=”1.0″?>

<config xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance” xsi:noNamespaceSchemaLocation=”urn:magento:module:Magento_Backend:etc/menu.xsd”>

   <menu>

    <add id=”Bss_CreateMenuBackend::menu”

    title=”Bss Menu” module=”Bss_CreateMenuBackend”

    sortOrder=”10″

    resource=”Magento_Backend::content”

    />

   </menu>

</config>

See more articles: https://www.smartosc.com/insights/magento-development-service-company

Attributes:

  • Id: Specify identifier of the menu. It should be unique and comply with the format: [Namespace_ModuleName]::[menu_name].
  • Title: Display title in menu in the backend
  • Module: Name of the module, formatted as: [Namespace_ModuleName].
  • SortOrder: Set priority of module in the menu, smaller value receives higher display position. Module receives value “0” can be added with an icon.
  • Resource: Create ACL rule to set admin users who can see and access the created menu

–  Enter following commands in root file of Magento:

1: php bin/magento module:enable Bss_DemoMenu

2: php bin/magento setup:upgrade

3: php bin/magento setup:static-content:deploy -f

4: php bin/magento cache:flush

It turns out a main menu Bss Menu at the left navigation – Admin Menu

7 Steps to Create a New Admin Menu in Magento 2 at Singapore

Successful created new admin menu

– Create a new sub-menu in the main menu. Set Bss Items as its name.

<?xml version=”1.0″?>

<config xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance” xsi:noNamespaceSchemaLocation=”urn:magento:module:Magento_Backend:etc/menu.xsd”>

   <menu>

    <add id=”Bss_CreateMenuBackend::menu”

    title=”Bss Menu” module=”Bss_CreateMenuBackend”

    sortOrder=”10″

    resource=”Magento_Backend::content”

    />

      

    <add id=”Bss_CreateMenuBackend::menu_item”

    title=”Bss Items” module=”Bss_CreateMenuBackend”

    sortOrder=”10″ parent=”Bss_CreateMenuBackend::menu”

    action=”createmenubackend/create/index”

    resource=”Bss_CreateMenuBackend::menu_item”

    />

   

   </menu>

</config>

Attributes in sub-menu:

  • Parent: Value is the ID of the main menu. It specifies the sub menu belongs to parentory menu.
  • Action: Direct URL if clicking to the menu, as format [router_name]/[controller_name]/[action_name]. – In our example, menu links with module Bss, controller Create and action Index.

Run Magento CLI command cache:clean, you have successfully created menu content Bss Items inside Bss Menu.

7 Steps to Create a New Admin Menu in Magento 2 at Singapore

See more articles: Magento Agency

Step 4: Create File Routes.Xml

Path:  app/code/Bss/CreateMenuBackend/etc/adminhtml/routes.xml

<?xml version=”1.0″?>

<config xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance” xsi:noNamespaceSchemaLocation=”urn:magento:framework:App/etc/routes.xsd”>

<router id=”admin”>

<route id=”createmenubackend” frontName=”createmenubackend”>

<module name=”Bss_CreateMenuBackend”/>

</route>

</router>

</config>

Step 5: Create Page To Attach Link In The Menu. Create File Index.Php

Path:  app/code/Bss/CreateMenuBackend/Controller/Adminhtml/Create/Index.php

<?php

namespace Bss\CreateMenuBackend\Controller\Adminhtml\Create;

class Index extends \Magento\Backend\App\Action

{

      protected $resultPageFactory = false; 

      public function __construct(

              \Magento\Backend\App\Action\Context $context,

              \Magento\Framework\View\Result\PageFactory $resultPageFactory

      ) {

              parent::__construct($context);

              $this->resultPageFactory = $resultPageFactory;

      } 

      public function execute()

      {

              $resultPage = $this->resultPageFactory->create();

              $resultPage->setActiveMenu(‘Bss_CreateMenuBackend::menu’);

              $resultPage->getConfig()->getTitle()->prepend(__(‘Demo Menu’));

              return $resultPage;

      }

      protected function _isAllowed()

      {

              return $this->_authorization->isAllowed(‘Bss_CreateMenuBackend::menu’);

      }

}

Step 6: Determine The Interface Of The Page

Define layout and page structure. Create file createmenubackend_create_index

Path: app/code/Bss/CreateMenuBackend/view/adminhtml/layout/createmenubackend_create_index.xml

<?xml version=”1.0″?>

<page xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance” xsi:noNamespaceSchemaLocation=”urn:magento:framework:View/Layout/etc/page_configuration.xsd”>

   <body>

       <referenceContainer name=”content”>

               <block class=”Magento\Backend\Block\Template” template=”Bss_CreateMenuBackend::helloworld.phtml”/>

       </referenceContainer>

   </body>

</page>

Set up page content. Create file helloworld.phtm

Path: app/code/Bss/CreateMenuBackend/view/adminhtml/templates/helloworld.phtml

<p>Hello World</p>

Step 7: Install Module

Run command in root file of Magento:

php bin/magento setup:upgrade

php bin/magento setup:static-content:deploy -f

php bin/magento cache:flush

This is outcome when clicking to sub menu Bss Items:

7 Steps to Create a New Admin Menu in Magento 2 at Singapore

Article source: Magento Việt Nam

16 thoughts on “7 Steps to Create a New Admin Menu in Magento 2 at Singapore

  1. Stewartfjr says:

    кисловодск пансионаты без лечения с питанием абхазия сухум отдых
    сочи пансионат солнышко хэмптон бай хилтон самара катюша алушта официальный сайт
    рейтинг санаториев подмосковья горный воздух лоо адрес хостел большая семья

  2. Stewartfmk says:

    отель карлен лахденпохья санаторий сокол крым
    тур в спа отель пансионат кисловодск цб рф официальный сайт таксимо гостиница
    москва цандрипш жд билеты острова заполярье сочи крепость кисловодск официальный сайт цены

  3. Stewartpmr says:

    гостиница беломорье акварели на восстания санкт петербург
    санаторное лечение после инсульта отдых на чёрном море цены как добраться до провала в пятигорске
    гостиница калининград светлана сочи официальный сайт хаятт ридженси сочи

  4. Stewartdaq says:

    бакчар гостиница отель ривьера пицунда официальный сайт
    отдых витязево отель спорт инн санаторий красная пахра вакансии на работу
    рио де кавказ адрес дома отдыха в петрозаводске гостиницы в гурзуфе крым цены 2021

  5. Stewartjbm says:

    www kahtanka com глория иркутск
    кубань новомихайловский официальный сайт бристоль ялта гостиница президент москва
    лапландия мончегорск гостиница санаторий белокуриха лечение отель форест алупка официальный сайт

  6. Stewartpqs says:

    лермонтово краснодарский край отзывы польза радоновой воды для человека
    гостиница англетер в санкт петербурге подстепки хаус тольятти официальный звездный отель сочи официальный сайт
    отели красная поляна сочи нарлен отель коктебель чайные домики в дагомысе

  7. VederTwteqv says:

    бригантина феодосия санатории сахалина цены
    солнечный летний пансионат 3 9 мая 75 красноярск что такое морской бриз
    шексна сочи отзывы мини отель в санкт петербурге недорого адлеркурорт профкурорт

  8. VederTwtmmp says:

    гостиница аквалоо сочи официальный сайт бенефит гостиница пермь
    санаторий ломоносова геленджик отдых по соцпутевке золотой колос алушта официальный сайт алушта утес
    где можно погулять в горячем ключе гостиницы сарова бюджетные санатории россии

  9. VederTwtsoc says:

    санатории россии с лечением суставов цены криница гостиницы
    авдалия анапа официальный сайт лучшие отели воронежа лучший отель в абхазии
    санатории кисловодска сердечно сосудистого профиля амакс шахтер ессентуки отзывы факел кисловодск

  10. VederTwtzye says:

    мирит отель сочи официальный сайт санаторий дюльбер вакансии
    что входит в путевку в санаторий sochi magnolia сколько стоит путевка в адлер
    отель imereti казань клик вояж туроператор официальный санаторий заполярье сочи цены

  11. VederTwtilh says:

    полтава крым саки екдс евпатория официальный сайт
    белокуриха санаторий отзывы айс отель шерегеш отели астрахани на берегу волги
    база отдыха красная поляна дома отдыха в подмосковье с питанием отель в конаково на берегу волги

  12. VederTwtpvr says:

    гостиница на пролетарке санатории на балтийском море
    отель азимут сочи отель марго носово мини отели саратова
    горизонт сочи отели в бийске отель море алушта официальный сайт

  13. VederTwtppo says:

    санатории в песчаном крым красная поляна сочи беларусь
    отель голд шарк more spa resort 4 отзывы о отеле мистраль
    брусника тазовский отель джемете анапа отзывы апарт отель прибрежный квартал

  14. VederTwtqbk says:

    парк отель романова евпатория официальный сайт гостиницы геленджика с крытым бассейном
    юрьев польский гостиница санаторий лучезарный сочи официальный сайт белые ночи сочи санаторий санкт петербург
    база отдыха солнечный в солнечногорске ессентуки санаторий с бассейном холецистоеюностомия

  15. VederTwtoaq says:

    пансионат олимп анапа цгб горячий ключ официальный сайт
    санаторий ерино цены сочи отели 5 звезд евпатория санатории и пансионаты цены 2021
    лечение суставов санаторий где отдохнуть в ессентуках ливадия сайт

Leave a Reply

Your email address will not be published. Required fields are marked *


Our Ecosystem : Vietnam, Australia 1, Singapore 1, Thailand, Australia 2, Singapore 2, USA 1, Australia 3, Singapore 3, USA 2, Singapore 4, Australia 4, Ecommerce, USA 3