EC-CUBE 4系

EC-CUBE4系で管理画面に新規メニュー項目を追加する方法

by TheVOS posted Oct 28, 2019
?

Shortcut

Prev前へ 書き込み

Next次へ 書き込み

Larger Font Smaller Font 上へ 下へ Go comment 印刷 添付
?

Shortcut

Prev前へ 書き込み

Next次へ 書き込み

Larger Font Smaller Font 上へ 下へ Go comment 印刷 添付
Extra Form
原文出所 https://umebius.com/eccube/ecceube4_insert_new_admin_menu/

今回は商品管理の一番下に新規メニュー項目を追加することを考えます。
まずメニューから開けるページが必要ですのでコントローラーを作成し、新しいページを作った後でそのページをメニューに追加してみましょう。今回はeccube_nav.yamlを編集するもっとも簡単な方法をご紹介します。

管理画面に新規ページを作る方法は下記URLで紹介しています。
管理画面に2ステップで新規ページを作る方法

それでは、このページを商品管理のメニューに追加してみます。

初期状態での管理画面のメニュー一覧はapp/config/eccube/packages/eccube_nav.yamlに配列として記載されています。
商品のメニュー部分は下記のようになっています。

parameters:
    eccube_nav:
        product:
            name: admin.product.product_management
            icon: fa-cube
            children:
                product_master:
                    name: admin.product.product_list
                    url: admin_product
                product_edit:
                    name: admin.product.product_registration
                    url: admin_product_product_new
                class_name:
                    name: admin.product.class_management
                    url: admin_product_class_name
                class_category:
                    name: admin.product.category_management
                    url: admin_product_category
                product_tag:
                    name: admin.product.tag_management
                    url: admin_product_tag
                product_csv_import:
                    name: admin.product.product_csv_upload
                    url: admin_product_csv_import
                category_csv_import:
                    name: admin.product.category_csv_upload
                    url: admin_product_category_csv_import
                #商品管理に新規メニュー追加

category_csv_importの下に次のように追記することでメニューを追加することができます。

product_new_menu:
    name: 新メニュー
    url: admin_new_menu

new_menuはメニューにつけるID名で、このメニューをアクティブにしたい時にtwigから指定します。
nameは表示する名称
urlはコントローラーのRouteで指定したURLの名前です。

動作検証

これで管理画面にアクセスするとカテゴリCSV登録の下に新規メニューが追加されました。twigでメニューの位置を指定しているのでアクティブ表示になっています。

メニュー追加

eccube_nav.yamlを編集するとバージョンアップの際に上書きされてしまう可能性があります。
大きなカスタマイズをするとバージョンアップできない可能性も高いですが、バージョンアップをご検討の方はEccubeNav(NavCompilerPass)の仕組みを利用するか、app/config/eccube/packages/prodなどに複製して用いると良いかもしれません。

Facebook [ja]コメント 


List of Articles
カテゴリー 番号 タイトル 日付 閲覧数
マニュアル 19 THEVOS Youtube BOARD SKIN 사용 설명 2018.11.11 131
CSS 18 Css 텍스트 외곽선 처리하기, Stroke 2019.11.28 131
EC-CUBE 2.x 17 EC-CUBE:SC_FormParamクラスによるパラメーターチェック方法 2019.10.03 140
EC-CUBE 2系 16 EC-CUBE 2系で注文を受けた商品の規格を後で削除すると、管理画面で受注内容を編集できなくなる 2020.01.02 153
EC-CUBE 2系 15 ECCUBE 2.13のインストール方法をスクリーンショット付きでわかりやすく徹底解説! file 2019.10.10 153
EC-CUBE 2系 14 イベントセット販売プラグインマニュアル file 2019.11.07 156
EC-CUBE 2系 13 EC-CUBE標準規約 2019.09.28 166
EC-CUBE 2系 12 リファクタリングガイドライン 2019.09.28 183
EC-CUBE 3系 11 관리 화면의 사이드 메뉴에 항목 추가하는 방법 file 2019.11.11 186
EC-CUBE 3.x 10 デフォルトのtitleを任意のものに変更する方法 file 2019.04.10 243
EC-CUBE 2.x 9 商品数や階層に関係なく全カテゴリーを表示させる方法 file 2019.04.10 272
EC-CUBE 4.x 8 EC-CUBE 4를 설치했을 때 설정 한 데이터베이스 암호는 어디에 저장되는 것입니까? 2019.11.14 402
EC-CUBE 2.x 7 EC-CUBE에서 모든 페이지에서 로그인 체크하기 2019.11.11 470
ヒント&ノウハウ共有 6 구글 캘린더 합치기 1 file 2018.12.12 511
EC-CUBE 4系 » EC-CUBE4系で管理画面に新規メニュー項目を追加する方法 file 2019.10.28 517
EC-CUBE 2系 4 EC-CUBE 2系の「もっと見る」を簡潔に 2020.01.02 639
EC-CUBE 2系 3 EC-CUBE2.13カスタマイズ:新しいページを追加する file 2019.11.11 663
EC-CUBE 2.x 2 EC CUBEで商品ごとに支払い方法を簡単に分ける file 2019.10.28 684
EC-CUBE 3.x 1 新規作成したページURLから「user_data」を消す方法とURLを出力するテンプレートタグ file 2019.04.10 1219
Board Pagination Prev 1 2 Next
/ 2